@extends('layouts.app')
@section('style')
    <link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">
@stop
@section('content')
    <!-- BEGIN CONTENT BODY -->
    <!-- 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.EditBuild')</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="assembaly" v-cloak>
                <!-- BEGIN FORM-->
                {!! Form::model($build,['method' => 'PATCH','route' => ['simpleBuild.update',$build->id],'files'=> true, 'id'=>'build-form'])!!}
                <div class="form-body">
                    <div class="row">
                        <div class="col-lg-9 col-md-9">
                            <div class="col-lg-12 col-md-12">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label"> @lang('layout.ItemName')</label>
                                        <v-select label="name" v-model="selected_assembly_item" :options="formula_items" @search="onItemSearch"></v-select>
                                        <input type="hidden" name="item" v-validate="'required'"
                                            data-vv-as="@lang('layout.ItemName')"
                                            :value="(!selected_assembly_item)?null:selected_assembly_item.id">
                                        <span class="required">@{{ errors.first('item') }}</span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label ">@lang('layout.SiteName')</label>
                                        <v-select placeholder=" @lang('layout.SelectSite')" label="name" v-model="selected_site" :options="site"> </v-select>
                                        <input type="hidden" name="site" :value="(selected_site)?selected_site.id:null" v-validate="'required'" data-vv-as="@lang('layout.SiteName')">
                                        <span class="required">@{{ errors.first('site') }}</span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label">@lang('layout.AssemblyCode') </label>
                                        <input type="number" name="number" value="{{$build->number}}" class="form-control">
                                        <span class="required">@{{ errors.first('number') }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label ">@lang('layout.QuantityToBuild')</label>
                                        <input type="number" placeholder="@lang('layout.EnterQuantityToBuild')"
                                                name="build_qty" v-model="buildQty" class="form-control" @click="editKey = true, select_percentage()" @keyup="editKey = true, select_percentage()" @input="(editKey)?select_percentage():''"
                                                v-validate="'required'" data-vv-as="@lang('layout.QuantityToBuild')">
                                        <span class="required">@{{ errors.first('build_qty') }}</span>
                                    </div>
                                </div>
                                @if(getFlour()=="true")
                                <div class="col-md-3">
                                    <label class="control-label">@lang('layout.Percentage')</label>
                                    <div class="input-group">
                                        <input type="number" placeholder="@lang('layout.Percentage')" name="percentage_qty" v-model="percentageQty" @input="select_percentage_main()" class="form-control" >
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="percentage_main" @click="select_percentage_main()" value="on" v-model="percentageMain">
                                            <span></span>
                                        </span>
                                    </div>
                                </div>
                                @endif
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label ">@lang('layout.Date')</label>
                                        <input class="form-control date" name="date" value="{{$assemblyInfo->date}}" autocomplete="off" value="">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label col-md-4">@lang('layout.Description') </label>
                                        <textarea name="description" class="form-control" rows="1">{{$assemblyInfo->description}}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12">
                                @if(getOtherMeasure() == "true")
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label ">@lang('layout.OMeasureValue1')</label>
                                        <input type="number" placeholder="@lang('layout.OMeasureValue1')" name="other_measure_amount" value="{{$other_measure_amount}}" class="form-control" >
                                    </div>
                                </div>
                                @endif
                                @if(getOtherMeasure2() == "true")
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label ">@lang('layout.OMeasureValue2')</label>
                                        <input type="number" placeholder="@lang('layout.OMeasureValue2')" name="other_measure_amount2" value="{{$other_measure_amount2}}" class="form-control" >
                                    </div>
                                </div>
                                @endif
                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label">@lang('layout.PossibleBuildQuentity')</label>
                                        <input type="number" step="any" placeholder="@lang('layout.PossibleBuildQuentity')" name="possibleBuildQuentity" value="{{$possibleBuildQuentity}}" class="form-control" >
                                    </div>
                                </div>
                            </div>
                            <div class=" col-md-12">
                                @if(getExpireDate() == 'true')
                                <div class="col-md-3" v-show="showWhat('expire_date')=='yes'">
                                    <div class="form-group">
                                        <label class="control-label ">@lang('layout.ExpireDate')</label>
                                        <input class="form-control date" name="expireDate" readonly="readonly" autocomplete="off" value="{{$assemblyInfo->expire_date}}"  placeholder="@lang('layout.ExpireDate')">
                                    </div>
                                </div>
                                @endif
                                @if(systemConfig()[20] == 1)
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label">@lang('layout.ContractName')</label>
                                        <v-select class="vue-select2" placeholder="@lang('layout.Select')"
                                            @Click.native="changeContract()"  v-model="selectedContract" label="company_name" :options="{{$contract}}">
                                        </v-select>
                                        <input type="hidden" name="contract_id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label">@lang('layout.WagonNumber')</label>
                                        <v-select class="vue-select2" placeholder="@lang('layout.Select')" v-model="selectedWagon" label="name" :options="wagon">
                                        </v-select>
                                        <input type="hidden" name="wagon_number" v-model.number="(!selectedWagon)?null:selectedWagon.name" />
                                    </div>
                                </div>
                                @endif
                                @if(systemConfig()[5] != 0 )
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label"> @lang('layout.Project')</label> 
                                        <v-select label="name" v-model="selectedProject" :options="project_items"  @search="ProjectSearch"></v-select> 
                                        <input type="hidden" name="project_id" :value="(!selectedProject)?null:selectedProject.project_id">
                                    </div>
                                </div> 
                                @endif
                            </div>
                            <div class=" col-md-12">
                                @if(showLocation()=="true")
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label">@lang('layout.Location')</label>
                                        <input type="text" name="location" value="{{$build->location}}" class="form-control" >
                                    </div>
                                </div>
                                @endif
                                @if(getFlour()=="true")
                                <div class="col-md-2">
                                    <label class=" control-label">@lang('layout.Percentage')</label>
                                    <div>
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" name="percentage" @click="select_percentage()" value="on" v-model="percentage" <br />
<b>Warning</b>:  Undefined variable $build in <b>E:\Ampps\www\CAS\resources\views\simpleBuild\edit.blade.php</b> on line <b>167</b><br />
<br />
<b>Warning</b>:  Attempt to read property "percentage" on null in <b>E:\Ampps\www\CAS\resources\views\simpleBuild\edit.blade.php</b> on line <b>167</b><br />
 >
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                @endif
                                <div class="col-md-3">
                                    <label class=" control-label">@lang('layout.ExpenseWithTotalQuantity')</label>
                                    <div>
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" name="total_expense" value="on" v-model="total_expense" <br />
<b>Warning</b>:  Undefined variable $build in <b>E:\Ampps\www\CAS\resources\views\simpleBuild\edit.blade.php</b> on line <b>177</b><br />
<br />
<b>Warning</b>:  Attempt to read property "total_expense" on null in <b>E:\Ampps\www\CAS\resources\views\simpleBuild\edit.blade.php</b> on line <b>177</b><br />
 >
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <label class=" control-label">@lang('layout.CalculatePercentageByRateOfUsedItem')</label>
                                    <div>
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" name="cal_per_by_used_item" value="on" <br />
<b>Warning</b>:  Undefined variable $build in <b>E:\Ampps\www\CAS\resources\views\simpleBuild\edit.blade.php</b> on line <b>186</b><br />
<br />
<b>Warning</b>:  Attempt to read property "cal_per_by_used_item" on null in <b>E:\Ampps\www\CAS\resources\views\simpleBuild\edit.blade.php</b> on line <b>186</b><br />
 >
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--  calculation part -->
                        <div class="col-lg-3 col-md-3">
                            <div class="row" >
                                <label class="control-label"> @lang('layout.Formula')</label>
                                <div class="dashboard-stat2 ">
                                    <table class="dashboard-tabel" width="100%">          
                                        <tr>
                                            <td>
                                                <small>@lang('layout.Total'):</small>
                                            </td>
                                            <td class="text-right">
                                                <span class="text-right" data-counter="counterup" data-value="7800">@{{Number.parseFloat(subtotal).toFixed(2)}} {{getHomeCurrency()["code"]}}</span>   
                                                <small class="font-green-sharp"></small>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <small>@lang('layout.QuantityUsedToBuild'):</small>
                                            </td>
                                            <td class="text-right">
                                                <span class="text-right" data-counter="counterup" data-value="7800">@{{Number.parseFloat(buildQtyB).toFixed(1)}}</span>
                                                <small class="font-green-sharp"></small>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <small>@lang('layout.QuantityToBuild'):</small>
                                            </td>
                                            <td class="text-right">
                                                <span class="text-right" data-counter="counterup" data-value="7800">@{{Number.parseFloat(totalBuildQty).toFixed(1)}}</span>
                                                <small class="font-green-sharp"></small>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <small>@lang('layout.AfterBuild'):</small>
                                            </td>
                                            <td class="text-right">
                                                <span class="text-right" data-counter="counterup" data-value="7800">@{{Number.parseFloat(buildQtyB - totalBuildQty).toFixed(1)}}</span>
                                                <small class="font-green-sharp"></small>
                                            </td>
                                        </tr>
                                        @if(getBuildExpense() == "true")
                                        <tr>
                                            <td>
                                                <small>@lang('layout.TotalExpense'):</small>
                                            </td>
                                            <td class="text-right">
                                                <span class="text-right" data-counter="counterup" data-value="7800"> @{{ expenseAmount }} {{getHomeCurrency()["code"]}}</span>
                                                <small class="font-green-sharp"></small>
                                            </td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- end of calculation -->
                    </div>
                    <input type="hidden" name="edit_sale" value="{{$edit_sale}}">
                    <input type="hidden" name="stock_id" value="{{$stock_id}}">
                    </div>
                    <li class="list-group-item bg-green bg-font-green" style="background-color: rgb(80, 129, 141) !important;color: white;"> @lang('layout.FormulaItems') </li>
                    <div v-if="assemlby_items.length >0 " class="">
                        <table id="table_content" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th class="text-center" style="width: 25px;"> #</th>
                                    <th class="text-center" style="min-width: 160px;"> @lang('layout.ItemName')</th>
                                    @if(searchByCodeLocation()=="true")
                                    <th style="min-width: 110px;">@lang('layout.Location')</th>
                                    @endif
                                    <th class="text-center" style="min-width: 120px;"> @lang('layout.SiteName')</th>
                                    <th class="text-center" style="min-width: 120px;"> @lang('layout.Measure')</th>
                                    <th class="text-center" style="min-width: 80px;"> @lang('layout.OnHand')</th>
                                    <th class="text-center" style="min-width: 80px;"> @lang('layout.AverageCost')</th>
                                    <th v-if="percentage" class="text-center" style="min-width: 80px;"> @lang('layout.Percentage')</th>
                                    <th class="text-center" style="min-width: 80px;"> @lang('layout.Quantity')</th>
                                    @if(getM2()!="")
                                    @if(getFactorMeasure2()=="true")
                                    <th class="text-center" style="min-width: 120px;"> @lang('layout.Measure2')</th>
                                    @endif
                                    @endif
                                    @if(getM3()!="")
                                    @if(getFactorMeasure3()=="true")
                                    <th class="text-center" style="min-width: 120px;"> @lang('layout.Measure3')</th>
                                    @endif
                                    @endif
                                    <th style="width: 20px;"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="(inventory,InventoryIndex) in assemlby_items" class="even">
                                    <td class="td_one"><span class="badge badge3 badge-success badge-roundless" style="background-color: transparent !important; color: black;"> @{{InventoryIndex+1}} </span>
                                    </td>
                                    <td class="td_one">
                                        <v-select label="name" @input="(editKey)?onItemload(InventoryIndex):''" @keyup.native="editKey = true" @Click.native="editKey = true"
                                            v-model="inventory.inventory" :options="temp_items" @search="onItemsSearch"></v-select>
                                        <input type="hidden" :name="'inventory_id['+InventoryIndex+']'"
                                            v-validate="'required'" data-vv-as="@lang('layout.ItemName')"
                                            :value="(inventory.item==null)?null:inventory.item.item_id">
                                        <span class="required">@{{ errors.first('inventory_id['+InventoryIndex+']') }}</span>

                                    </td>
                                    @if(searchByCodeLocation()=="true")
                                    <td class="highlight">
                                        <v-select label="name" @Click.native="setIndex(InventoryIndex)" v-model="inventory.location" :options="(inventory.item==null)?[]:inventory.item.locationList" @search="locationSearch" ></v-select>
                                        <input type="hidden" :name="'item_location['+InventoryIndex+']'" v-validate="''" data-vv-as="@lang('layout.Location')" :value="(!inventory.location)?null:inventory.location.name">
                                    </td>
                                    @endif
                                    <td class="highlight">
                                        <select v-model="(inventory.item==null)?null:inventory.item.site"
                                                class="form-control">
                                            <option value="null">@lang('layout.Select')</option>
                                            <span v-if="(inventory.item != null)">
                                            <option v-for="site in (inventory.item==null)?null:inventory.item.site_list"
                                                    :value="site">
                                            @{{site.site_name}}
                                            </option> 
                                        </span>
                                        </select>
                                        <input type="hidden" name="inventory_site[]" :value="(inventory.item==null)?null:((inventory.item.site==null)?null:inventory.item.site.site_id)">
                                    </td>
                                    <td>
                                        <select v-if="(inventory.item !=null)"
                                                v-model="(inventory.item == null)?null:inventory.item.measure"
                                                class="form-control input_style"
                                                placeholder="Measure" required="required">
                                        <span v-if="inventory.item.measure_list !=null">
                                                <option v-if="(inventory.item !=null)"
                                                        v-for="measures in inventory.item.measure_list" :value="measures">@{{ measures.measure_name }}</option>
                                        </span>
                                        </select>
                                        <input type="hidden" name="inventory_measure[]" :value="(inventory.item==null)?null:(inventory.item.measure)?inventory.item.measure.measure_id:null">
                                    </td>
                                    <td>
                                            @{{(!inventory.item)?null:((inventory.item.site==null)?getBuildOnHand(inventory.item.measure_unit,inventory.item.measure.measure_unit,inventory.item.qty,inventory.item.on_hand,inventory.location, inventory.item.new_qty):getBuildOnHand(inventory.item.measure_unit,inventory.item.measure.measure_unit,inventory.item.qty,inventory.item.site.OnHand,inventory.location, inventory.item.new_qty))}}
                                    </td>
                                    <td>  
                                        @{{(inventory.item == null)?null:getItemCost(inventory.item.measure_unit,inventory.item.measure.measure_unit,inventory.item.unitcost)}} 
                                    </td>
                                    <td v-if="percentage" >
                                        <input type="number" :name="'item_percentage['+InventoryIndex+']'" v-model.number="(inventory.item==null)?null:inventory.item.percentage" @input="select_percentage()" class="form-control input-style input-number" placeholder="@lang('layout.Percentage')">
                                    </td>
                                    <td>
                                        <input type="number" :name="'inventory_qty['+InventoryIndex+']'"
                                            v-validate="'required'" data-vv-as="@lang('layout.Quantity')"
                                            v-model.number="(inventory.item==null)?null:inventory.item.qty"
                                            @input="select_percentage_main()"
                                            class="form-control input-style input-number"
                                            placeholder="@lang('layout.Quantity')">
                                        <span class="required">@{{ errors.first('inventory_qty['+InventoryIndex+']') }}</span>
                                    </td>
                                    @if(getM2()!="")
                                    @if(getFactorMeasure2()=="true")
                                    <td>
                                        @{{(!inventory.item)?null:((!inventory.item.measure1)?null: myRound((inventory.item.qty * inventory.item.measure.measure_unit) / inventory.item.measure1.measure_unit))}} @{{(!inventory.item)?null:((!inventory.item.measure1)?null:(inventory.item.measure1.measure_name))}}
                                    </td>
                                    @endif
                                    @endif
                                    @if(getM3()!="")
                                    @if(getFactorMeasure3()=="true")
                                    <td>
                                        @{{(!inventory.item)?null:((!inventory.item.measure2)?null: myRound((inventory.item.qty * inventory.item.measure.measure_unit) / inventory.item.measure2.measure_unit))}} @{{(!inventory.item)?null:((!inventory.item.measure2)?null:(inventory.item.measure2.measure_name))}}
                                    </td>
                                    @endif
                                    @endif
                                    <td>
                                        <span v-if="InventoryIndex > 0" v-on:click="deleteItem('inventory',InventoryIndex)">
                                        <i class="paddint-both glyphicon glyphicon-trash"></i>
                                        </span>
                                    </td>
                                </tr>
                                <tr style="background-color: #ffffff;">
                                    <td></td>
                                    <td>
                                        <center>
                                            <span @click="addNew('inventory',100)" class="btn btn-success" style="background-color: rgb(80, 129, 141) !important;border: 1px solid rgb(80, 129, 141);">
                                                <i class="fa fa-plus"></i>
                                            </span>
                                        </center>
                                    </td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <button v-if="assemlby_items.length <= 0 " type="button" class="btn default" @click="addItems('inventory')">@lang('layout.AddItem')</button>
                    <div class="form-section"></div>
                    <li class="list-group-item bg-green bg-font-green" style="background-color: rgb(80, 129, 141) !important;color: white;"> @lang('layout.AdjastmentItems') </li>
                    <div v-if="otherBuild.length >0 " class="">
                        <table id="table_content" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th class="text-center" style="width: 25px;"> #</th>
                                    @if(systemConfig()[5] != 0 )
                                    <th class="text-center" style="min-width: 120px;">@lang('layout.Project')</th>
                                    @endif
                                    <th class="text-center" style="min-width: 160px;">@lang('layout.ItemName')</th>
                                    <th class="text-center" style="min-width: 120px;"> @lang('layout.Measure')</th>
                                    <th class="text-center" style="min-width: 160px;"> @lang('layout.Site')</th>
                                    <th class="text-center" style="min-width: 120px;"> @lang('layout.OnHand')</th>
                                    <th v-if="percentageMain" class="text-center" style="min-width: 80px;"> @lang('layout.Percentage')</th>
                                    <th class="text-center" style="min-width: 80px;"> @lang('layout.Quantity')</th>
                                    @if(getOtherMeasure() == "true")
                                    <th class="text-center" style="min-width: 80px;"> @lang('layout.OMeasureValue1')</th>
                                    @endif
                                    @if(getOtherMeasure2() == "true")
                                    <th class="text-center" style="min-width: 80px;"> @lang('layout.OMeasureValue2')</th>
                                    @endif
                                    <th class="text-center" style="min-width: 80px;"> @lang('layout.Cost')</th>
                                    <th style="width: 20px;"></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="(inventory,InventoryIndex) in otherBuild" class="even">
                                    <td class="td_one">
                                        <span class="badge badge3 badge-success badge-roundless" style="background-color: transparent !important; color: black;"> @{{InventoryIndex+1}} </span>
                                    </td>
                                    @if(systemConfig()[5] != 0 )
                                    <td class="td_one">
                                        <v-select label="name" v-model="inventory.selectedProject" :options="project_items" @search="ProjectSearch"></v-select>
                                        <input type="hidden" name="other_project_id[]" :value="(inventory.selectedProject==null)?null:inventory.selectedProject.project_id">
                                    </td>
                                    @endif
                                    <td class="td_one">
                                        <v-select label="name" @input="(editKey)?onOtherItemload(InventoryIndex):''" @keyup.native="editKey = true" @Click.native="addNew('otherBuilds',InventoryIndex), editKey = true"
                                            v-model="inventory.inventory" :options="temp_items" @search="onItemsSearch"></v-select>
                                        <input type="hidden" name="other_build_id[]" :value="(inventory.item==null)?null:inventory.item.id">
                                    </td>
                                    <td>
                                        <select v-if="(inventory.item !=null)" v-model="(inventory.item == null)?null:inventory.item.measure" class="form-control input_style" placeholder="Measure" required="required">
                                        <span v-if="inventory.item.measure_list !=null">
                                                <option v-if="(inventory.item !=null)" v-for="measures in inventory.item.measure_list" :value="measures">@{{ measures.measure_name }}</option>
                                        </span>
                                        </select>
                                        <input type="hidden" name="other_build_measure[]" :value="(inventory.item==null)?null:(inventory.item.measure)?inventory.item.measure.measure_id:null">
                                    </td>
                                    <td class="highlight">
                                        <select v-model="(inventory.item==null)?null:inventory.item.site" class="form-control">
                                            <option value="null">@lang('layout.Select')</option>
                                            <span v-if="(inventory.item != null)">
                                                <option v-for="site in (inventory.item==null)?null:inventory.item.site_list" :value="site">
                                                    @{{site.site_name}}
                                                </option>
                                            </span>
                                        </select>
                                        <input type="hidden" :name="'other_build_site['+InventoryIndex+']'" :value="(inventory.item==null)?null:((inventory.item.site==null)?null:inventory.item.site.site_id)">
                                    </td>
                                    <td>
                                        <input readonly type="number" :value="(!inventory.item)?null:getBuildOnHandWestage(inventory.item.measure_unit,inventory.item.measure.measure_unit,inventory.item.qty,inventory.item.on_hand)">
                                    </td>
                                    <td v-if="percentageMain" >
                                        <input type="number" :name="'other_build_percentage['+InventoryIndex+']'" v-model.number="(inventory.item==null)?null:inventory.item.item_percentage" @input="select_percentage_main()" class="form-control input-style input-number" placeholder="@lang('layout.Percentage')">
                                    </td>
                                    <td>
                                        <input name="other_build_qty[]" class="form-control inpu-number-fild" :class="" @input="select_percentage()" type="number" v-model.number="(!inventory.item)?null:inventory.item.qty" placeholder="@lang('layout.Quantity')"/>
                                    </td>
                                    @if(getOtherMeasure() == "true")
                                    <td>
                                        <input name="other_build_o_measure_amount[]" class="form-control inpu-number-fild" v-model.number="(inventory.item==null)?null:inventory.item.other_measure" type="number" placeholder="@lang('layout.OMeasureValue1')" />
                                    </td>
                                    @endif
                                    @if(getOtherMeasure2() == "true")
                                    <td>
                                        <input name="other_build_o_measure_amount2[]" class="form-control inpu-number-fild" v-model.number="(inventory.item==null)?null:inventory.item.other_measure2" type="number" placeholder="@lang('layout.OMeasureValue2')" />
                                    </td>
                                    @endif
                                    <td>
                                        <div class="input-group">
                                            <input type="number" class="form-control" placeholder="%" style="min-width: 100px" name="other_build_cost[]" v-model.number="(!inventory.item)?null:inventory.item.other_build_cost"/>
                                            <span class="input-group-addon">%</span>
                                        </div>
                                    </td>
                                    <td>
                                        <span v-on:click="deleteItem('otherBuild',InventoryIndex)">
                                            <i class="paddint-both glyphicon glyphicon-trash"></i>
                                        </span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <button v-if="otherBuild.length <= 0 " type="button" class="btn default" @click="addItems('otherBuilds')">@lang('layout.AddItem') </button>
                    @if(getBuildExpense() == "true")
                        <!-- build expense -->

                        <div class="form-section"></div>
                        <li class="list-group-item bg-green bg-font-green" style="background-color: rgb(80, 129, 141) !important; color: white;"> @lang('layout.Expense') </li>
                        <div v-if="expenses.length >0 " class="">
                            <table id="table_content" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th class="text-center" style="width: 25px;"> #</th>
                                        <th class="text-center" style="min-width: 160px;">@lang('layout.ExpenseAccount')</th>
                                        <th class="text-center" style="min-width: 120px;"> @lang('layout.Description')</th>
                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                        <th style="width: 20px;"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(expense,index) in expenses" class="even">
                                        <td class="td_one">
                                            <span class="badge badge3 badge-success badge-roundless" style="background-color: transparent !important;color: black;"> @{{index+1}} </span>
                                        </td>
                                        <td class="td_one">
                                            <v-select label="name" v-model="expense.expense_account" :options="expense_account" @click.native="addNew('expense',index)"></v-select>
                                            <input type="hidden" name="expense_id[]" :value="(expense.expense_account==null)?null:expense.expense_account.id">
                                        </td>
                                        <td>
                                            <input type="text" name="expense_description[]" class="form-control" placeholder="@lang('layout.Description')"   v-model="expense.description">
                                        </td>
                                        <td>
                                            <input type="number" name="expense_amount[]" class="form-control" placeholder="@lang('layout.Amount')" v-model="expense.amount">
                                        </td>
                                        <td>
                                            <span v-on:click="deleteItem('expense',index)">
                                                <i class="paddint-both glyphicon glyphicon-trash"></i>
                                            </span>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    @endif
                    <button v-if="otherBuild.length <= 0 " type="button" class="btn default" @click="addItems('otherBuilds')">
                        @lang('layout.AddItem')
                    </button>
                    <!-- end build expense -->
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                            <button type="button" @click="handleSubmit($event)" class="btn green">@lang('layout.Submit')</button>
                            <a href="{{route('assembly.index')}}" 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>
        Vue.component('v-select', VueSelect.VueSelect);
        @if(App::getLocale())
        Vue.use(VeeValidate, {
            locale: '{{App::getLocale()}}',
        });
        @else
        Vue.use(VeeValidate, {
            locale: 'en',
        });
        @endif
        var site = {!! $site !!};
        var selectedSite = {!! $selectedSite !!};
        var build = {!! $build !!};
        var buildSelectedFormula = {!! $buildSelectedFormula !!};
        var buildSelectedItem = {!! $buildSelectedItem !!};
        var buildDetail = {!! $buildDetail !!};
        var otherBuildDetail = {!! $otherBuildDetail !!};
        var buildQty;
        var expense_account = {!! $expense_account !!};
        var wagon= {!! $wagon !!};
        var sales = new Vue({
            el: '#assembaly',
            data: {
                site: site,
                buildQty: null,
                editKey: false,
                selected_assembly_item: buildSelectedItem,
                assembly_item: [],
                temp_items: [],
                formula_items: [],
                totalBuildQty: 0,
                otherQuantity: 0,
                buildQtyB:0,
                percentage:null,
                percentageMain: null,
                percentageQty: null, 
                total_expense:null,
                selected_site: selectedSite,
                buildSelectedFormula: buildSelectedFormula,
                build: build,
                buildQty: build.qty,
                buildDetail: buildDetail,
                otherBuildDetail: otherBuildDetail,
                project_items:[],
                selectedProject : {!! $project !!},
                wagon: wagon,
                wagonAll: wagon,
                selectedContract: null,
                selectedWagon: null,
                assemlby_items: [],
                otherBuild: [],
                otherBuildIndex: 0,
                inventoryIndex: 0,
                selected_index: 0,
                inventoryItem: null,
                expense_account: expense_account,
                expenses: [],
            },
            created: function () {
                if (this.build) {
                    if (this.buildSelectedFormula) {
                        var rows = this.buildSelectedFormula[0];
                        for (var x = 0; x < rows.formula.length; x++) {
                            rows.formula[x].new_quantity = buildDetail[x].quantity;
                            this.assemlby_items.push({
                                inventory: rows.formula[x], item: rows.formula[x], location: rows.formula[x].selectedLocationList
                            });
                        }
                        for (var x = 0; x < rows.other_build.length; x++) {
                            // console.log('asss', rows.other_build[x])
                            // rows.other_build[x].new_quantity = buildDetail[x].quantity;
                            this.otherBuild.push({
                                inventory: rows.other_build[x], 
                                selectedProject: rows.other_build[x].project, 
                                item: rows.other_build[x]
                            });
                        }
                        for (var m = 4; m > rows.other_build.length; m--) {
                            this.otherBuild.push({inventory: null, item: null});
                        }
                        for (var x = 0; x < rows.expense.length; x++) {
                            this.expenses.push({
                                expense_account: rows.expense[x].expense_account, info: rows.expense[x], description: rows.expense[x].description, amount: rows.expense[x].amount
                            });
                        }
                        for (var m = 4; m > rows.expense.length; m--) {
                            this.expenses.push({expense_account: null, info: null, description: null, amount: null});
                        }
                    }
                }
            },
            computed: {
                buildQ: function () {
                    var min = null;
                    if (this.selected_formula) {
                        var rows = this.selected_formula.formula;
                        if (rows.length > 0) {
                            var temp = ((rows[0].new_quantity * rows[0].measure.measure_unit / rows[0].measure_unit));
                            //var temp_other_build=this.selected_formula.other_build;
                            min = rows[0].on_hand / temp;
                            for (var i = 1; i < rows.length; i++) {
                                var temp = ((rows[i].new_quantity * rows[i].measure.measure_unit / rows[i].measure_unit));
                                var result = (rows[i].on_hand * rows[i].item_item_measure.measure_unit) / (rows[i].measure.measure_unit);
                                if (result / temp < min) {
                                    min = result / temp;
                                }
                            }
                            min = min.toFixed(precision());
                        }
                    }
                    return min;
                },
                subtotal: function () {
                    var sum = 0;
                    var quantity = 0;
                    var otherQuantity = 0;
                    if (this.otherBuild) {
                        for (var i = 0; i < this.otherBuild.length; i++) {
                            if (this.otherBuild[i].item){
                                if (this.otherBuild[i].item.qty && this.otherBuild[i].item.qty !=null){  
                                    var OnHand1=this.otherBuild[i].item.qty;
                                    otherQuantity += parseFloat(OnHand1);
                                }
                            }
                        }
                    }
                    if(this.buildQty || otherQuantity){
                        this.totalBuildQty = ((this.buildQty)?Number.parseFloat(this.buildQty):0) + ((otherQuantity)?Number.parseFloat(otherQuantity):0);
                    }
                    for (var i = 0; i < this.assemlby_items.length; i++) {
                        if (this.assemlby_items[i].item && this.assemlby_items[i].item != null) {       
                            var qty = Number.parseFloat(this.assemlby_items[i]['item']['qty']);
                            var cost = this.assemlby_items[i]['item']['unitcost'];
                            var item_measure = this.assemlby_items[i]['item']['measure_unit'];
                            var s_item_measure = this.assemlby_items[i]['item']['measure']['measure_unit'];
                            quantity += qty;
                            sum += qty * ((cost*item_measure) / (s_item_measure));
                        }
                    }
                    this.buildQtyB = quantity;
                    return sum;
                },
                isError: function () {
                    var isError = false;
                    if ((this.selected_item == null && !this.selected_item) || this.selected_formula == null || this.selected_site == null || this.buildQty <= 0 || (this.buildQ - this.buildQty) < 0) {
                        isError = true;
                    }
                    return isError;
                },
                expenseAmount: function() {
                    var temp = 0;
                    if (this.expenses) {
                    var rows = this.expenses;
                        var buildQty = this.buildQty;
                        if (this.total_expense) {
                            buildQty = this.totalBuildQty;
                        }
                        var count = 1000;
                        for (var i = 0; i < count; i++) {
                        if (rows[i] && buildQty) {
                            if (rows[i] && rows[i].amount != null) {
                            var temp = (temp + (Number.parseFloat(rows[i].amount) * Number.parseFloat(buildQty)));
                            }
                        }else{
                            count = 0;
                        }
                        }
                    }
                    return temp.toFixed(precision());
                },

            },
            mounted: function () {
                // console.log(234,this.build);
                if(this.build.contract_id !='' && this.build.contract_id !=null)
                {
                    this.selectedContract = _.find({!! $contract !!}, (a) => a.id == this.build.contract_id);
                    if (this.selectedContract) {
                        this.wagon = this.wagonAll.filter((wagon) => {
                            return this.selectedContract.id == wagon.contract_id;
                        });
                    }
                }
                if(this.build.wagon_number !='' && this.build.wagon_number !=null)
                {
                    this.selectedWagon = _.find(this.wagonAll, (a) => a.name == this.build.wagon_number);
                }
                @if($build->percentage == 'on')
                this.percentage = "{{$build->percentage}}";
                @endif
                @if($build->total_expense == 'on')
                this.total_expense = "{{$build->total_expense}}";
                @endif

                @if($build->percentage_main == 'on')
                this.percentageMain = true;
                this.percentageQty = "{{$build->percentage_qty}}";
                @endif
            },
            methods: {

                ProjectSearch:_.debounce((search,loading)=>{
                    sales.project_items=[];
                    loading(true);
                    axios.get("{{route('callMethod.search')}}",{
                        params:{
                        method_name:'serarchProject',  
                        keyword:search,
                        }
                    })
                    .then(function (response)
                    {
                        if(response.data.length>0)
                        {
                            sales.project_items=response.data;
                            // console.log('test 22',sales.project_items);
                        }
                        loading(false);
                    })
                    .catch(function (error)
                    {
                        console.log(error);
                    });
                },getDebounceTime()),
                
                select_percentage()
                {
                    setTimeout((function () {
                        sales.select_percentages();
                    }), 400)
                },
                select_percentages()
                {
                    var buildQty = 0;
                    sales.otherQuantity = 0;
                    if(sales.percentage){
                        if (sales.otherBuild) {
                            for (var i = 0; i < sales.otherBuild.length; i++) {
                                if (sales.otherBuild[i].item){
                                    if (sales.otherBuild[i].item.qty && sales.otherBuild[i].item.qty !=null){  
                                        var OnHand1=sales.otherBuild[i].item.qty;
                                        sales.otherQuantity += parseFloat(OnHand1);
                                    }
                                }
                            }
                        }
                        if(sales.buildQty || sales.otherQuantity){
                            if(sales.assemlby_items){
                                buildQty = ((sales.buildQty)?Number.parseFloat(sales.buildQty):0) + ((sales.otherQuantity)?Number.parseFloat(sales.otherQuantity):0);
                                sales.totalBuildQty = buildQty;
                                var perc = 0;
                                for (var i = 0; i < sales.assemlby_items.length; i++) 
                                {
                                    if(sales.assemlby_items[i].item){
                                        if(sales.assemlby_items[i].item.percentage){
                                            perc = (perc + Number.parseFloat(sales.assemlby_items[i].item.percentage));
                                        }
                                    }
                                }
                                for (var i = 0; i < sales.assemlby_items.length; i++) 
                                {
                                    if(sales.assemlby_items[i].item){
                                        if(sales.assemlby_items[i].item.percentage && perc > 0){
                                            var percentage = Number.parseFloat(sales.assemlby_items[i].item.percentage);
                                            // console.log(222, percentage, buildQty, perc, buildQty);
                                            sales.assemlby_items[i].item.qty = Number.parseFloat((percentage * buildQty) / perc).toFixed(precision());
                                        }
                                    }
                                }
                            }
                        }
                    }
                },
                select_percentage_main()
                {
                    setTimeout((function () {
                        console.log(23);
                        var qty = 0;
                        var percentageQty = 0;
                        if(sales.percentageMain && sales.percentageQty){
                            percentageQty = Number.parseFloat(sales.percentageQty);
                            var perc = Number.parseFloat(sales.percentageQty);
                            if(sales.assemlby_items){
                                for (var i = 0; i < sales.assemlby_items.length; i++) 
                                {
                                    if(sales.assemlby_items[i].item){
                                        if(sales.assemlby_items[i].item.qty){
                                            qty = (qty + Number.parseFloat(sales.assemlby_items[i].item.qty));
                                        }
                                    }
                                }
                            }

                            if (sales.otherBuild) { 
                                for (var i = 0; i < sales.otherBuild.length; i++) {
                                    if (sales.otherBuild[i].item){
                                        if (sales.otherBuild[i].item.item_percentage && sales.otherBuild[i].item.item_percentage !=null){  
                                            perc = (perc + Number.parseFloat(sales.otherBuild[i].item.item_percentage));
                                        }
                                    }
                                }
                            }
                            
                            sales.buildQty = Number.parseFloat((percentageQty * qty) / perc).toFixed(precision());

                            if (sales.otherBuild) { 
                                for (var i = 0; i < sales.otherBuild.length; i++) {
                                    if (sales.otherBuild[i].item){
                                        if (sales.otherBuild[i].item.item_percentage && sales.otherBuild[i].item.item_percentage !=null){  
                                            var Opercentage = Number.parseFloat(sales.otherBuild[i].item.item_percentage);
                                            sales.otherBuild[i].item.qty = Number.parseFloat((Opercentage * qty) / perc).toFixed(precision());
                                        }
                                    }
                                }
                            }
                        }
                    }), 400)
                },
                getBuildOnHand(item_measure_unit = null, selected_measure_unit = null, qty = null, on_hand = null, location = null, edit_qty = null) {
                    var result = 0;
                    if (on_hand != null) {
                        if (location) {
                            on_hand = Number.parseFloat(location.OnHand);
                        }
                        if (qty) {
                            result = (on_hand * Number.parseFloat(item_measure_unit)) / Number.parseFloat(selected_measure_unit) + Number.parseFloat(edit_qty) - Number.parseFloat(qty);
                        } else {
                            result = (on_hand * Number.parseFloat(item_measure_unit)) / Number.parseFloat(selected_measure_unit) + Number.parseFloat(edit_qty);
                        }
                    }
                    return result.toFixed(precision());
                },
                getBuildOnHandWestage(item_measure_unit = null, selected_measure_unit = null, qty = null, on_hand = null) {
                    var result = 0;
                    if (on_hand != null) {
                        if (qty) {
                            result = (on_hand * Number.parseFloat(item_measure_unit)) / Number.parseFloat(selected_measure_unit) + (qty);
                        }
                        else {
                            result = (on_hand * Number.parseFloat(item_measure_unit)) / Number.parseFloat(selected_measure_unit);
                        }
                    }
                    return Number.parseFloat(result).toFixed(precision());
                },
                getItemCost(item_measure_unit = null, selected_measure_unit = null,cost = null) {
                    var result = 0;
                    if (cost != null) {
                        result = (cost * Number.parseFloat(selected_measure_unit)) / Number.parseFloat(item_measure_unit);    
                    }
                    return Number.parseFloat(result).toFixed(precision());
                },
                handleSubmit(e) {
                    this.$validator.validate().then(valid => {
                        if (valid) {
                            regForm(e.target);
                        }
                    });
                },
                changeContract() {
                    // console.log(123);
                    sales.assemlby_items = [];
                    sales.assemlby_items.push({
                        item: null, inventory: null, location: null
                    });
                    this.wagon = this.wagonAll.filter((wagon) => {
                        return this.selectedContract.id == wagon.contract_id;
                    });
                },
                // begin item search
                onItemSearch: _.debounce((search, loading) => {
                    loading(true);
                    axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'anyTable',
                            'search_column': 'name',
                            'table_name': 'items',
                            'formula': 'formula',
                            'limit_type': 'item',
                            keyword: search,
                        }
                    })
                        .then(function (response) {
                            sales.formula_items = [];
                            if (response.data.length > 0) {
                                sales.formula_items = response.data;
                            }
                            loading(false);
                        })
                        .catch(function (error) {
                            console.log(error);
                        })
                }, getDebounceTime()),
                // end item search
                // items serarch method
                onItemsSearch: _.debounce((search, loading) => {
                    loading(true);
                    axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'AssemblyItemsSearch',
                            'type': 'assembaly',
                            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()),
                onItemload(index) {
                    // v.selected_index=index;
                    if (sales.assemlby_items[index].inventory != null) {
                        // console.log('klk',v.inventories[index].inventory,v.inventories);
                        var inventory_id = sales.assemlby_items[index].inventory.id;
                        let contract_id = (sales.selectedContract != undefined) ? sales.selectedContract.id : '';
                        let wagon_number = (sales.selectedWagon != undefined) ? sales.selectedWagon.name : '';
                        axios.get("{{route('callMethod.search')}}", {
                            params: {
                                method_name: 'items_search_assebley',
                                inventory_id: inventory_id,
                                contract_id: contract_id,
                                wagon_number: wagon_number
                            }
                        })
                            .then(function (response) {
                                sales.assemlby_items[index].item = null;
                                sales.assemlby_items[index].location = null;
                                if (response.data.length > 0) {
                                    sales.assemlby_items[index].item = response.data[0];
                                }
                            })
                            .catch(function (error) {
                                console.log(error);
                            })
                    }
                },
                locationSearch: _.debounce((search, loading) => {
                    loading(true);
                    let inventory_id = (sales.assemlby_items[sales.selected_index]['inventory'] != undefined) ? sales.assemlby_items[sales.selected_index]['inventory'].id : '';
                    // console.log(3333, sales.assemlby_items, sales.selected_index, inventory_id);
                    if (inventory_id) {
                        axios.get("{{route('callMethod.search')}}", {
                            params: {
                                method_name: 'itemesSearchLocation',
                                keyword: search,
                                inventory_id: inventory_id
                            }
                        })
                        .then(function(response) {
                            if (response.data.length > 0) {
                                sales.assemlby_items[sales.selected_index]['item']['locationList'] = response.data;
                            }
                            loading(false);
                        })
                        .catch(function(error) {
                            console.log(error);
                        })
                    } else {
                        loading(false);
                    }
                }, getDebounceTime()),
                onOtherItemload(index) {
                    // v.selected_index=index;
                    if (sales.otherBuild[index].inventory != null) {
                        // console.log('klk',v.inventories[index].inventory,v.inventories);
                        var inventory_id = sales.otherBuild[index].inventory.id;
                        axios.get("{{route('callMethod.search')}}", {
                            params: {
                                method_name: 'items_search_assebley',
                                inventory_id: inventory_id
                            }
                        })
                            .then(function (response) {
                                sales.otherBuild[index].item = null;
                                if (response.data.length > 0) {
                                    sales.otherBuild[index].item = response.data[0];
                                }
                            })
                            .catch(function (error) {
                                console.log(error);
                            })
                    }
                },
                setIndex(index) {
                    sales.selected_index = index;
                    // this.temp_items = [];
                },
                addNew(type = null, index) {
                    if (type != null) {
                        if (type == 'inventory') {
                            this.temp_items = [];
                            if (this.assemlby_items[index + 1] == undefined) {
                                this.assemlby_items.push({inventory: null, item: null, location: null, site: null, site_list: null});
                                console.log(this.assemlby_items);
                            }
                        }
                        if (type == 'otherBuilds') {
                            this.temp_items = [];
                            if (this.otherBuild[index + 1] == undefined) {
                                this.otherBuild.push({inventory: null, selectedProject: null, item: null});
                            }
                        }
                        if (type == 'expense') {
                            if (this.expenses[index + 1] == undefined) {
                                this.expenses.push({expense_account: null, info: null, description: null, amount: null});
                            }
                        }
                    }
                },
                deleteItem(type = null, index) {
                    if (type != null) {
                        console.log(type);
                        if (type == 'inventory') {
                            swal({
                                title: "@lang('layout.AreYouSure?')",
                                buttons: ["@lang('layout.Cancel')", "@lang('layout.yes')"],
                                text: "",
                                icon: "info",
                                dangerMode: true,
                            }).then((willDelete) => {
                                if (willDelete) {
                                    this.assemlby_items.splice(index, 1);
                                }
                                else {
                                
                                }
                            });
                        }
                        if (type == 'otherBuild') {
                            swal({
                                title: "@lang('layout.AreYouSure?')",
                                buttons: ["@lang('layout.Cancel')", "@lang('layout.yes')"],
                                text: "",
                                icon: "info",
                                dangerMode: true,
                            }).then((willDelete) => {
                                if (willDelete) {
                                    this.otherBuild.splice(index, 1);
                                }
                                else {
                                
                                }
                            });
                        }
                        if (type == 'expense') {
                            this.expenses.splice(index, 1);
                        }
                    }
                },
                addItems(type) {
                    if (type != null) {
                        if (type == "otherBuilds") {
                            this.temp_items = [];
                            this.otherBuild.push({inventory: null, selectedProject: null, item: null});
                        }
                        if (type == "inventory") {
                            this.temp_items = [];
                            this.assemlby_items.push({inventory: null, item: null, location: null, site: null, site_list: null});
                        }
                        if (type == "expense") {
                            this.expenses.push({expense_account: null, info: null, description: null, amount: null});
                        }
                    }
                },
            }
        });
    </script>
@endpush