@extends('layouts.app')
<link href="{{URL::asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
@section('style')
<link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">
@stop
@section('content')
<!-- BEGIN CONTENT BODY -->
@include("layouts.Invmodal")
@include("bills.modal")
<!-- END PAGE BAR -->
<div class="row">
  <div class="portlet light bg-inverse">
    <div class="portlet-title">
      <div class="caption">
        <i class="icon-equalizer font-green-haze"></i>
        <span class="caption-subject font-green-haze bold uppercase">@lang('layout.WarrantyCreate')</span>
        {{--<span class="caption-helper"></span>--}}
      </div>
      <div class="tools">
        <a href="" class="collapse"> </a>
        <a href="#portlet-config" data-toggle="modal" class="config"> </a>
        <a href="" class="reload"> </a>
        <a href="" class="remove"> </a>
      </div>
    </div>
    <div class="portlet-body form" id="warranty" v-cloak>
      <!-- BEGIN FORM-->
      {{Form::open(['route' => 'warranty.store','method' => 'POST','class'=>'form-horizontal'])}}
      <div class="form-body">
        <div class="row">
          <input type="hidden" name="temp_type" value="assembly">
          <div class="col-md-12">
            <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px;">
              <div class="row" style="padding: 0.5% 1%;">
                <div class="row" style="padding: 0.5% 1%;">
                  <div class="col-lg-3">
                    <label class="control-label">@lang('layout.Number')</label>
                    {{Form::number('number',$number,['class' => 'form-control','v-model'=>'number'])}}
                  </div>
                  <div class="col-md-3" style="margin-bottom: 10px;">
                    <label class="control-label">@lang('layout.Customer'):</label>
                    <v-select placeholder="@lang('layout.SelectMember')" label="name" v-model="selected_member" :options="members" @search="MemberSearch" >
                    </v-select>
                    <input type="hidden" name="customer_id" v-model.number="(!selected_member)?null:selected_member.id" v-validate="'required'" data-vv-as="@lang('layout.Customer')">
                    <span class="required">@{{ errors.first('customer_id') }}</span>
                  </div> 
                  <div class="col-lg-3">
                    <label class="control-label ">@lang('layout.Date')</label>
                    <date_picker name="date" v-model="date" placeholder="@lang('layout.Date')"></date_picker>
                  </div>
                  <div class="col-lg-3">
                    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
                      <label class="control-label">@lang('layout.EndCustomer')</label>
                      <input type="checkbox" name="customer_type" v-model="customerType" value="pending">
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <label class="control-label ">@lang('layout.Description')</label>
                    <textarea name="description" id="" cols="3" rows="2" class="form-control"></textarea>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px; padding: 15px 0px;">
            <h3 style="margin-bottom: 30px !important;">@lang('layout.ItemByCode')</h3>
            <table id="table_content" class="table table-bordered">
              <thead>
                <tr>
                  <th class="text-center" style="width: 25px;"> # </th>
                  <th style="min-width: {{itemFieldWidth()}}px">@lang('layout.ItemName') </th>
                  <th class="text-center" style="min-width: 80px;">@lang('layout.SiteName')</th>
                  <th class="text-center" style="min-width: 120px;">@lang('layout.SerialNum')</th>
                  <th class="text-center" style="min-width: 80px;">@lang('layout.Code')</th>
                  <th class="text-center" style="min-width: 80px;" v-show="customerType">@lang('layout.BatchDate')</th>
                  <th class="text-center" style="min-width: 80px;" v-show="customerType">@lang('layout.StartDate')</th>
                  <th class="text-center" style="min-width: 80px;" v-show="customerType">@lang('layout.EndDate')</th>
                  <th class="text-center"><i class="fa fa-ellipsis-h"></i></th>
                </tr>
              </thead>
              <tbody>
                <tr class="even" v-for="(item,index) in inventories">
                  <td class="td_one"> 
                    @{{index+1}}
                  </td>
                  <td class="highlight">
                    {{-- <div class="input-group"> --}}
                      <v-select label="name" v-model="item.inventory" :options="temp_items" @search="onItemSearch" @if(searchByCodeLocation()!="true" || getCodeBrand() !="true") @input="(editKey)?onItemLoadCode(index):''" @endif @keyup.native="onItemLoadCode(index), addNew('inventory',index), editKey = true" @Click.native="onItemLoadCode(index), addNew('inventory',index), editKey = true" @if(TabIndexInItemName() =="true") tabindex="1" @endif ></v-select>
                      <input type="hidden" id="item_id" :name="'inventory_id['+index+']'" :value="(!item.item)?null:item.item.id">
                      {{-- <span class="btn btn-success input-group-addon" @click="showInfo(index,'code')"> <i class="fa fa-info"></i></span> --}}
                    {{-- </div> --}}

                  </td>
                  <td class="highlight">
                    <select v-model="(item.item==null)?null:item.item.site" @input="onItemSearchCodeSelect(index)" class="form-control">
                      <option value="null">@lang('layout.Select')</option>
                      <span v-if="(item.item != null)">
                        <option v-for="site in (item.item==null)?null:item.item.site_list" :value="site">
                          @{{site.site_name}}
                        </option>
                      </span>
                    </select>
                    <input type="hidden" id="site_id" :name="'site_id['+index+']'" :value="(item.item==null)?null:((item.item.site==null)?null:item.item.site.site_id)">
                  </td>
                  <td class="td_one">
                    <input type="text" class="form-control" :name="'serial_number['+index+']'" :value="(!item.item)?null:item.item.number">
                  </td>
                  <td class="highlight">
                    <v-select label="name" @click.native="addIndex(index)" @input="addIndex(index), changeWingPrice(index)" v-model="(item.item==null)?null:item.item.code" :options="subItemes" @search="onItemSearchCode" placeholder="@lang('layout.Code')" style=""></v-select>
                    <input type="hidden" :name="'code['+index+']'" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.code)">
                  </td>
                  <td v-show="customerType">
                    <date_picker :name="'batch_date['+index+']'" placeholder="@lang('layout.BatchDate')" ></date_picker>
                  </td>
                  <td v-show="customerType">
                    <date_picker :name="'start_date['+index+']'" placeholder="@lang('layout.StartDate')" ></date_picker>
                  </td>
                  <td v-show="customerType">
                    <date_picker :name="'end_date['+index+']'" placeholder="@lang('layout.EndDate')" ></date_picker>
                  </td>
                  <td>
                    <span v-if="inventories.length>1" v-on:click="deleteItem('inventory',index)"><i class="paddint-both glyphicon glyphicon-trash"></i></span>
                  </td>
                </tr>
              </tbody>
            </table> 
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-center">
            <button type="button" @click="handleSubmit($event)" class="btn green">@lang('layout.Submit')</button>
            <a href="{{route('buildsStatistic.index')}}" @click="clearTemp" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
          </div>
        </div>
      </div>
      {{Form::close()}}
      </div>
        <!-- END FORM-->
  </div>
</div>
@endsection
@push('scripts')
<script src="{{url('/vue/sweetalert1.min.js')}}"></script>
<script src="{{URL::asset('assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js')}}" type="text/javascript"></script>
<script src="{{URL::asset('assets/pages/scripts/components-date-time-pickers.min.js')}}" type="text/javascript"></script>
<script>
  Vue.component('v-select', VueSelect.VueSelect);

  @if(App::getLocale())
    Vue.use(VeeValidate, {
        locale: '{{App::getLocale()}}',
    });
    @else
  Vue.use(VeeValidate, {
    locale: 'en',
  });
  @endif
  
  Vue.component("modal", {
      template: "#modal-template",
      props: ['show'],
      created() {
          console.log('rrrrr');
      }

  });  

    /// inventory model
    var invm = null;
    Vue.component("invmodal", {
        template: '#invmodal-template',

        props: ['show'],
        data() {
            return {
                dynamic_time:'',
                measureList: [],
                categories: [],
                income: [],
                cost: [],
                asset: [],
                rate: 0,
                description: null,
                number: null,
                category: null,
                selectMeasure: null,
                incomeAccount: null,
                costAccount: null,
                assetAccount: null,
                length: null,
                width: null,
                height: null,
                cbm: null,
                userChangeCbms: false,
                percentage_price: false,
            }
        },
        created() {

            axios.get('{{route("inventory.create")}}', {
                    params: {
                        add_item: 'on'
                    }
                }).then(
                response => {
                    this.measureList = response.data.measure;
                    this.categories = response.data.category;
                    this.number = response.data.number;
                    this.income = response.data.income;
                    this.cost = response.data.cost;
                    this.asset = response.data.asset;
                    this.length = response.data.length;
                    this.width = response.data.width;
                    this.height = response.data.height;
                    this.percentage_price = response.data.percentage_price;
                    this.cbm = response.data.cbm;

                    if(this.measureList.length>0)
                    {
                        this.selectMeasure=this.measureList[0];
                    }
                    if(this.income.length>0)
                    {
                        this.incomeAccount=this.income[0];
                    }
                    if(this.cost.length>0)
                    {
                        this.costAccount=this.cost[0];
                    }
                    if(this.asset.length>0)
                    {
                        this.assetAccount=this.asset[0];
                    }

                }).catch(error => console.log(error));
        },
        methods: {
            calculateCbm(){
                if(this.userChangeCbms) return;
                let l = parseFloat(this.length) || 0;
                let w = parseFloat(this.width) || 0;
                let h = parseFloat(this.height) || 0;
                if(l === 0 && w === 0 && h === 0){
                    this.cbm = '';
                }
                else{
                    this.cbm = (l * w * h);
                }
            },
            handleCbmInput(){
                this.userChangeCbms = true;
                if(this.cbm === ''){
                    this.calculateCbm();
                }
            },
            showMeasureModal() {
                invm = this;
                sales.showMeasureModal = true;
                sales.showInvModal = false;
            },

            onSubmit() {
                var ivn = this;
                sales.showInvModal = false;
                var datas = $("#modalFormInv").serializeArray();
                // console.log(123,datas);
                $.ajax({
                    headers: {'X-CSRF-TOKEN': "{{csrf_token()}}"},
                    url: '{{route("inventory.store")}}',
                    method: 'post',
                    data: {
                        "name": datas[0]['value'],
                        'type': datas[1]['value'],
                        'number': datas[2]['value'],
                        'gauge': datas[3]['value'],
                        'rate': datas[4]['value'],
                        'description': datas[5]['value'],
                        'asset_account': this.assetAccount.id,
                        'um_id': this.selectMeasure.id,
                        'income_account': this.incomeAccount.id,
                        'cost_account': this.costAccount.id,
                        'cost': 1,
                        'category': (this.category) ? this.category.id : null
                    },
                    dataType: 'json',

                }).done(function (response) {
                    // console.log(123, response);
                    if (response) {
                      response.item.id = response.item.item_id;
                      sales.selected_assembly_item = null;
                      sales.selected_assembly_item = response.item;
                    }
                    axios.get('{{route("inventory.create")}}', {
                        params: {
                            saveAndNew: 'on'
                        }
                    }).then(response => {
                        // console.log(1239, response);
                        ivn.number = response.data;
                        document.getElementById("modalFormInv").reset();
                    }).catch(error => console.log(error));

                }).fail(function (error) {
                    console.log('error', error);
                });

            }
        }
    });
    /// inventory model

  function callSaveTemp() {
    @if(saveTempData() == 'true')
    setTimeout((function() {
      sales.saveTemp();
      // console.log(12);
    }), 4e4)
    @endif
  }

  var sales = new Vue({
    el: '#warranty',
    data: {
      type: null,
      dynamic_time:'',
      number: "{{$number}}",
      old_number: "{{$number}}",
      selected_assembly_item: null,
      selected_member: null,
      members: [],
      showInvModal: false,
      customerType: false,
      assembly_item: [],
      temp_items: [],
      formula_items: [],
      inventories: [
        {inventory: null, item: null}
      ],
      assemlby_items: [
        {
          item: null
        }, 
      ],
      otherBuild: [
        {
          item: null
        },
        {
          item: null
        },
        {
          item: null
        },
        {
          item: null
        },
      ],
      otherBuildIndex: 0,
      inventoryIndex: 0,
      description: null,
      date: null,
      name: null,
      codeList: [],
      inventoryItem: null,
      expenses: [
        {
          description: null,
          amount: null
        },
        {
          description: null,
          amount: null
        },
        {
          description: null,
          amount: null
        },
      ],
      showMeasureModal: false,
      fieldErrors: [],
      subItemes: [],
      subItems: [],
      selectedMetric: {},
      senddata: {},
      selectedMeasure: {},
      metricList:{!!json_encode(getMeasures())!!},
    },
    computed: {
      isError: function() {
        var isError = false;
        if (this.selected_assembly_item == null) {
          isError = true;
        }
        return isError;
      }
    },
    mounted: function() {
      this.dynamicTime()
      @if(saveTempData() == 'true')
      axios.get("{{route('temp.assembly.getData')}}", {
        params: {
          type: 'assembly'
        }
      })
      .then(function(response) {
        // console.log('myrespo1', response);
        if (response.data) {
          if (response.data.form) {
            sales.date = response.data.form.date;
            sales.description = response.data.form.description;
            sales.code = response.data.form.number;
            sales.name = response.data.form.other_member_name;
          }
          if (response.data.items) {
            if (response.data.items.length > 0) {
              sales.assemlby_items = [];
              for (var r = 0; r < response.data.items.length; r++) {
                sales.assemlby_items.push({
                  item: response.data.items[r]
                });
              }
              for (var m = 1; m > response.data.items.length; m--) {
                sales.assemlby_items.push({
                  item: null
                });
              }
            }
          }
          if (response.data.otherBuild) {
            if (response.data.otherBuild.length > 0) {
              sales.otherBuild = [];
              for (var r = 0; r < response.data.otherBuild.length; r++) {
                sales.otherBuild.push({
                  item: response.data.otherBuild[r]
                });
              }
              for (var m = 4; m > response.data.otherBuild.length; m--) {
                sales.otherBuild.push({
                  item: null
                });
              }
            }
          }
          if (response.data.expenses) {
            if (response.data.expenses.length > 0) {
              sales.expenses = [];
              for (var r = 0; r < response.data.expenses.length; r++) {
                sales.expenses.push({
                  description: response.data.expenses[r].description,
                  amount: response.data.expenses[r].amount
                });
              }
              for (var m = 4; m > response.data.expenses.length; m--) {
                sales.expenses.push({
                  description: null,
                  amount: null
                });
              }
            }
          }
          //begin formula item initialize
          if (response.data.asseItem) {
            sales.formula_items.push(response.data.asseItem);
            sales.selected_assembly_item = sales.formula_items[0];
          }
        }
      })
      .catch(function(error) {
        console.log(error);
      })
      @endif
      callSaveTemp();
    },
    methods: {
      //ajax call to get items
      onItemSearch: _.debounce((search, loading) => {
        var selectedIndex = sales.selectedIndex;
        loading(true);
        if (sales.inventories[0].item == null || !sales.inventories[0].item.sale_order_detail_id) {
          let inventory_category_id = (sales.inventories[selectedIndex]['item_category'] != undefined) ? sales.inventories[selectedIndex]['item_category'].id : '';
          axios.get("{{route('callMethod.search')}}", {
            params: {
              member_id: sales.member_id,
              method_name: 'itemSearchNameRoll',
              // method_name: 'itemSearchSaleRoll',
              keyword: search,
              inventory_category_id: inventory_category_id,
            },
          })
          .then(function(response) {
            // v.subItems = [];
            if (response.data.length > 0) {
              sales.temp_items = [];
              sales.temp_items = response.data;
              // console.log('pp', response.data);
            }
            loading(false);
          })
          .catch(function(error) {
            console.log(error);
          });
        } else {
          // console.log('test check1', v.selected_sale_order);
          axios.get("{{route('callMethod.search')}}", {
            params: {
              method_name: 'SaleOrderItemsRoll',
              sale_order_id: sales.selected_sale_order.id,
              type: 'saleOrder'
            }
          })
          .then(function(response) {
            if (response.data.length > 0) {
              sales.temp_items = [];
              sales.temp_items = response.data;
              // v.inventories = [];
              // for (var r = 0; r < response.data.length; r++) {
              // v.inventories.push({item: response.data[r]});
              // }
              // v.inventories.push({item: null});
              // console.log('test check', v.inventories);
              sales.invoiceDescription = sales.selected_sale_order.description;
              loading(false);
            }
          })
          .catch(function(error) {
            console.log(error);
          }) 
        }
      }, getDebounceTime()),
      //ajax call to get items code
      onItemLoadCode(selectedIndex) {
        sales.selectedIndex = selectedIndex; 
        if (sales.inventories[selectedIndex].inventory != null) {
          if (sales.inventories[0].item == null || !sales.inventories[0].item.sale_order_detail_id) {
            var inventory_id = sales.inventories[selectedIndex].inventory.id;
            let inventory_category_id = (sales.inventories[selectedIndex]['item_category'] != undefined) ? sales.inventories[selectedIndex]['item_category'].id : '';
            // console.log('klk111',inventory_id,inventory_category_id);
            axios.get("{{route('callMethod.search')}}", {
              params: {
                member_id: sales.member_id,
                method_name: 'itemSearchSaleRoll',
                inventory_id: inventory_id,
                inventory_category_id: inventory_category_id,
              }
            })
            .then(function(response) {
              sales.inventories[selectedIndex].item = null;
              console.log('gg989', response.data);
              if (response.data.length > 0) {
                sales.inventories[selectedIndex].item = response.data[0];
                sales.inventories[selectedIndex].code=null;
                sales.inventories[selectedIndex].selectedBrand=null;
                sales.inventories[selectedIndex].codeList=[];
                sales.codeList=[];
                sales.inventories[selectedIndex].selectedLocation=null;
                // console.log('gg989', response.data[0].gauge);
                var sites_id = {{ getDropdown('invoiceRoll', 'site') }}
                if(sites_id){
                  for (var i = 0; i < sales.inventories[selectedIndex].item.site_list.length; i++) {
                    if (sales.inventories[selectedIndex].item.site_list[i].site_id == sites_id) {
                      sales.inventories[selectedIndex].item.site = sales.inventories[selectedIndex].item.site_list[i];
                    }
                  }
                }
                sales.onItemSearchCodeSelect(selectedIndex);
                // v.onItemSearchBrand(selectedIndex);
              }
            })
            .catch(function(error) {
              console.log(error);
            })
          } else {
            sales.inventories[selectedIndex].item = sales.inventories[selectedIndex].inventory;
            this.subItemes = null;
            this.subItems[selectedIndex] = null;
          }
        }
      },
      //ajax call to get items
      onItemLoadByCode(index) {
        console.log(3333333333333333, index);
        if (sales.inventories[index].code != null) {
          sales.inventories[index].code.qut_temp = 0;
          var inventory_id = sales.inventories[index].code.inventory_id;
          var brand_id = sales.inventories[index].code.brand_id;
          var stocks_in_id = sales.inventories[index].code.id;
          // console.log(33, stocks_in_id);
          axios.get("{{route('callMethod.search')}}", {
            params: {
              member_id: sales.member_id,
              method_name: 'itemSearchSaleRoll',
              inventory_id: inventory_id,
              stocks_in_id: stocks_in_id,
            }
          })
          .then(function(response) {
            if (sales.inventories[0].item && !sales.inventories[0].item.sale_order_detail_id) {
              sales.inventories[index].item = null;
            }
            if (response.data.length > 0) {
              // console.log(34,v.inventories[index]);
              if (sales.inventories[0].item && !sales.inventories[0].item.sale_order_detail_id) {
                sales.inventories[index].item = response.data[0];
              }
              sales.inventories[index].inventory = response.data[0];
              sales.inventories[index].item = response.data[0];
              sales.inventories[index].item.code = sales.inventories[index].code;
              sales.inventories[index].item.cost = sales.inventories[index].code.cost;
              var site_id = sales.inventories[index].code.site_id;
              var sites = response.data[0]['site_list'];
              for (let a = 0; a < sites.length; a++) {
                if(sites[a].site_id == site_id){
                  sales.inventories[index].item.site = sites[a];
                }
              }
              sales.inventories[index].selectedLocation = response.data[0].selectedLocation;
              sales.locationList = response.data[0].locationList;
              @if(ShowQuantityByWing() == "true")
              sales.inventories[index].item.code.price_of_khada = response.data[0].price_of_khada;
              @endif
              // console.log('gg989', response.data[0],site_id,v.inventories[index].item.site);
            }
          })
          .catch(function(error) {
            console.log(error);
          });
        }
      },
      //ajax call to get items code
      onItemSearchCode: _.debounce((search, loading) => { 
        if (sales.inventories[sales.selectedIndex].item != null && sales.inventories[sales.selectedIndex].item.site != null) {
          item_id = sales.inventories[sales.selectedIndex].item.id;
          inventory_site = sales.inventories[sales.selectedIndex].item.site.site_id;
          loading(true);
          axios.get("{{route('callMethod.search')}}", {
            params: {
              method_name: 'getAssebmliesSubSite',
              keyword: search,
              item_id: item_id,
              inventory_site: inventory_site,
            }
          })
          .then(function(response) {
            // v.subItems = [];
            if (response.data.length > 0) {
              sales.subItems[sales.selectedIndex] = response.data;
              sales.subItemes = response.data; 
            }
            loading(false);
          })
          .catch(function(error) {
            console.log(error);
          });
        }
      }, getDebounceTime()),
      //ajax call to get items code
      onSearchCode: _.debounce((search, loading) => {
        loading(true);
        var selectedIndex = sales.selectedIndex;
        let inventory_brand_id = (sales.inventories[selectedIndex]['selectedBrand'] != undefined) ? sales.inventories[selectedIndex]['selectedBrand'].id : '';
        let location = (sales.inventories[selectedIndex]['selectedLocation'] != undefined) ? sales.inventories[selectedIndex]['selectedLocation'].name : '';
        let inventory_category_id = (sales.inventories[selectedIndex]['item_category'] != undefined) ? sales.inventories[selectedIndex]['item_category'].id : '';
        let inventory_site = (sales.inventories[selectedIndex]['item'] != undefined) ? ((sales.inventories[selectedIndex]['item'].site != undefined) ? sales.inventories[selectedIndex]['item']['site'].site_id : '') : '';
        let item_id = (sales.inventories[selectedIndex]['item'] != undefined) ? ((sales.inventories[selectedIndex]['item'].sale_order_detail_id) ? sales.inventories[selectedIndex]['item'].id : '') : '';
        axios.get("{{route('callMethod.search')}}", {
          params: {
            method_name: 'getAssebmliesSubSite',
            keyword: search,
            inventory_category_id: inventory_category_id,
            brand_id: inventory_brand_id,
            item_id: item_id,
            location: location,
            inventory_site: inventory_site,
          }
        })
        .then(function(response) {
          // v.subItems = [];
          if (response.data.length > 0) {
            sales.subItems[sales.selectedIndex] = response.data;
            sales.subItemes = response.data;
            sales.codeList = response.data;
            // console.log('subItems', v.subItems);
          }
          loading(false);
        })
        .catch(function(error) {
          console.log(error);
        });
      }, getDebounceTime()),
      // end item search
      //ajax call to get items code
      onSearchLocation: _.debounce((search, loading) => {
        loading(true);
        var selectedIndex = sales.selectedIndex;
        axios.get("{{route('callMethod.search')}}", {
          params: {
            method_name: 'getLocationList',
            keyword: search,
          }
        })
        .then(function(response) {
          // console.log(response);
          if (response.data) {
            if (response.data.data.length > 0) {
              sales.locationList = [];
              sales.locationList = response.data.data;
            }
          }
          loading(false);
        })
        .catch(function(error) {
          console.log(error);
        });
      }, getDebounceTime()),
      //ajax call to get items code
      onItemLoadCode(selectedIndex) {
        sales.selectedIndex = selectedIndex; 
        if (sales.inventories[selectedIndex].inventory != null) {
          if (sales.inventories[0].item == null || !sales.inventories[0].item.sale_order_detail_id) {
            var inventory_id = sales.inventories[selectedIndex].inventory.id;
            let inventory_category_id = (sales.inventories[selectedIndex]['item_category'] != undefined) ? sales.inventories[selectedIndex]['item_category'].id : '';
            // console.log('klk111',inventory_id,inventory_category_id);
            axios.get("{{route('callMethod.search')}}", {
              params: {
                member_id: sales.member_id,
                method_name: 'itemSearchSaleRoll',
                inventory_id: inventory_id,
                inventory_category_id: inventory_category_id,
              }
            })
            .then(function(response) {
              sales.inventories[selectedIndex].item = null;
              console.log('gg989', response.data);
              if (response.data.length > 0) {
                sales.inventories[selectedIndex].item = response.data[0];
                sales.inventories[selectedIndex].code=null;
                sales.inventories[selectedIndex].selectedBrand=null;
                sales.inventories[selectedIndex].codeList=[];
                sales.codeList=[];
                sales.inventories[selectedIndex].selectedLocation=null;
                // console.log('gg989', response.data[0].gauge);
                var sites_id = {{ getDropdown('invoiceRoll', 'site') }}
                if(sites_id){
                  for (var i = 0; i < sales.inventories[selectedIndex].item.site_list.length; i++) {
                    if (sales.inventories[selectedIndex].item.site_list[i].site_id == sites_id) {
                      sales.inventories[selectedIndex].item.site = sales.inventories[selectedIndex].item.site_list[i];
                    }
                  }
                }
                sales.onItemSearchCodeSelect(selectedIndex);
                // v.onItemSearchBrand(selectedIndex);
              }
            })
            .catch(function(error) {
              console.log(error);
            })
          } else {
            sales.inventories[selectedIndex].item = sales.inventories[selectedIndex].inventory;
            this.subItemes = null;
            this.subItems[selectedIndex] = null;
          }
        }
      },
      //ajax call to get items code
      onItemSearchCodeSelect(selectedIndex) {
        sales.selectedIndex = selectedIndex;
        setTimeout(function() {
          if (sales.inventories[selectedIndex].item != null && sales.inventories[selectedIndex].item.site != null) {
            // console.log("Every" , v.inventories[selectedIndex].item.newcodeSearch);  
            let codeItem = sales.inventories[selectedIndex].item.newcode?sales.inventories[selectedIndex].item.newcode:null;
            let = brand_id = null;
            if (sales.inventories[selectedIndex].item.selectedBrand != null) {
              brand_id = sales.inventories[selectedIndex].item.selectedBrand.id;
            }
            let location = (sales.inventories[selectedIndex]['selectedLocation'] != undefined) ? sales.inventories[selectedIndex]['selectedLocation'].name : '';
            item_id = sales.inventories[selectedIndex].item.id;
            inventory_site = sales.inventories[selectedIndex].item.site.site_id;
            // console.log('selectedIndex', selectedIndex, v.inventories[selectedIndex].item.newcode.code);
            // var code = v.inventories[selectedIndex].item.newcode.code?;
            axios.get("{{route('callMethod.search')}}", {
              params: {
                method_name: 'getAssebmliesSubSite',
                brand_id: brand_id,
                // code: codeItem,
                item_id: item_id,
                inventory_site: inventory_site,
              }
            })
            .then(function(response) {
              sales.subItems[selectedIndex] = [];
              sales.subItemes = [];
              sales.codeList = [];
              sales.inventories[selectedIndex].item.code = null;
              sales.inventories[selectedIndex].code = null;
              sales.inventories[selectedIndex].selectedLocation=null;
              if (response.data.length > 0) {
                sales.subItems[selectedIndex] = response.data;
                sales.subItemes = response.data;
                sales.codeList = response.data;
                sales.inventories[selectedIndex].item.code = null;
                // v.subItems = response.data;
                console.log('subItemss', sales.subItems);
              }
            })
            .catch(function(error) {
              console.log(error);
            });
          }
        }, 100);
      },
      //ajax call to get items brand
      onItemSearchBrand(selectedIndex) {
        // v.brandItem = [];
        // v.brandItems[selectedIndex] = [];
        sales.selectedIndex = selectedIndex;
        if (sales.inventories[selectedIndex].selectedBrand != null) {
          let inventory_brand_id = (sales.inventories[selectedIndex]['selectedBrand'] != undefined) ? sales.inventories[selectedIndex]['selectedBrand'].id : '';
          let inventory_category_id = (sales.inventories[selectedIndex]['item_category'] != undefined) ? sales.inventories[selectedIndex]['item_category'].id : '';
          axios.get("{{route('callMethod.search')}}", {
            params: {
              method_name: 'getAssebmliesSubSite',
              brand_id: inventory_brand_id,
              inventory_category_id: inventory_category_id,
            }
          })
          .then(function(response) {
            // v.subItems = [];
            // m_stocks_in_id
            console.log('subItems', response.data);
            if (response.data.length > 0) {
              // v.subItems[v.selectedIndex] = response.data;
              // v.subItemes = response.data;
              sales.codeList = response.data;
              if (response.data.length > 0) {
                sales.inventories[selectedIndex].code=null;
                sales.inventories[selectedIndex].item=null;
                sales.inventories[selectedIndex].inventory=null;
                // console.log('subItems', response.data);
              }
            } else {
              sales.codeList = [];
            }
            // loading(false);
          })
          .catch(function(error) {
            console.log(error);
          });
        }
      },
      // delete item from list
      addIndex(index) {
        if (sales.inventories[index].item) {
          if (sales.inventories[index].item.code) {
            // console.log('ffffffff',v.inventories[index].item.code)
            sales.inventories[index].item.code.lengths = null;
          }
        }
        for (var i = 0; i < sales.inventories.length; i++) {
          if (sales.inventories[i].item && sales.inventories[index].item && i != index) {
            // console.log(12,index,v.inventories[index].item);
            if (sales.inventories[i].item.code && sales.inventories[index].item.code) {
              if (sales.inventories[i].item.code.id == sales.inventories[index].item.code.id) {
                sales.inventories[index].item.code.lengths = 'duplicate';
                // console.log(123213);
              }
            }
          }
        }
        if (sales.import_engine_number) {
          for (var i = 0; i < sales.inventories.length; i++) {
            if (sales.inventories[i].item) {
              if (sales.inventories[i].item.code != null) {
                // var code = v.inventories[i]['item']['code'];
                // let x = [];
                // code.forEach(function(e) {
                //     x.push(e.id);
                // });
                // v.inventories[i].item.item_location = x;
              }
            }
          }
        }
        sales.subItemes = [];
        // v.codeList = [];
        sales.selectedIndex = index;
        sales.subItemes = this.subItems[index];
        // v.codeList = this.subItems[index];
        // v.brandItem=[];
        // v.brandItem=this.brandItems[index];
        sales.changeQuantityByWing(index);
        sales.changeMetraz(index);
      },
      changeQuantityByWing(index) {
        if (sales.quantityByWing) {
          @if(ShowQuantityByWing() == "true")
          setTimeout((function() {
            if (sales.inventories[index].item != null) {
              if (sales.inventories[index].item.code != null) {
                @if(getCubicMetereItems()=="true")
                sales.changeMetrazByKhada(index);
                @else
                if (Number.parseFloat(sales.inventories[index].item.code.khada) > 0 && Number.parseFloat(sales.inventories[index].item.code.approx_weight) > 0) {
                  sales.inventories[index].item.code.qut_temp = Number.parseFloat(Number.parseFloat(sales.inventories[index].item.code.khada) * Number.parseFloat(sales.inventories[index].item.code.approx_weight)).toFixed(7);
                  sales.changePriceByWing(index);
                  console.log(4343, sales.inventories[index].item.code.qut_temp);
                }
                @endif
              }
            }
          }), 500)
          @endif
        }
      },
      changeMetraz(index) {
        @if(getCubicMetereItems()!="true")
          @if(systemConfig()[21] == 1)
          if (this.inventories[index] != null) {
            if (this.inventories[index].item != null) {
              if (this.inventories[index].item.code != null) {
                // console.log(123, this.inventories[index].item.code);
                if (this.inventories[index].item.code.length != null && this.inventories[index].item.code.width != null) {
                  var length = this.inventories[index].item.code.length;
                  var width = this.inventories[index].item.code.width;
                  this.inventories[index].item.other_measure = myRound(length * width);
                  if (this.inventories[index].item.other_measure != null && this.inventories[index].item.code.unit_price_temp != null) {
                    if (this.inventories[index].item.code.unit_price_temp > 0) {
                      var other_measure = this.inventories[index].item.other_measure;
                      var unit_price = this.inventories[index].item.code.unit_price_temp;
                      @if(systemConfig()[30] == 1)
                      this.inventories[index].item.code.price = myRound((other_measure * unit_price) / this.selected_currency.static_rate * this.selected_currency.rate);
                      @else 
                      this.inventories[index].item.code.price = myRound((other_measure * unit_price) / this.selected_currency.rate);
                      @endif
                    }
                  }
                }
              }
            }
          }
          @endif
        @endif
      },
      // submit the form
        // showInfo(index, type) {
        //   if (type == 'main') {
        //     if (sales.main_inventories[index].item != null) {
        //       sales.showInfoModal = true;
        //       sales.brand = sales.main_inventories[index]['item']['brand'];
        //       sales.location = sales.main_inventories[index]['item']['location'];
        //       sales.SNumber = sales.main_inventories[index]['item']['number'];
        //       sales.SGauge = sales.main_inventories[index]['item']['gauge'];
        //       sales.last_item_sale = sales.main_inventories[index]['item']['last_item_sale'];
        //       // if(v.seeCost==true){
        //       @if(systemConfig()[30] == 1)
        //       sales.cost = (sales.main_inventories[index]['item']['LasCost'] * sales.selected_currency.static_rate / sales.selected_currency.rate);
        //       @else 
        //       sales.cost = (sales.main_inventories[index]['item']['LasCost'] * sales.selected_currency.rate);
        //       @endif
        //       // }
        //       // console.log('ffff',v.main_inventories[index]['item'],v.cost);
        //     }
        //   }
        //   if (type == 'code') {
        //     if (sales.inventories[index].item != null) {
        //       sales.showInfoModal = true;
        //       sales.brand = sales.inventories[index]['item']['brand'];
        //       sales.location = sales.inventories[index]['item']['location'];
        //       sales.SNumber = sales.inventories[index]['item']['number'];
        //       sales.SGauge = sales.inventories[index]['item']['gauge'];
        //       sales.last_item_sale = sales.inventories[index]['item']['last_item_sale'];
        //       // console.log('ffff',v.last_item_sale);
        //       // if(v.seeCost==true){
        //       @if(systemConfig()[30] == 1)
        //       sales.cost = myRound((sales.inventories[index]['item']['cost'] * sales.inventories[index]['item']['measure']['measure_unit'] / (sales.inventories[index]['item']['measure_unit']) * sales.selected_currency.static_rate / sales.selected_currency.rate));
        //       @else 
        //       sales.cost = myRound((sales.inventories[index]['item']['cost'] * sales.inventories[index]['item']['measure']['measure_unit'] / sales.inventories[index]['item']['measure_unit']) * sales.selected_currency.rate);
        //       @endif
        //       // }
        //     }
        //   }
      // },
      changeWingPrice(index) {
        @if(ShowQuantityByWing() == "true")
        if (sales.inventories[index].item != null) {
          if (sales.inventories[index].item.code != null) {
            @if(systemConfig()[30] == 1)
            sales.inventories[index].item.code.price_of_khada = Number.parseFloat(sales.inventories[index].item.price_of_khada) * sales.selected_currency.static_rate / sales.selected_currency.rate;
            @else 
            sales.inventories[index].item.code.price_of_khada = Number.parseFloat(sales.inventories[index].item.price_of_khada) * sales.selected_currency.rate;
            @endif
          }
        }
        @endif
        @if(getAverageCostByCode() == "true")
        if (sales.inventories[index].item != null) {
          if (sales.inventories[index].item.code != null) {
            if (sales.inventories[index].item.code.cost > 0) {
              sales.inventories[index].item.cost = sales.inventories[index].item.code.cost;
            }
          }
        }
        @endif
      },
      onItemload(index) {
        sales.selected_index = index;
        if (sales.inventories[index].inventory != null) {
          var inventory_id = sales.inventories[index].inventory.id;
          axios.get("{{route('callMethod.search')}}", {
            params: {
              member_id: sales.member_id,
              method_name: 'itemSearchPurchase',
              inventory_id: inventory_id
            }
          })
          .then(function (response) {
            sales.inventories[index].item = null;
            if (response.data.length > 0) {
              sales.inventories[index].item = response.data[0];
              @if(getDefaultSite() > 0)
              var sites_id = {{ getDefaultSite() }}
              for (var i = 0; i < sales.inventories[index].item.site_list.length; i++) {
                if (sales.inventories[index].item.site_list[i].site_id == sites_id) {
                  sales.inventories[index].item.site = sales.inventories[index].item.site_list[i];
                }
              }
              @else
                var sites_id = {{ getDropdown('purchase', 'site') }}
                for (var i = 0; i < sales.inventories[index].item.site_list.length; i++) {
                  if (sales.inventories[index].item.site_list[i].site_id == sites_id) {
                    sales.inventories[index].item.site = sales.inventories[index].item.site_list[i];
                  }
                }
              @endif
            }
          })
          .catch(function (error) {
            console.log(error);
          })
        }
      },
      MemberSearch: _.debounce((search, loading) => {
        loading(true);
        axios.get("{{route('callMethod.search')}}", {
          params: {
            method_name: 'SearchMember', 
            keyword: search,
            type: 'Customer'
          }  
        })
        .then(function(response) {
          if (response.data.length > 0) {
            sales.members = [];
            sales.members = response.data;
          }
          loading(false);
        })
        .catch(function(error) {
          loading(false);
          console.log(error);
        })
      }, getDebounceTime()),
       //BEGIN - Used for dynamic input time
       dynamicTime()
              {
                  this.time_interval = setInterval(() => {
                      const now = new Date()
                      @if(getHourType() == 24)
                          const hours = now.getHours().toString().padStart(2,'0')
                          const minutes = now.getMinutes().toString().padStart(2,'0') 
                          // const seconds = now.getSeconds().toString().padStart(2,'0')
                          this.dynamic_time = `${hours}:${minutes}`
                      @else
                          const timeString = now.toLocaleTimeString('en-US',{hour:'numeric',minute:'numeric',hour12:true});
                          this.dynamic_time = `${timeString}`
                      @endif
                      
                  },1000);
              },
              stopDynamicTime()
              {
                  clearInterval(sales.time_interval)
              },
              changeTime()
              {
                sales.dynamic_time = sales.$refs.time_input.value
              },
          //END - Used for dynamic input time




      handleSubmit(e) {
        this.$validator.validate().then(valid => {
          if (valid) {
            // alert(e.target);
            regForm(e.target);
          }
        });
      },

      addMeasure: function () {
          let senddata = _.clone(this.selectedMetric);
          senddata.measure = _.clone(this.selectedMeasure);
          var req = axios.post("{{route('measure.store')}}",senddata)
          .then(function (response) {
              if (response) {
                  if (response.data) {
                      // var measure_id = response.data.me.id;
                      invm.selectMeasure = response.data.me;
                      // console.log(444, response, measure_id);
                  }
              }
              sales.showMeasureModal = false;
              sales.fieldErrors = [];
              sales.selectedMetric = {};
              sales.selectedMeasure = {};

              axios.get("{{route('inventory.create')}}").then(function (response) {
                  invm.measureList = response.data;
                  sales.showInvModal = true;
              });
          })
          .catch(function (error) {
              axios.get("{{route('inventory.create')}}").then(function (response) {
                  invm.measureList = response.data;
                  sales.showInvModal = true;
              });

              sales.fieldErrors = error.response.data

          });

      },

      // begin item search


      // end item search
      // items serarch method

      onItemsSearch: _.debounce((search, loading) => {
        loading(true);
        axios.get("{{route('callMethod.search')}}", {
            params: {
              method_name: 'items_search_assebley',
              'type': 'builds_statistic',
              keyword: search,
            }
          })
          .then(function(response) {
            sales.temp_items = [];
            if (response.data.length > 0) {
              
              sales.temp_items = response.data;
            }
            loading(false);
          })
          .catch(function(error) {
            console.log(error);
          })
      }, getDebounceTime()),

      setIndex() {
        this.temp_items = [];
      },
      // generic function for adding item to list
      addNew(type = null, index) {
        sales.selectedIndex = index;
        // this.temp_items = [];
        if (type != null) {
          if (type == 'inventory') {
            if (this.inventories[index + 1] == undefined) {
              this.temp_items = [];
              this.inventories.push({
                item: null,
                selectedBrand: null,
                selectedLocation: null,
                commission: 'on',
                row_commission_percent: null,
                row_commission_amount: null,
                bundl: null,
                sub_price: null,
                code: null
              });
            }
          }
        }
      },
      // addNew(type = null, index) {
      //   this.temp_items = [];
      //   if (type != null) {
      //     if (type == 'inventory') {
      //       if (this.assemlby_items[index + 1] == undefined) {
      //         this.assemlby_items.push({
      //           item: null
      //         });
      //       }
      //     }
      //     if (type == 'otherBuilds') {
      //       if (this.otherBuild[index + 1] == undefined) {
      //         this.otherBuild.push({
      //           item: null
      //         });
      //       }
      //     }
      //     if (type == 'expense') {
      //       if (this.expenses[index + 1] == undefined) {
      //         this.expenses.push({
      //           description: null,
      //           amount: null
      //         });
      //       }
      //     }



      //   }

      // },
      // delete item from list
      deleteItem(type = null, index) {
        this.editKey = false;
        if (type != null) {
          // console.log(type);
          if (type == 'inventory') {
            this.inventories.splice(index, 1);
          }
        }
      },
      // deleteItem(type = null, index) {
      //   if (type != null) {
      //     console.log(type);
      //     if (type == 'inventory') {
      //       this.assemlby_items.splice(index, 1);
      //     }
      //     if (type == 'otherBuild') {
      //       this.otherBuild.splice(index, 1);
      //     }
      //     if (type == 'expense') {
      //       this.expenses.splice(index, 1);
      //     }
      //   }
      // },

      addItems(type) {
        if (type != null) {
          if (type == "otherBuilds") {
            this.temp_items = [];
            this.otherBuild.push({
              item: null
            });
          }
          if (type == "inventory") {
            this.temp_items = [];
            this.assemlby_items.push({
              item: null
            });
          }
          if (type == "expense") {
            this.expenses.push({
              description: null,
              amount: null
            });
          }
        }

      },
      saveTemp() {
        var url = "{{route('temp.assembly.store')}}";
        form_id = 'assembly-form';
        var data = $('#' + form_id).serialize();
        axios.post(url, data)
          .then(function(response) {
            // console.log('sss11', response);
            callSaveTemp();
          })
          .catch(function(error) {
            console.log(error);
            callSaveTemp();
          });
      },
      clearTemp() {
        axios.get("{{route('temp.clear')}}", {
            params: {
              type: 'assembly'
            }
          })
          .then(function(response) {
            // console.log('sss11', response);
          })
          .catch(function(error) {
            console.log(error);
          });
      },
      saveAndNew()
      {
          this.$validator.validate()
          .then(valid =>{
              if(valid)
              { 
                  var url="{{route('assembly.store')}}";
                  form_id='assembly-form';
                  var data= $('#'+form_id).serialize();
                  // console.log(444, data);
                  toggleBlock(true);
                  axios.post(url,data)
                  .then(function(response){
                          toggleBlock(0);
                          if(response.data.result==1)
                          {
                              $('#'+form_id).trigger('reset');
                              
                              toastr.success('',response.data.message); 

                              sales.number = Number(sales.old_number) + 1;
                              sales.old_number = Number(sales.old_number) + 1;

                              location.reload();
                          
                          }
                          else
                          {
                              var message="{{__('message.Warning')}}";
                              //$('#error-sound')[0].play();
                              toastr.warning('',message);
                          }
                  })
                  .catch(function(error){
                  toggleBlock(0);
                      console.log(error);
                      var message="{{__('message.Warning')}}";
                      //$('#error-sound')[0].play();
                      toastr.warning('',message);
                  });
              
              }
          })
      },
    }
  });
</script>
@endpush