@extends('layouts.app')

@section('content')
@include('contracts.modal')
{{-- new modal  start--}}
<div id="print-modaltwo">
    <report-modal :pdf-route="pdfRoute" :excel-route="excelRoute" v-if="is_showtwo" :value-type="'profitAndLost'" @closed="closeModal">
        <div slot="body">
            <!----------------------------------------------
            ----Begin Report Body And Custome Report-------
            ----------------------------------------------->
            <div class="row" v-cloak>
                <div class="tabbable tabbable-tabdrop">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#tab1" data-toggle="tab" id="tab_main">@lang('menu.Report')</a>
                        </li>
                        @if(systemConfig()[2] != 0 )
                        @permission(['customreport-list'])
                        <li class="">
                            <a href="#tab2" data-toggle="tab" id="tab_custome">@lang('layout.CustomReportM')</a>
                        </li>
                        @endpermission
                        @endif
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
                            <div class="portlet light bordered">
                                <div class="portlet-body">
                                    {{-- <input type="hidden" name="type" value="profitAndLost" /> --}}
                                    {{-- <input type="hidden" name="report_format" value="pdf" /> --}}
                                    <input type="hidden" name="id" value="{{$contract->id}}" />
                                    {{-- <div class="row">
                                        <input type="hidden" name="type" value="contract_loading" />
                                        <input type="hidden" name="id" value="{{$contract->id}}" /> 
                                        <div class="col-md-6" style="margin-bottom: 10px;">
                                            <label class="control-label">@lang('layout.Type') </label>
                                            <select name="summary" class="form-control">
                                                <option value=""> @lang('layout.Select') </option>
                                                <option value="summary"> @lang('layout.Summary') </option>
                                            </select>
                                        </div> 
                                        <div class="col-md-6" style="margin-bottom: 10px;">
                                            <label class="control-label">@lang('layout.FilterAs') </label>
                                            <select name="type_filter" class="form-control">
                                                <option value="inventory"> @lang('layout.Inventory') </option>
                                                <option value="source"> @lang('layout.Source') </option>
                                            </select>
                                        </div> 
                                        <div class="col-md-12">
                                            <label class="control-label">@lang('layout.WagonNumber') </label>
                                            <v-select label="name" :options="{{ json_encode($wagon) }}" v-model="selected_wagon"></v-select>
                                            <input type="hidden" name="wagon_number" :value="(this.selected_wagon==null)?null:selected_wagon.name">
                                        </div> 
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label class="control-label"> @lang('layout.Date')</label>
                                                <div class="input-group">
                                                    <input class="form-control date" id="range-from-example2" name="from_date" autocomplete="off"> 
                                                    <span class="input-group-addon"> @lang('layout.To') </span>
                                                    <input class="form-control date" id="range-to-example2" name="to_date" autocomplete="off">
                                                </div>
                                            </div> 
                                        </div>
                                    </div>  --}}
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tab2">
                            <div class="portlet light bordered">
                                <div class="portlet-body">
                                    <form id="saveCustomeReport" role="form"
                                        action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="projectMainProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repcontractesMain">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    <hr>
                                    <form id="saveCustomeReport" role="form"
                                        action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="projectProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <h4 style="margin-bottom: 30px;">  @lang('layout.ItemDetails')  </h4>
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repcontractes">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    <hr>
                                    <form id="saveCustomeReport" role="form"
                                        action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="onHandProjectProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <h4 style="margin-bottom: 30px;">  @lang('layout.OnHand')  </h4>
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repPurchases">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    <hr>
                                    <form id="saveCustomeReport" role="form"
                                        action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="transferAndLoadingProjectProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <h4 style="margin-bottom: 30px;">  @lang('layout.TransferAndLoading')  </h4>
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repTransferAndLoadings">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    <hr>
                                    <form id="saveCustomeReport" role="form"
                                        action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="deliveryProjectProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <h4 style="margin-bottom: 30px;">  @lang('menu.Delivery')  </h4>
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repItemExpenses">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    <hr>
                                    <form id="saveCustomeReport" role="form" action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="itemExpenseProjectProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <h4 style="margin-bottom: 30px;">  @lang('menu.ItemExpense')  </h4>
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repItemExpenses">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    <hr>
                                    <form id="saveCustomeReport" role="form" action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="adjustmentListProjectProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <h4 style="margin-bottom: 30px;">  @lang('layout.AdjustmentList')  </h4>
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repAdjustmentLists">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    @permission('transferAccounts-create')
                                    <hr>
                                    <form id="saveCustomeReport" role="form" action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="memberTransferProjectProfitAndLost">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <h4 style="margin-bottom: 30px;">  @lang('layout.MemberTransfer')  </h4>
                                            <div class="mt-checkbox-inline col-md-2" style="padding-right: 3px !important; padding-left:3px !important; margin-right:0 !important;" v-for="(row,itemIndex) in cust_repMemberLists">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                                    :checked="row.checkedColumn" >
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div> 
                                        <div style="margin-top-10; margin-bottom:30px; margin-right:10px;">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCutomReForm(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                    @endpermission
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </report-modal>
</div>
{{-- new modal end  --}}
<div id="app" v-cloak>
    {{Form::open(['route' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}}
    <input type="hidden" name="type" value="contract_profitandlost" />
    <input type="hidden" name="id" value="{{$contract->id}}" />
    <button id="show-modal" style="display: none" type="button" @click="editExample">Show Modal</button>
    <!-- use the modal component, pass in the prop -->
    <modal v-if="showModal" @close="showModal = false">
        <div slot="body">
            <div class="row">
                <div class="form-group">

                </div>
            </div>
            <div class="row">
                <!-- <div class="form-group">
                    <div class="col-md-12">
                        <label class="control-label ">@lang('layout.WagonNumber') </label>
                        <input type="text" name="wagon_number" class="form-control">

                    </div>
                </div> -->

                <div class="form-group">
                    <div class="col-md-12">
                        <label class="control-label">@lang('layout.WagonNumber')</label>
                        <input type="hidden" name="wagon_number" :value="(this.selected_wagon==null)?null:selected_wagon.name">
                    </div>
                </div>
                <div class="form-group">
                    <!--    <div class="col-md-12">
                    <div class="form-group">
                        <label class="control-label"> @lang('layout.Date')</label>
                        <div class="input-group">
                            <input class="form-control date" id="range-from-example" name="from_date" autocomplete="off">
                           
                            <span class="input-group-addon"> @lang('layout.To') </span>
                            <input class="form-control date" id="range-to-example" name="to_date">
                          
                        </div>
                    </div>
                </div> -->
                </div>
            </div>
        </div>
        <div slot="footer">
            <button type="submit" class="btn btn-success" @click="ok">
                @lang('layout.Submit')
            </button>
            <button type="button" class="btn btn-danger" @click="close">
                @lang('layout.Cancel')
            </button>
        </div>
    </modal>
    {{Form::close()}}
</div>
<!-- app -->
<div id="print-modal1" v-cloak>
    <report-modal :pdf-route="pdfRoute" :excel-route="excelRoute" v-if="is_show1" :value-type="'loading'" @closed="closeModal">
        <div slot="body">
            <div class="row">
                <div class="form-group">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label"> @lang('layout.Date')</label>
                            <div class="input-group">
                                <input class="form-control date" id="range-from-example" name="from_date" autocomplete="off">

                                <span class="input-group-addon"> @lang('layout.To') </span>
                                <input class="form-control date" id="range-to-example" name="to_date" autocomplete="off">

                            </div>
                        </div>
                        <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                    </div>
                </div>
            </div>

        </div>
    </report-modal>
</div>
<!-- END PAGE HEADER-->
<div id="app" v-cloak>
    {{Form::open(['route' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}}
    <input type="hidden" name="type" value="contract_profitandlost" />
    <input type="hidden" name="id" value="{{$contract->id}}" />
    <button id="show-modal" style="display: none" type="button" @click="editExample">Show Modal</button>
    <!-- use the modal component, pass in the prop -->
    <modal v-if="showModal" @close="showModal = false">
        <div slot="body">
            <div class="row">
                <div class="form-group">

                </div>
            </div>
            <div class="row">
                <div class="form-group">

                    <div class="col-md-12">
                        <label class="control-label ">@lang('layout.WagonNumber') </label>
                        <input type="text" name="wagon_number" class="form-control">

                    </div>

                </div>
                <div class="form-group">
                    <!--    <div class="col-md-12">
                    <div class="form-group">
                        <label class="control-label"> @lang('layout.Date')</label>
                        <div class="input-group">
                            <input class="form-control date" id="range-from-example" name="from_date" autocomplete="off">
                           
                            <span class="input-group-addon"> @lang('layout.To') </span>
                            <input class="form-control date" id="range-to-example" name="to_date">
                          
                        </div>
                    </div>
                </div> -->
                </div>
            </div>
        </div>
        <div slot="footer">
            <button type="submit" class="btn btn-success" @click="ok">
                @lang('layout.Submit')
            </button>
            <button type="button" class="btn btn-danger" @click="close">
                @lang('layout.Cancel')
            </button>
        </div>
    </modal>
    {{Form::close()}}
</div>
<!-- app -->
<div id="loading_app" v-cloak>
    {{Form::open(['route' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}}
    <input type="hidden" name="type" value="contract_loading" />
    <input type="hidden" name="id" value="{{$contract->id}}" />
    <button id="loading-modal" style="display: none" type="button" @click="editExample">Show Modal</button>
    <!-- use the modal component, pass in the prop -->
    <modal v-if="showModal" @close="showModal = false">
        <div slot="body">
            <div class="row">
                <div class="form-group">
                    <div class="col-md-6">
                        <label class="control-label ">@lang('layout.Site') </label>
                        <select name="site_id" id="" class="form-control">
                            <option value="">@lang('layout.SelectSite')</option>
                            @foreach($inventorySite as $row)
                            <option value="{{$row['id']}}">{{$row['name']}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label class="control-label ">@lang('layout.Location') </label>
                        <v-select label="name" v-model="loadingLocationSel" :options="loadingLocation"></v-select>
                        <input type="hidden" name="location" :value="(!loadingLocationSel)?null:loadingLocationSel.name">
                    </div>
                    <div class="col-md-6">
                        <label class="control-label ">@lang('layout.Source') </label>
                        <v-select label="name" v-model="loadingSourceSel" :options="loadingSource"></v-select>
                        <input type="hidden" name="source" :value="(!loadingSourceSel)?null:loadingSourceSel.name">
                    </div>
                    <div class="col-md-6">
                        <label class="control-label ">@lang('layout.Destination') </label>
                        <v-select label="name" v-model="loadingDestinationSel" :options="loadingDestination"></v-select>
                        <input type="hidden" name="destination" :value="(!loadingDestinationSel)?null:loadingDestinationSel.name">
                    </div>
                    <div class="col-md-6">
                        <label>@lang('layout.Discharged')</label>
                        <input class="mt-checkbox" type="checkbox" name="discharged">
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label class="control-label"> @lang('layout.Date')</label>
                            <div class="input-group">
                                <input class="form-control date" id="range-from-example" name="from_date" autocomplete="off">

                                <span class="input-group-addon"> @lang('layout.To') </span>
                                <input class="form-control date" id="range-to-example" name="to_date" autocomplete="off">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div slot="footer">
            <button type="submit" class="btn btn-success" @click="ok">
                @lang('layout.Submit')
            </button>
            <button type="button" class="btn btn-danger" @click="close">
                @lang('layout.Cancel')
            </button>
        </div>
    </modal>
    {{Form::close()}}
</div>
<!-- app -->
<!-- app -->
<div id="app2" v-cloak>
    {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
    <input type="hidden" name="type" value="contract_item_expense" />
    <input type="hidden" name="id" value="{{$contract->id}}" />
    <button id="show-modal2" style="display: none" type="button" @click="editExample2">Show Modal</button>
    <!-- use the modal component, pass in the prop -->
    <modal v-if="showModal" @close="showModal = false">
        <div slot="body">
            <div class="row">
                <div class="form-group">

                </div>
            </div>

            <div class="row">
                <div class="form-group">

                    <div class="col-md-12">
                        <label class="control-label ">@lang('layout.WagonNumber') </label>
                        <input type="text" name="wagon_number" class="form-control">

                    </div>

                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <!--  <div class="form-group">
                        <label class="control-label"> @lang('layout.Date')</label>
                        <div class="input-group">
                            <input class="form-control date" id="range-from-example2" name="from_date">
                           
                            <span class="input-group-addon"> @lang('layout.To') </span>
                            <input class="form-control date" id="range-to-example2" name="to_date">
                          
                        </div>
                    </div> -->
                    </div>
                </div>
            </div>

        </div>
        <div slot="footer">
            <button type="submit" class="btn btn-success" @click="ok">
                @lang('layout.Submit')
            </button>
            <button type="button" class="btn btn-danger" @click="close">
                @lang('layout.Cancel')
            </button>
        </div>
    </modal>
    {{Form::close()}}
</div>
<!-- app -->
<div id="app3" v-cloak>
    {{Form::open(['route' => 'export.PDFAny','method' => 'DELETE','class' => 'inline'])}}
    <input type="hidden" name="type" value="contract_item_expense" />
    <input type="hidden" name="id" value="{{$contract->id}}" />
    <button id="show-modal3" style="display: none" type="button" @click="editExample3">Show Modal</button>
    <!-- use the modal component, pass in the prop -->
    <modal v-if="showModal" @close="showModal = false">
        <div slot="body">
            <div class="row">
                <div class="form-group">

                </div>
            </div>

            <div class="row">
                <div class="form-group">

                    <div class="col-md-12">
                        <label class="control-label ">@lang('layout.WagonNumber') </label>
                        <input type="text" name="wagon_number" class="form-control">

                    </div>

                </div>

                <div class="form-group">
                    <div class="col-md-12">
                        <!--  <div class="form-group">
                        <label class="control-label"> @lang('layout.Date')</label>
                        <div class="input-group">
                            <input class="form-control date" id="range-from-example2" name="from_date">
                           
                            <span class="input-group-addon"> @lang('layout.To') </span>
                            <input class="form-control date" id="range-to-example2" name="to_date">
                          
                        </div>
                    </div> -->
                    </div>
                </div>
            </div>

        </div>
        <div slot="footer">
            <button type="submit" class="btn btn-success" @click="ok">
                @lang('layout.Submit')
            </button>
            <button type="button" class="btn btn-danger" @click="close">
                @lang('layout.Cancel')
            </button>
        </div>
    </modal>
    {{Form::close()}}
</div>
<div class="portlet">
    <div class="portlet-title" id="backbtn">
        <div class="caption">
            <i class=""></i>@lang('layout.CargoContractShow')
        </div>
        <div class="tools">
            <a href="javascript:;" class="collapse" data-original-title="" title=""> </a>
            <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
            {{--<a href="javascript:;" class="reload" data-original-title="" title=""> </a>--}}
            {{--<a href="javascript:;" class="remove" data-original-title="" title=""> </a>--}}
        </div>
    </div>
    {{-- @dd($contract) --}}
    <div class="portlet-body">
        <div class="table-scrollable">
            <table class="table table-striped table-bordered table-advance   table-hover" id="table_info">
                <thead>
                    <tr>
                        <th>@lang('layout.Number')</th>
                        <th>@lang('layout.ReferenceNumber')</th>
                        <th>@lang('layout.Customer')</th>
                        <th>@lang('layout.Amount')</th>
                        <th>@lang('layout.Currency')</th>
                        <th>@lang('layout.Rate')</th>
                        <th>@lang('layout.Date')</th>
                        <th>@lang('layout.Status')</th>
                        <th>@lang('layout.User')</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class=""> {{ $contract->number}} </td>
                        <td class=""> {{ $contract->ref_no}} </td>
                        <td class=""> {{ $contract->Customer}} </td>
                        <td class=""> {{ $contract->amount}}</td>
                        <td class=""> {{ $contract->currency}}</td>
                        <td class=""> {{ $contract->rate}}</td>
                        <td class=""> {{ $contract->date}}</td>
                        <td class="">
                            @if($contract->status == "Active")
                            @lang('layout.Active')
                            @else
                            @lang('layout.Closed')
                            @endif
                        </td>
                        <td class=""> {{ $contract->user}}</td>
                    </tr>
                </tbody>
            </table>
            <table class="table table-striped table-bordered table-advance   table-hover" id="table_info">
                <thead>
                    <tr>
                        <th>@lang('layout.DeliveryDate')</th>
                        <th>@lang('layout.Income')</th>
                        <th>@lang('layout.CostAccount')</th>
                        <th>@lang('layout.Description')</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class=""> {{ $contract->delivery_date}} </td>
                        <td class=""> {{ $contract->Income}} </td>
                        <td class=""> {{ $contract->Expense}} </td>
                        <td class=""> {{ $contract->description}}</td>
                    </tr>
                </tbody>
            </table>
            <!-- '''''''''''''''''''''''' -->
            <div id="app4" v-cloak>
                @if(cargoHandling() == 'true')
                <div class="col-md-2" style="padding-right: 0px !important; padding-left: 0px !important;">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label class="col-md-12">&nbsp;</label>
                            <label class="control-label">@lang('layout.MoreDetails')</label>
                            <label class="mt-checkbox mt-checkbox-outline">
                                <input type="checkbox" name="more_details" v-model="more_details" value="ok">
                                <span></span>
                            </label>
                        </div>
                    </div>
                </div>
                @endif
                @if(cargoHandling() == 'true')
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" v-show="more_details">
                    <div class="table-scrollable">
                        <table class="table table-striped table-bordered table-advance   table-hover" id="table_info">
                            <thead>
                                <tr>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.CargoContractCategory')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.InDate')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.LoadingDate')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.DateOut')</th>
                                    {{-- <th style="background-color: rgb(80, 129, 141);">@lang('layout.PropertyOwner')</th> --}}
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.WagonType')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.EmptyContainer')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.ItemTypes')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.CompanyLicense')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.ScaleNumber')</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{$contract->category_name}}</td>
                                    <td>{{convertDate($contract->in_date)}}</td>
                                    <td>{{convertDate($contract->loading_date)}}</td>
                                    <td>{{convertDate($contract->date_out)}}</td>
                                    {{-- <td>{{$contract->property_owner}}</td> --}}
                                    <td>{{$contract->wagon_type}}</td>
                                    <td>{{$contract->empty_container}}</td>
                                    <td>{{$contract->item_types}}</td>
                                    <td>{{$contract->license_name}} {{$contract->license_number}}</td>
                                    <td>{{$contract->scale_number}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="table-scrollable">
                        <table class="table table-striped table-bordered table-advance   table-hover" id="table_info">
                            <thead>
                                <tr>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.CargoContractCountry')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.LicenseNumber')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Customs') @lang('layout.Source')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Customs') @lang('layout.Destination')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Act') (@lang('layout.CMR'))</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.T1IyNumber')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Anex')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.NetWeight')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.ContainerWeight')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Driver')</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{$contract->country_name}}</td>
                                    <td>{{$contract->cargo_company_tax_code}}</td>
                                    <td>{{$contract->sources_id}}</td>
                                    <td>{{$contract->destination}}</td>
                                    <td>{{$contract->act}}</td>
                                    <td>{{$contract->t1_number}}</td>
                                    <td>{{$contract->anex}}</td>
                                    <td>{{$contract->net_weight}}</td>
                                    <td>{{$contract->container_weight}}</td>
                                    <td>{{$contract->driver}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="table-scrollable">
                        <table class="table table-striped table-bordered table-advance   table-hover" id="table_info">
                            <thead>
                                <tr>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.FatherName')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.NumberTruck')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.HourseShasi')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.ShasiTyler')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Transport')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.DriverMobile')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.GuardMobile')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.DeliveryTime')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Customs')</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{$contract->father_name}}</td>
                                    <td>{{$contract->number_truck}}</td>
                                    <td>{{$contract->shasi_number_ho}}</td>
                                    <td>{{$contract->tyler}}</td>
                                    <td>{{$contract->transport}}</td>
                                    <td>{{$contract->driver_mobile}}</td>
                                    <td>{{$contract->guard_mobile}}</td>
                                    <td>{{$contract->delivery_time}}</td>
                                    <td>{{$contract->customs}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="table-scrollable">
                        <table class="table table-striped table-bordered table-advance table-hover" id="table_info">
                            <thead>
                                <tr>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.CarOwner')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Province')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.District')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Village')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.TruckNumber')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.GoodsOwnerPhone')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.Leakage')</th>
                                    <th style="background-color: rgb(80, 129, 141);">@lang('layout.GoodsLoadingPlace')</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{$contract->car_owner}}</td>
                                    <td>{{$contract->province}}</td>
                                    <td>{{$contract->district}}</td>
                                    <td>{{$contract->village}}</td>
                                    <td>{{$contract->truck_number}}</td>
                                    <td>{{$contract->goods_owner_mobile}}</td>
                                    <td>{{$contract->lack_of_goods}}</td>
                                    <td>{{$contract->loading_place}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption font-dark">
                    <i class="icon-settings font-dark"></i>
                    <span class="caption-subject bold uppercase">@lang('layout.CargoContractDetails')</span>
                </div>
                <div class="tools"></div>
                <div class="actions">
                    <!-- <button type="button" id="contract_loading" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.Loading') </button> -->
                    {{Form::open(['route' => 'cargoContract.report','method' => 'DELETE','class' => 'inline'])}}
                    <input type="hidden" name="type" value="profitAndLost" />
                    <input type="hidden" name="report_format" value="pdf" />
                    <input type="hidden" name="id" value="{{$contract->id}}" />
                    {{-- <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.ProfitAndLost') </button> --}}
                    <button type="button" id="anchore-modaltwo"  @click.prevent="showModaltwo" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.ProfitAndLost') </button>
                    {{Form::close()}}
                </div>
            </div>
            <div class="tabbable-line">
                <ul class="nav nav-tabs ">
                    <li class="active">
                        <a href="#contract-items" data-toggle="tab" id="contract-item"> @lang('layout.ItemDetails') <i class="fa "></i> </a>
                    </li>
                    <li>
                        <a href="#in_stock_item" data-toggle="tab" id="in_stock_items"> @lang('layout.OnHand') <i class="fa "></i> </a>
                    </li>
                    <li>
                        <a href="#load_item" data-toggle="tab" id="load_items"> @lang('layout.TransferAndLoading') <i class="fa "></i> </a>
                    </li>
                    <li>
                        <a href="#Westage" data-toggle="tab" id="Westages"> @lang('layout.Westage') <i class="fa "></i> </a>
                    </li>
                    <li>
                        <a href="#delivery_item_tab" data-toggle="tab" id="delivery_item"> @lang('menu.Delivery') </a>
                    </li>
                    <li>
                        <a href="#item_expense_tab" data-toggle="tab" id="item_expense"> @lang('layout.ItemExpense') </a>
                    </li>
                    @permission('transferAccounts-create')
                    <li>
                        <a href="#member_transfer_tab" data-toggle="tab" id="member_transfer">@lang('layout.MemberTransfer')</a>
                    </li>
                    @endpermission
                    <li>
                        <a href="#attachments_tab" data-toggle="tab" id="attachments"> @lang('layout.Attachments') </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane" id="load_item">
                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('layout.TransferAndLoadingList')</span>
                                </div>
                                <div class="pull-right">
                                    <span id="anchore-modal1">
                                        <a href="#" @click.prevent="showModal" id="" class="btn  btn-success">
                                            <i class="fa fa-print"></i>
                                        </a>
                                    </span>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="load-item-table">
                                    <thead>
                                        <tr>
                                        <th>@lang('layout.Number')</th>
                                        <th>@lang('layout.Type')</th>
                                        <th>@lang('menu.Container')</th>
                                        <th>@lang('menu.Vehicle')</th>
                                        <th>@lang('layout.TransitNumber')</th>
                                        <th>@lang('layout.Source')</th>
                                        <th>@lang('layout.Quantity')</th>
                                        <th>@lang('layout.Date')</th>
                                        <th>@lang('layout.Status')</th>
                                        <th>@lang('layout.Responsible')</th>
                                        <th>@lang('layout.Description')</th>
                                        <th>@lang('layout.User')</th>
                                        <th>@lang('layout.Actions')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                    <div class="tab-pane" id="Westage">
                        <div class="tab-pane" id="tab_15_1">
                            <!-- BEGIN EXAMPLE TABLE PORTLET-->
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption font-dark">
                                        <i class="icon-settings font-dark"></i>
                                        <span class="caption-subject bold uppercase">@lang('layout.AdjustmentList')</span>
                                    </div>
                                    <div class="actions">
                                        {{Form::open(['route' => 'cargoWastage.report','method' => 'DELETE','class' => 'inline'])}}
                                        <input type="hidden" name="type" value="wastage" />
                                        <input type="hidden" name="report_format" value="excel"/>
                                        <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                        <button type="submit" class="btn btn-success"><i class="fa fa-file-excel-o"></i> @lang('layout.Excel')
                                        </button>
                                        {{Form::close()}}
                                        {{Form::open(['route' => 'cargoWastage.report','method' => 'DELETE','class' => 'inline'])}}
                                        <input type="hidden" name="type" value="wastage" />
                                        <input type="hidden" name="report_format" value="pdf"/>
                                        <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                        <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                        {{Form::close()}}
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <table class="table table-striped table-bordered table-hover" id="Westage-table">
                                        <thead>
                                            <tr>
                                            <th>@lang('layout.Number')</th>
                                            <th>@lang('layout.Customer')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.Currency')</th>
                                            <th>@lang('layout.Amount')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.Description')</th>
                                            <th>@lang('layout.User')</th>
                                            <th>@lang('layout.Actions')</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <!-- END EXAMPLE TABLE PORTLET-->
                        </div>
                    </div>
                    <div class="tab-pane active" id="contract-items">
                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('layout.ItemDetails')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'cargoContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="contract_item_detail" />
                                    <input type="hidden" name="report_format" value="excel" />
                                    <input type="hidden" name="id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-excel-o"></i> @lang('layout.Excel')
                                    </button>
                                    {{Form::close()}}
                                    {{Form::open(['route' => 'cargoContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="contract_item_detail" />
                                    <input type="hidden" name="report_format" value="pdf" />
                                    <input type="hidden" name="id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                    {{Form::close()}}
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="contract-item-table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.Source')</th>
                                            <th>@lang('layout.Destination')</th>
                                            @if(ItemNameDescription() == 'seperate')
                                            <th>@lang('layout.DescriptionFa')</th>
                                            <th>@lang('layout.DescriptionEn')</th>
                                            <th>@lang('layout.DescriptionOth')</th>
                                            @else
                                            <th>@lang('layout.ItemName')</th>
                                            @endif
                                            <th>@lang('layout.ItemCategory')</th>
                                            @if(geLengthHightWeightCargo() != 'false')
                                            <th>@lang('layout.Width')</th>
                                            <th>@lang('layout.Length')</th>
                                            <th>@lang('layout.Height')</th>
                                            @endif
                                            <th>@lang('layout.Volume')</th>
                                            <th>@lang('layout.Weight')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.QuantityIns')</th>
                                            <th>@lang('layout.Density')</th>
                                            @if(DonotShowVolumePackage() != 'true')
                                            <th>@lang('layout.Weight') @lang('layout.Package')</th>
                                            <th>@lang('layout.Volume') @lang('layout.Package')</th>
                                            @endif
                                            <th>@lang('layout.Price')</th>
                                            <th>@lang('layout.Discount')</th>
                                            <th>@lang('layout.Price')</th>
                                            <th>@lang('layout.Expense')</th>
                                            <th>@lang('layout.ExpenseDetails')</th>
                                            <th>@lang('layout.Total')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                    <div class="tab-pane" id="in_stock_item">
                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('layout.ItemDetails')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'cargoContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="contract_in_stock_item" />
                                    <input type="hidden" name="report_format" value="excel" />
                                    <input type="hidden" name="id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-excel-o"></i> @lang('layout.Excel')
                                    </button>
                                    {{Form::close()}}
                                    {{Form::open(['route' => 'cargoContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="contract_in_stock_item" />
                                    <input type="hidden" name="report_format" value="pdf" />
                                    <input type="hidden" name="id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                    {{Form::close()}}
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="in_stock_item-table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.Source')</th>
                                            <th>@lang('layout.Destination')</th>
                                            @if(ItemNameDescription() == 'seperate')
                                                <th>@lang('layout.DescriptionFa')</th>
                                                <th>@lang('layout.DescriptionEn')</th>
                                                <th>@lang('layout.DescriptionOth')</th>
                                            @else
                                                <th>@lang('layout.ItemName')</th>
                                            @endif
                                            <th>@lang('layout.Width')</th>
                                            <th>@lang('layout.Length')</th>
                                            <th>@lang('layout.Height')</th>
                                            <th>@lang('layout.Volume')</th>
                                            <th>@lang('layout.Weight')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.Density')</th>
                                            @if(DonotShowVolumePackage() != 'true')
                                            <th>@lang('layout.Weight') @lang('layout.Package')</th>
                                            <th>@lang('layout.Volume') @lang('layout.Package')</th>
                                            @endif
                                            <th>@lang('layout.Price')</th>
                                            <th>@lang('layout.Discount')</th>
                                            <th>@lang('layout.Expense')</th>
                                            <th>@lang('layout.ExpenseDetails')</th>
                                            <th>@lang('layout.Total')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                    <div class="tab-pane" id="delivery_item_tab">
                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('menu.Delivery')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'cargoDelivery.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="delivery" />
                                    <input type="hidden" name="report_type" value="detail" />
                                    <input type="hidden" name="report_format" value="excel"/>
                                    <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-excel-o"></i> @lang('layout.Excel')
                                    </button>
                                    {{Form::close()}}
                                    {{Form::open(['route' => 'cargoDelivery.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="delivery" />
                                    <input type="hidden" name="report_type" value="detail" />
                                    <input type="hidden" name="report_format" value="pdf"/>
                                    <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                    {{Form::close()}}
                                </div>

                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="delivery_item_table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.Number')</th>
                                            <th>@lang('layout.Customer')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.Description')</th>
                                            <th>@lang('layout.User')</th>
                                            <th>@lang('layout.Actions')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                    <div class="tab-pane" id="item_expense_tab">
                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('layout.ItemExpense')</span>
                                </div>
                                <!-- <div class="actions">
                                    <button type="button" id="contract_item_expense_excel" class="btn btn-success"><i class="fa fa-file-excel-o"></i> @lang('layout.Excel')
                                    </button>
                                    <button type="button" id="contract_item_expense_pdf" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                </div> -->
                                <div class="actions">
                                    {{Form::open(['route' => 'cargoItemExpense.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="item_expense_detail_contract" />
                                    <input type="hidden" name="report_format" value="excel" />
                                    <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-excel-o"></i> @lang('layout.Excel')
                                    </button>
                                    {{Form::close()}}
                                    {{Form::open(['route' => 'cargoItemExpense.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="item_expense_detail_contract" />
                                    <input type="hidden" name="report_format" value="pdf" />
                                    <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                    {{Form::close()}}
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="item_expense_table">
                                    <thead>
                                        <tr>
                                        <th>@lang('layout.Customer') </th>
                                        <th>@lang('layout.ItemName') </th>
                                        <th>@lang('layout.SiteName') </th>
                                        <th>@lang('layout.Quantity') </th>
                                        <th>@lang('layout.Weight') </th>
                                        <th>@lang('layout.Currency') </th>
                                        <th>@lang('layout.Rate') </th>
                                        <th>@lang('layout.Total')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                    @permission('transferAccounts-create')
                    <div class="tab-pane" id="member_transfer_tab">
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('layout.ItemExpense')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'cargoContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="member_transfer_detail_contract" />
                                    <input type="hidden" name="report_format" value="excel" />
                                    <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-excel-o"></i> @lang('layout.Excel')
                                    </button>
                                    {{Form::close()}}
                                    {{Form::open(['route' => 'cargoContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="member_transfer_detail_contract" />
                                    <input type="hidden" name="report_format" value="pdf" />
                                    <input type="hidden" name="contract_id" value="{{$contract->id}}" />
                                    <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                    {{Form::close()}}
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="member_transfer_table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.Number') </th>
                                            <th>@lang('layout.Person') </th>
                                            <th>@lang('layout.Amount') </th>
                                            <th>@lang('layout.Description') </th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                    @endpermission
                    <div class="tab-pane" id="attachments_tab">
                        <!-- BEGIN EXAMPLE TABLE PORTLET-->
                        <div class="portlet light bordered">
                            <div class="portlet-title">
                                <div class="caption font-dark">
                                    <i class="icon-settings font-dark"></i>
                                    <span class="caption-subject bold uppercase">@lang('layout.Attachments')</span>
                                </div>

                            </div>
                            <div class="portlet-body">
                                <div class="portlet light bordered">
                                    <div class="portlet-body">

                                        <form role="form" action="{{route('attachment.store')}}" method="post" enctype="multipart/form-data">
                                            @csrf
                                            <input type="hidden" name="redirect_route" value="cargoContract.show">
                                            <input type="hidden" name="foreign_data_id" value="{{$contract->id}}">
                                            <input type="hidden" name="path" value="uploads/cargo_contract">
                                            <input type="hidden" name="table_name" value="cargo_contract">

                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="control-label">@lang('layout.AttachmentTitle')</label>
                                                        <input type="text" name="title" class="form-control">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="control-label">@lang('layout.Description')</label>
                                                        <textarea name="description" class="form-control"></textarea>
                                                    </div>
                                                </div>
                                                <div class="col-md-7">
                                                    <div class="form-group">
                                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                                            <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                                                <img src="" alt=""> </div>
                                                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 10px;"> </div>
                                                            <div>
                                                                <span class="btn default btn-file">
                                                                    <span class="fileinput-new">@lang('layout.SelectFile')</span>
                                                                    <span class="fileinput-exists">@lang('layout.Change')</span>
                                                                    <input type="hidden" value="" name=""><input type="file" name="photo"> </span>

                                                                <a href="javascript:;" class="btn default fileinput-exists" data-dismiss="fileinput"> @lang('layout.Remove') </a>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="margiv-top-10">
                                                <button type="button" onclick="regForm(this)" class="btn green"> @lang('layout.Submit') </button>
                                                <a href="{{route('receive.index')}}" class="btn default">@lang('layout.Cancel')</a>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <table class="table table-striped table-bordered table-hover" id="attachment">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.AttachmentTitle')</th>
                                            <th>@lang('layout.Description')</th>
                                            <th>@lang('layout.Action')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@include('print.modal')
@push('scripts')
<script>
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#item_expense').on('shown.bs.tab', function(event) {
            $('#item_expense_table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("cargoContract.show",$contract->id)}}',
                    data: {
                        type: 'item_expense'
                    }
                },
                columns: [
                    {data: 'member', name: 'member'},
                    {data: 'name', name: 'name'},
                    {data: 'destination', name: 'destination'},
                    {data: 'quantity', name: 'quantity'},
                    {data: 'weight', name: 'weight'},
                    {data: 'currency', name: 'currency'},
                    {data: 'rate', name: 'rate'},
                    {data: 'total', name: 'total', orderable: false, searchable: false},
                ]
            });
        });
    });
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#member_transfer').on('shown.bs.tab', function(event) {
            $('#member_transfer_table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("cargoContract.show",$contract->id)}}',
                    data: {
                        type: 'member_transfer'
                    }
                },
                columns: [
                    {data: 'number', name: 'number'},
                    {data: 'name', name: 'name'},
                    {data: 'namount', name: 'namount'},
                    {data: 'description', name: 'description'},
                ]
            });
        });
    });

    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#delivery_item').on('shown.bs.tab', function(event) {
            $('#delivery_item_table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("cargoContract.show",$contract->id)}}',
                    data: {
                        type: 'delivery_item'
                    }
                },
                columns: [
                    {data: 'number', name: 'cargo_deliveries.number'},
                    {data: 'member', name: 'members.name'},
                    {data: 'quantity', name: 'quantity', searchable: false},
                    {data: 'date', name: 'cargo_deliveries.date', searchable: false},
                    {data: 'description', name: 'cargo_deliveries.description'},
                    {data: 'user', name: 'users.name'},
                    {data: 'action', name: 'action', orderable: false, searchable: false}
                ]
            });
        });

    });
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';

    });
    // Contract Date

    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#load_items').on('shown.bs.tab', function(event) {
            $('#load-item-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("cargoContract.show",$contract->id)}}',
                    data: {
                        type: 'load_item'
                    }
                },
                columns: [
                    {data: 'number', name: 'cargo_loadings.number'},
                    {data: 'type', name: 'cargo_loadings.type'},
                    {data: 'container', name: 'vehicles.vehicle_name', searchable: false},
                    {data: 'vehicle', name: 'vehicles.vehicle_name', searchable: false},
                    {data: 'transit_number', name: 'transit_number', searchable: false},
                    {data: 'source_site', name: 'source_site', searchable: false},
                    {data: 'quantity', name: 'quantity', searchable: false},
                    {data: 'date', name: 'cargo_loadings.date', searchable: false},
                    {data: 'state', name: 'inventory_sites.name', orderable: false, searchable: false},
                    {data: 'employee', name: 'members.name'},
                    {data: 'description', name: 'cargo_loadings.description'},
                    {data: 'user', name: 'users.name'},
                    {data: 'action', name: 'action', orderable: false, searchable: false}
                ]
            });
        });
    });

    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#Westages').on('shown.bs.tab', function(event) {
            $('#Westage-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("cargoContract.show",$contract->id)}}',
                    data: {
                        type: 'Westage'
                    }
                },
                columns: [
                    {data: 'number', name: 'cargo_wastages.number'},
                    {data: 'member', name: 'members.name'},
                    {data: 'quantity', name: 'quantity', searchable: false},
                    {data: 'currency', name: 'transactions.unit'},
                    {data: 'amount', name: 'transactions.amount'},
                    {data: 'date', name: 'cargo_wastages.date', searchable: false},
                    {data: 'description', name: 'cargo_wastages.description'},
                    {data: 'user', name: 'users.name'},
                    {data: 'action', name: 'action', orderable: false, searchable: false}
                ]
            });
        });

    });

    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#contract-item-table').DataTable({
            scrollCollapse: true,
            responsive: '{{responsiveDataTable()}}',
            pagingType: '{{paginationType()}}',
            serverSide: true,
            paging: true,
            retrieve: true,
            ajax: {
                url: '{{route("cargoContract.show",$contract->id)}}',
                data: {
                    type: 'contract_item'
                }
            },
            columns: [
                {
                    data: 'source_name',
                    name: 'source_name'
                },
                {
                    data: 'destination_name',
                    name: 'destination_name'
                },
                @if(ItemNameDescription() == 'seperate')
                {
                    data: 'item_description1',
                    name: 'item_description1'
                },
                {
                    data: 'item_description2',
                    name: 'item_description2'
                },
                {
                    data: 'item_description3',
                    name: 'item_description3'
                },
                @else
                {
                    data: 'item',
                    name: 'item'
                },
                @endif
                {
                    data: 'itemCategoryName',
                    name: 'itemCategoryName'
                },
                @if(geLengthHightWeightCargo() != 'false')
                {
                    data: 'width',
                    name: 'width'
                },
                @endif
                @if(geLengthHightWeightCargo() != 'false')
                {
                    data: 'length',
                    name: 'length'
                },
                @endif
                @if(geLengthHightWeightCargo() != 'false')
                {
                    data: 'height',
                    name: 'height'
                },
                @endif
                {
                    data: 'volume',
                    name: 'volume'
                },
                {
                    data: 'weight',
                    name: 'weight'
                },
                {
                    data: 'quantity_in',
                    name: 'quantity_in'
                },
                {
                    data: 'quantity_ins',
                    name: 'quantity_ins'
                },
                {
                    data: 'Density',
                    name: 'Density'
                },
                @if(DonotShowVolumePackage() != 'true')
                {
                    data: 'package_weight',
                    name: 'package_weight'
                },
                {
                    data: 'package_volume',
                    name: 'package_volume'
                },
                @endif
                {
                    data: 'price',
                    name: 'price'
                },
                {
                    data: 'discount',
                    name: 'discount'
                },
                {
                    data: 'unit_price',
                    name: 'unit_price'
                },
                {
                    data: 'ex_amount',
                    name: 'ex_amount'
                },
                {
                    data: 'ex_description',
                    name: 'ex_description'
                },
                {
                    data: 'amount',
                    name: 'amount'
                },
            ]
        });

        $('#in_stock_items').on('shown.bs.tab', function(event) {
            $('#in_stock_item-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("cargoContract.show",$contract->id)}}',
                    data: {
                        type: 'in_stock_item'
                    }
                },
                columns: [{
                        data: 'source_name',
                        name: 'source_name'
                    },
                    {
                        data: 'destination_name',
                        name: 'destination_name'
                    },
                    @if(ItemNameDescription() == 'seperate')
                    {
                        data: 'item_description1',
                        name: 'item_description1'
                    },
                    {
                        data: 'item_description2',
                        name: 'item_description2'
                    },
                    {
                        data: 'item_description3',
                        name: 'item_description3'
                    },
                    @else
                    {
                        data: 'item',
                        name: 'item'
                    },
                    @endif
                    {
                        data: 'width',
                        name: 'width'
                    },
                    {
                        data: 'length',
                        name: 'length'
                    },
                    {
                        data: 'height',
                        name: 'height'
                    },
                    {
                        data: 'volume',
                        name: 'volume'
                    },
                    {
                        data: 'weight',
                        name: 'weight'
                    },
                    {
                        data: 'quantity_in',
                        name: 'quantity_in'
                    },
                    {
                        data: 'Density',
                        name: 'Density'
                    },
                    @if(DonotShowVolumePackage() != 'true')
                    {
                        data: 'package_weight',
                        name: 'package_weight'
                    },
                    {
                        data: 'package_volume',
                        name: 'package_volume'
                    },
                    @endif
                    {
                        data: 'price',
                        name: 'price'
                    },
                    {
                        data: 'discount',
                        name: 'discount'
                    },
                    {
                        data: 'ex_amount',
                        name: 'ex_amount'
                    },
                    {
                        data: 'ex_description',
                        name: 'ex_description'
                    },
                    {
                        data: 'amount',
                        name: 'amount'
                    },
                ]
            });
        });
    });
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';

        $('#attachment').DataTable({
            ajax: {
                url: '{{route("cargoContract.show",$contract->id)}}',
                data: {
                    type: 'attachment'
                }
            },

            scrollCollapse: true,
            responsive: '{{responsiveDataTable()}}',
            pagingType: '{{paginationType()}}',
            serverSide: true,
            paging: true,
            columns: [

                {
                    data: 'title',
                    name: 'attachments.title'
                },
                {
                    data: 'description',
                    name: 'attachments.description'
                },
                {
                    data: 'actions',
                    name: 'actions',
                    orderable: false,
                    searchable: false
                },
            ]
        });



    });
    var Modal = Vue.component('modal', {
        template: '#modal-template',
        methods: {
            ok: function() {
                this.$emit('ok')
            }
        }
    });
    // start app
    new Vue({
        el: '#app',
        data: {
            showModal: false,
            selected_wagon: null,
        },
        methods: {
            ok: function() {
                //alert('you clicked me');
                this.showModal = !this.showModal;
            },
            close: function(e) {
                this.showModal = !this.showModal;
            },
            editExample: function() {


                //Your other code that launches the modal
                this.showModal = true;
                this.$nextTick(function() {
                    $(document).ready(function() {

                        $(".date").persianDatepicker(modelDate());
                    });
                })
            }
        },
    });
    $('#profit_and_lost').on('click', function(e) {
        $('#show-modal').click();
        e.preventDefault();
    });
    // start loading_app
    new Vue({
        el: '#loading_app',
        data: {
            showModal: false,
            loadingSource: [],
            loadingSourceSel: null,
            loadingDestination: [],
            loadingDestinationSel: null,
            loadingLocation: [],
            loadingLocationSel: null

        },
        methods: {
            ok: function() {
                //alert('you clicked me');
                this.showModal = !this.showModal;
            },
            close: function(e) {
                this.showModal = !this.showModal;
            },
            editExample: function() {


                //Your other code that launches the modal
                this.showModal = true;
                this.$nextTick(function() {
                    $(document).ready(function() {

                        $(".date").persianDatepicker(modelDate());
                    });
                })
            }
        },
    });
    $('#contract_loading').on('click', function(e) {
        $('#loading-modal').click();
        e.preventDefault();
    });
    new Vue({
        el: '#app2',
        data: {
            showModal: false,

        },
        methods: {
            ok: function() {
                //alert('you clicked me');
                this.showModal = !this.showModal;
            },
            close: function(e) {
                this.showModal = !this.showModal;
            },
            editExample2: function() {


                //Your other code that launches the modal
                this.showModal = true;
                this.$nextTick(function() {
                    $(document).ready(function() {
                        $(".date").persianDatepicker(modelDate());
                    });
                })
            }
        },
    });
    $('#contract_item_expense_excel').on('click', function(e) {
        $('#show-modal2').click();
        e.preventDefault();
    });
    new Vue({
        el: '#app3',
        data: {
            showModal: false,

        },
        methods: {
            ok: function() {
                //alert('you clicked me');
                this.showModal = !this.showModal;
            },
            close: function(e) {
                this.showModal = !this.showModal;
            },
            editExample3: function() {


                //Your other code that launches the modal
                this.showModal = true;
                this.$nextTick(function() {
                    $(document).ready(function() {
                        $(".date").persianDatepicker(modelDate());
                    });
                })
            }
        },
    });
    new Vue({
        el: '#app4',
        data: {
            showModal: false,
            more_details: false
        },
        methods: {
            ok: function() {
                //alert('you clicked me');
                this.showModal = !this.showModal;
            },
            close: function(e) {
                this.showModal = !this.showModal;
            },
        },
    });
    var vm1 = new Vue({
        el: '#print-modal1',
        data: {
            is_show1: false,
            pdfRoute: '{!!route("cargoLoading.report") !!}',
            excelRoute: '{!! route("cargoLoading.report") !!}',
        },
        methods: {
            closeModal: function() {
                this.is_show1 = !this.is_show1
            },


        }
    });
    new Vue({
        el: '#anchore-modal1',
        methods: {
            showModal: function() {
                console.log('trr')
                vm1.$data.is_show1 = true;

            }
        }
    });
    $('#contract_item_expense_pdf').on('click', function(e) {
        $('#show-modal3').click();
        e.preventDefault();
    });
    // var cust_rep = {!!customeReportNewData('profitAndLost')!!};
    var cust_repcontractmain = {!!customeReportNewData('projectMainProfitAndLost')!!};
    var cust_repcontract = {!!customeReportNewData('projectProfitAndLost')!!};
    var cust_rep = {!!customeReportNewData('onHandProjectProfitAndLost')!!};
    var cust_repTransferAndLoading = {!!customeReportNewData('transferAndLoadingProjectProfitAndLost')!!};
    var cust_repDelivery = {!!customeReportNewData('deliveryProjectProfitAndLost')!!};
    var cust_repItemExpense = {!!customeReportNewData('itemExpenseProjectProfitAndLost')!!};
    var cust_repAdjustmentList = {!!customeReportNewData('adjustmentListProjectProfitAndLost')!!};
    var cust_repMemberTransferList = {!!customeReportNewData('memberTransferProjectProfitAndLost')!!};
    var vmtwo = new Vue({
        el: '#print-modaltwo',
        data: {
            period: 'CustomDates',
            // from_date: null,
            // to_date: null,
            is_showtwo: false,
            // index:0,
            pdfRoute: '{!!route('cargoContract.report') !!}',
            excelRoute: '{!! route('cargoContract.report') !!}',
            cust_repcontractesMain:
            [  
                {Name: '@lang("layout.Number")', column_name: 'number',checkedColumn:(cust_repcontractmain.number)?'checked':'',column_percentage:(cust_repcontractmain.number___percent)?cust_repcontractmain.number___percent:''},
                {Name: '@lang("layout.ReferenceNumber")', column_name: 'referenceNumber',checkedColumn:(cust_repcontractmain.referenceNumber)?'checked':'',column_percentage:(cust_repcontractmain.referenceNumber___percent)?cust_repcontractmain.referenceNumber___percent:''},
                {Name: '@lang("layout.Customer")', column_name: 'customer',checkedColumn:(cust_repcontractmain.customer)?'checked':'',column_percentage:(cust_repcontractmain.customer___percent)?cust_repcontractmain.customer___percent:''},
                {Name: '@lang("layout.Amount")', column_name: 'amount',checkedColumn:(cust_repcontractmain.amount)?'checked':'',column_percentage:(cust_repcontractmain.amount___percent)?cust_repcontractmain.amount___percent:''},
                {Name: '@lang("layout.Currency")', column_name: 'currency',checkedColumn:(cust_repcontractmain.currency)?'checked':'',column_percentage:(cust_repcontractmain.currency___percent)?cust_repcontractmain.currency___percent:''},
                {Name: '@lang("layout.Rate")', column_name: 'rate',checkedColumn:(cust_repcontractmain.rate)?'checked':'',column_percentage:(cust_repcontractmain.rate___percent)?cust_repcontractmain.rate___percent:''},
                {Name: '@lang("layout.Date")', column_name: 'date',checkedColumn:(cust_repcontractmain.date)?'checked':'',column_percentage:(cust_repcontractmain.date___percent)?cust_repcontractmain.date___percent:''},
                {Name: '@lang("layout.Status")', column_name: 'status',checkedColumn:(cust_repcontractmain.status)?'checked':'',column_percentage:(cust_repcontractmain.status___percent)?cust_repcontractmain.status___percent:''},
                {Name: '@lang("layout.User")', column_name: 'user',checkedColumn:(cust_repcontractmain.user)?'checked':'',column_percentage:(cust_repcontractmain.user___percent)?cust_repcontractmain.user___percent:''},
                {Name: '@lang("layout.DeliveryDate")', column_name: 'deliveryDate',checkedColumn:(cust_repcontractmain.deliveryDate)?'checked':'',column_percentage:(cust_repcontractmain.deliveryDate___percent)?cust_repcontractmain.deliveryDate___percent:''},
                {Name: '@lang("layout.Income")', column_name: 'income',checkedColumn:(cust_repcontractmain.income)?'checked':'',column_percentage:(cust_repcontractmain.income___percent)?cust_repcontractmain.income___percent:''},
                {Name: '@lang("layout.Expense")', column_name: 'expense',checkedColumn:(cust_repcontractmain.expense)?'checked':'',column_percentage:(cust_repcontractmain.expense___percent)?cust_repcontractmain.expense___percent:''},
                {Name: '@lang("layout.Description")', column_name: 'description',checkedColumn:(cust_repcontractmain.description)?'checked':'',column_percentage:(cust_repcontractmain.description___percent)?cust_repcontractmain.description___percent:''},
                {Name: '@lang("layout.Total")', column_name: 'totalAmount',checkedColumn:(cust_repcontractmain.totalAmount)?'checked':'',column_percentage:(cust_repcontractmain.totalAmount___percent)?cust_repcontractmain.totalAmount___percent:''},
                {Name: '@lang("layout.ReceiveAmount")', column_name: 'receive_amount',checkedColumn:(cust_repcontractmain.receive_amount)?'checked':'',column_percentage:(cust_repcontractmain.receive_amount___percent)?cust_repcontractmain.receive_amount___percent:''},
                {Name: '@lang("layout.Adjustment")', column_name: 'adjustment',checkedColumn:(cust_repcontractmain.adjustment)?'checked':'',column_percentage:(cust_repcontractmain.adjustment___percent)?cust_repcontractmain.adjustment___percent:''},
                {Name: '@lang("layout.Expense")', column_name: 'expense',checkedColumn:(cust_repcontractmain.expense)?'checked':'',column_percentage:(cust_repcontractmain.expense___percent)?cust_repcontractmain.expense___percent:''},
                {Name: '@lang("layout.Remined")', column_name: 'remined',checkedColumn:(cust_repcontractmain.remined)?'checked':'',column_percentage:(cust_repcontractmain.remined___percent)?cust_repcontractmain.remined___percent:''},
            ],
            cust_repcontractmain:cust_repcontractmain,
            cust_repcontractes:
            [  
                {Name: '@lang("layout.Record")', column_name: 'record',checkedColumn:(cust_repcontract.record)?'checked':'',column_percentage:(cust_repcontract.record___percent)?cust_repcontract.record___percent:''},
                {Name: '@lang("layout.Source")', column_name: 'source',checkedColumn:(cust_repcontract.source)?'checked':'',column_percentage:(cust_repcontract.source___percent)?cust_repcontract.source___percent:''},
                {Name: '@lang("layout.Destination")', column_name: 'destination',checkedColumn:(cust_repcontract.destination)?'checked':'',column_percentage:(cust_repcontract.destination___percent)?cust_repcontract.destination___percent:''},
                {Name: '@lang("layout.ItemName")', column_name: 'itemName',checkedColumn:(cust_repcontract.itemName)?'checked':'',column_percentage:(cust_repcontract.itemName___percent)?cust_repcontract.itemName___percent:''},
                {Name: '@lang("layout.Width")', column_name: 'width',checkedColumn:(cust_repcontract.width)?'checked':'',column_percentage:(cust_repcontract.width___percent)?cust_repcontract.width___percent:''},
                {Name: '@lang("layout.Length")', column_name: 'length',checkedColumn:(cust_repcontract.length)?'checked':'',column_percentage:(cust_repcontract.length___percent)?cust_repcontract.length___percent:''},
                {Name: '@lang("layout.Height")', column_name: 'height',checkedColumn:(cust_repcontract.height)?'checked':'',column_percentage:(cust_repcontract.height___percent)?cust_repcontract.height___percent:''},
                {Name: '@lang("layout.Volume")', column_name: 'volume',checkedColumn:(cust_repcontract.volume)?'checked':'',column_percentage:(cust_repcontract.volume___percent)?cust_repcontract.volume___percent:''},
                {Name: '@lang("layout.Weight")', column_name: 'weight',checkedColumn:(cust_repcontract.weight)?'checked':'',column_percentage:(cust_repcontract.weight___percent)?cust_repcontract.weight___percent:''},
                {Name: '@lang("layout.Quantity")', column_name: 'quantity',checkedColumn:(cust_repcontract.quantity)?'checked':'',column_percentage:(cust_repcontract.quantity___percent)?cust_repcontract.quantity___percent:''},
                {Name: '@lang("layout.Density")', column_name: 'density',checkedColumn:(cust_repcontract.density)?'checked':'',column_percentage:(cust_repcontract.density___percent)?cust_repcontract.density___percent:''},
                {Name: '@lang("layout.Weight") @lang("layout.Package")', column_name: 'weightPackage',checkedColumn:(cust_repcontract.weightPackage)?'checked':'',column_percentage:(cust_repcontract.weightPackage___percent)?cust_repcontract.weightPackage___percent:''},
                {Name: '@lang("layout.Volume") @lang("layout.Package")', column_name: 'volumePackage',checkedColumn:(cust_repcontract.volumePackage)?'checked':'',column_percentage:(cust_repcontract.volumePackage___percent)?cust_repcontract.volumePackage___percent:''},
                {Name: '@lang("layout.Price")', column_name: 'price',checkedColumn:(cust_repcontract.price)?'checked':'',column_percentage:(cust_repcontract.price___percent)?cust_repcontract.price___percent:''},
                {Name: '@lang("layout.Discount")', column_name: 'discount',checkedColumn:(cust_repcontract.discount)?'checked':'',column_percentage:(cust_repcontract.discount___percent)?cust_repcontract.discount___percent:''},
                {Name: '@lang("layout.Expense")', column_name: 'expense',checkedColumn:(cust_repcontract.expense)?'checked':'',column_percentage:(cust_repcontract.expense___percent)?cust_repcontract.expense___percent:''},
                {Name: '@lang("layout.ExpenseDetails")', column_name: 'expenseDetails',checkedColumn:(cust_repcontract.expenseDetails)?'checked':'',column_percentage:(cust_repcontract.expenseDetails___percent)?cust_repcontract.expenseDetails___percent:''},
                {Name: '@lang("layout.Total")', column_name: 'total',checkedColumn:(cust_repcontract.total)?'checked':'',column_percentage:(cust_repcontract.total___percent)?cust_repcontract.total___percent:''},
                @if(ItemNameDescription() == 'seperate')
                    {Name: '@lang("layout.DescriptionFa")', column_name: 'descriptionFa',checkedColumn:(cust_repcontract.descriptionFa)?'checked':'',column_percentage:(cust_repcontract.descriptionFa___percent)?cust_repcontract.descriptionFa___percent:''},
                    {Name: '@lang("layout.DescriptionEn")', column_name: 'descriptionEn',checkedColumn:(cust_repcontract.descriptionEn)?'checked':'',column_percentage:(cust_repcontract.descriptionEn___percent)?cust_repcontract.descriptionEn___percent:''},
                    {Name: '@lang("layout.DescriptionOth")', column_name: 'descriptionOth',checkedColumn:(cust_repcontract.descriptionOth)?'checked':'',column_percentage:(cust_repcontract.descriptionOth___percent)?cust_repcontract.descriptionOth___percent:''},
                @else
                    {Name: '@lang("layout.ItemCategory")', column_name: 'itemCategory',checkedColumn:(cust_repcontract.itemCategory)?'checked':'',column_percentage:(cust_repcontract.itemCategory___percent)?cust_repcontract.itemCategory___percent:''},
                @endif
            ],
                cust_repcontract:cust_repcontract,
                cust_repPurchases:
            [  
                {Name: '@lang("layout.Record")', column_name: 'record1',checkedColumn:(cust_rep.record1)?'checked':'',column_percentage:(cust_rep.record1___percent)?cust_rep.record1___percent:''},
                {Name: '@lang("layout.Source")', column_name: 'source1',checkedColumn:(cust_rep.source1)?'checked':'',column_percentage:(cust_rep.source1___percent)?cust_rep.source1___percent:''},
                {Name: '@lang("layout.Destination")', column_name: 'destination1',checkedColumn:(cust_rep.destination1)?'checked':'',column_percentage:(cust_rep.destination1___percent)?cust_rep.destination1___percent:''},
                // {Name: '@lang("layout.ItemName")', column_name: 'itemName1',checkedColumn:(cust_rep.itemName1)?'checked':'',column_percentage:(cust_rep.itemName1___percent)?cust_rep.itemName1___percent:''},
                {Name: '@lang("layout.DescriptionFa")', column_name: 'descriptionFa1',checkedColumn:(cust_rep.descriptionFa1)?'checked':'',column_percentage:(cust_rep.descriptionFa1___percent)?cust_rep.descriptionFa1___percent:''},
                {Name: '@lang("layout.DescriptionEn")', column_name: 'descriptionEn1',checkedColumn:(cust_rep.descriptionEn1)?'checked':'',column_percentage:(cust_rep.descriptionEn1___percent)?cust_rep.descriptionEn1___percent:''},
                {Name: '@lang("layout.DescriptionOth")', column_name: 'descriptionOth1',checkedColumn:(cust_rep.descriptionOth1)?'checked':'',column_percentage:(cust_rep.descriptionOth1___percent)?cust_rep.descriptionOth1___percent:''},
                {Name: '@lang("layout.Width")', column_name: 'width1',checkedColumn:(cust_rep.width1)?'checked':'',column_percentage:(cust_rep.width1___percent)?cust_rep.width1___percent:''},
                {Name: '@lang("layout.Length")', column_name: 'length1',checkedColumn:(cust_rep.length1)?'checked':'',column_percentage:(cust_rep.length1___percent)?cust_rep.length1___percent:''},
                {Name: '@lang("layout.Height")', column_name: 'height1',checkedColumn:(cust_rep.height1)?'checked':'',column_percentage:(cust_rep.height1___percent)?cust_rep.height1___percent:''},
                {Name: '@lang("layout.Volume")', column_name: 'volume1',checkedColumn:(cust_rep.volume1)?'checked':'',column_percentage:(cust_rep.volume1___percent)?cust_rep.volume1___percent:''},
                {Name: '@lang("layout.Weight")', column_name: 'weight1',checkedColumn:(cust_rep.weight1)?'checked':'',column_percentage:(cust_rep.weight1___percent)?cust_rep.weight1___percent:''},
                {Name: '@lang("layout.Quantity")', column_name: 'quantity1',checkedColumn:(cust_rep.quantity1)?'checked':'',column_percentage:(cust_rep.quantity1___percent)?cust_rep.quantity1___percent:''},
                {Name: '@lang("layout.Density")', column_name: 'density1',checkedColumn:(cust_rep.density1)?'checked':'',column_percentage:(cust_rep.density1___percent)?cust_rep.density1___percent:''},
                {Name: '@lang("layout.Weight") @lang("layout.Package")', column_name: 'weightPackage1',checkedColumn:(cust_rep.weightPackage1)?'checked':'',column_percentage:(cust_rep.weightPackage1___percent)?cust_rep.weightPackage1___percent:''},
                {Name: '@lang("layout.Volume") @lang("layout.Package")', column_name: 'volumePackage1',checkedColumn:(cust_rep.volumePackage1)?'checked':'',column_percentage:(cust_rep.volumePackage1___percent)?cust_rep.volumePackage1___percent:''},
                {Name: '@lang("layout.Price")', column_name: 'price1',checkedColumn:(cust_rep.price1)?'checked':'',column_percentage:(cust_rep.price1___percent)?cust_rep.price1___percent:''},
                {Name: '@lang("layout.Total")', column_name: 'total1',checkedColumn:(cust_rep.total1)?'checked':'',column_percentage:(cust_rep.total1___percent)?cust_rep.total___percent:''},
            ],
                cust_rep:cust_rep,
                cust_repTransferAndLoadings:
            [  
                {Name: '@lang("layout.Record")', column_name: 'record2',checkedColumn:(cust_repTransferAndLoading.record2)?'checked':'',column_percentage:(cust_repTransferAndLoading.record2___percent)?cust_repTransferAndLoading.record2___percent:''},
                {Name: '@lang("layout.Number")', column_name: 'number2',checkedColumn:(cust_repTransferAndLoading.number2)?'checked':'',column_percentage:(cust_repTransferAndLoading.number2___percent)?cust_repTransferAndLoading.number2___percent:''},
                {Name: '@lang("layout.Date")', column_name: 'date2',checkedColumn:(cust_repTransferAndLoading.date2)?'checked':'',column_percentage:(cust_repTransferAndLoading.date2___percent)?cust_repTransferAndLoading.date2___percent:''},
                {Name: '@lang("layout.Type")', column_name: 'type',checkedColumn:(cust_repTransferAndLoading.type)?'checked':'',column_percentage:(cust_repTransferAndLoading.type___percent)?cust_repTransferAndLoading.type___percent:''},
                {Name: '@lang("layout.Responsible")', column_name: 'responsible1',checkedColumn:(cust_repTransferAndLoading.responsible1)?'checked':'',column_percentage:(cust_repTransferAndLoading.responsible1___percent)?cust_repTransferAndLoading.responsible1___percent:''},
                {Name: '@lang("menu.Container")', column_name: 'container',checkedColumn:(cust_repTransferAndLoading.container)?'checked':'',column_percentage:(cust_repTransferAndLoading.container___percent)?cust_repTransferAndLoading.container___percent:''},
                {Name: '@lang("layout.Vehicle")', column_name: 'vehicle',checkedColumn:(cust_repTransferAndLoading.vehicle)?'checked':'',column_percentage:(cust_repTransferAndLoading.vehicle___percent)?cust_repTransferAndLoading.vehicle___percent:''},
                {Name: '@lang("layout.Driver")', column_name: 'driver',checkedColumn:(cust_repTransferAndLoading.driver)?'checked':'',column_percentage:(cust_repTransferAndLoading.driver___percent)?cust_repTransferAndLoading.driver___percent:''},
                {Name: '@lang("layout.WayBillNumber")', column_name: 'wayBillNumber',checkedColumn:(cust_repTransferAndLoading.wayBillNumber)?'checked':'',column_percentage:(cust_repTransferAndLoading.wayBillNumber___percent)?cust_repTransferAndLoading.wayBillNumber___percent:''},
                {Name: '@lang("layout.TransitNumber")', column_name: 'transitNumber',checkedColumn:(cust_repTransferAndLoading.transitNumber)?'checked':'',column_percentage:(cust_repTransferAndLoading.transitNumber___percent)?cust_repTransferAndLoading.transitNumber___percent:''},
                {Name: '@lang("layout.Site")', column_name: 'site',checkedColumn:(cust_repTransferAndLoading.site)?'checked':'',column_percentage:(cust_repTransferAndLoading.site___percent)?cust_repTransferAndLoading.site___percent:''},
                // {Name: '@lang("layout.ItemName")', column_name: 'itemName2',checkedColumn:(cust_repTransferAndLoading.itemName2)?'checked':'',column_percentage:(cust_repTransferAndLoading.itemName2___percent)?cust_repTransferAndLoading.itemName2___percent:''},
                {Name: '@lang("layout.DescriptionFa")', column_name: 'descriptionFa2',checkedColumn:(cust_repTransferAndLoading.descriptionFa2)?'checked':'',column_percentage:(cust_repTransferAndLoading.descriptionFa2___percent)?cust_repTransferAndLoading.descriptionFa2___percent:''},
                {Name: '@lang("layout.DescriptionEn")', column_name: 'descriptionEn2',checkedColumn:(cust_repTransferAndLoading.descriptionEn2)?'checked':'',column_percentage:(cust_repTransferAndLoading.descriptionEn2___percent)?cust_repTransferAndLoading.descriptionEn2___percent:''},
                {Name: '@lang("layout.DescriptionOth")', column_name: 'descriptionOth2',checkedColumn:(cust_repTransferAndLoading.descriptionOth2)?'checked':'',column_percentage:(cust_repTransferAndLoading.descriptionOth2___percent)?cust_repTransferAndLoading.descriptionOth2___percent:''},
                {Name: '@lang("layout.Weight")', column_name: 'weight2',checkedColumn:(cust_repTransferAndLoading.weight2)?'checked':'',column_percentage:(cust_repTransferAndLoading.weight2___percent)?cust_repTransferAndLoading.weight2___percent:''},
                {Name: '@lang("layout.Quantity")', column_name: 'quantity2',checkedColumn:(cust_repTransferAndLoading.quantity2)?'checked':'',column_percentage:(cust_repTransferAndLoading.quantity2___percent)?cust_repTransferAndLoading.quantity2___percent:''},
            ],
                cust_repTransferAndLoading:cust_repTransferAndLoading,
                cust_repDeliveries:
            [  
                {Name: '@lang("layout.Record")', column_name: 'record3',checkedColumn:(cust_repDelivery.record3)?'checked':'',column_percentage:(cust_repDelivery.record3___percent)?cust_repDelivery.record3___percent:''},
                {Name: '@lang("layout.Number")', column_name: 'number3',checkedColumn:(cust_repDelivery.number3)?'checked':'',column_percentage:(cust_repDelivery.number3___percent)?cust_repDelivery.number3___percent:''},
                {Name: '@lang("layout.Date")', column_name: 'date3',checkedColumn:(cust_repDelivery.date3)?'checked':'',column_percentage:(cust_repDelivery.date3___percent)?cust_repDelivery.date3___percent:''},
                {Name: '@lang("menu.Container")', column_name: 'container3',checkedColumn:(cust_repDelivery.container3)?'checked':'',column_percentage:(cust_repDelivery.container3___percent)?cust_repDelivery.container3___percent:''},
                {Name: '@lang("layout.TransitNumber")', column_name: 'transitNumber3',checkedColumn:(cust_repDelivery.transitNumber3)?'checked':'',column_percentage:(cust_repDelivery.transitNumber3___percent)?cust_repDelivery.transitNumber3___percent:''},
                {Name: '@lang("layout.Description")', column_name: 'description3',checkedColumn:(cust_repDelivery.description3)?'checked':'',column_percentage:(cust_repDelivery.description3___percent)?cust_repDelivery.description3___percent:''},
                {Name: '@lang("layout.Item")', column_name: 'item3',checkedColumn:(cust_repDelivery.item3)?'checked':'',column_percentage:(cust_repDelivery.item3___percent)?cust_repDelivery.item3___percent:''},
                {Name: '@lang("layout.Destination")', column_name: 'destination3',checkedColumn:(cust_repDelivery.destination3)?'checked':'',column_percentage:(cust_repDelivery.destination3___percent)?cust_repDelivery.destination3___percent:''},
                {Name: '@lang("layout.Width")', column_name: 'width3',checkedColumn:(cust_repDelivery.width3)?'checked':'',column_percentage:(cust_repDelivery.width3___percent)?cust_repDelivery.width3___percent:''},
                {Name: '@lang("layout.Height")', column_name: 'height3',checkedColumn:(cust_repDelivery.height3)?'checked':'',column_percentage:(cust_repDelivery.height3___percent)?cust_repDelivery.height3___percent:''},
                {Name: '@lang("layout.Length")', column_name: 'length3',checkedColumn:(cust_repDelivery.length3)?'checked':'',column_percentage:(cust_repDelivery.length3___percent)?cust_repDelivery.length3___percent:''},
                {Name: '@lang("layout.Weight")', column_name: 'weight3',checkedColumn:(cust_repDelivery.weight3)?'checked':'',column_percentage:(cust_repDelivery.weight3___percent)?cust_repDelivery.weight3___percent:''},
                {Name: '@lang("layout.Quantity")', column_name: 'quantity3',checkedColumn:(cust_repDelivery.quantity3)?'checked':'',column_percentage:(cust_repDelivery.quantity3___percent)?cust_repDelivery.quantity3___percent:''},
                {Name: '@lang("layout.Price")', column_name: 'price3',checkedColumn:(cust_repDelivery.price3)?'checked':'',column_percentage:(cust_repDelivery.price3___percent)?cust_repDelivery.price3___percent:''},
                {Name: '@lang("layout.Volume")', column_name: 'volume3',checkedColumn:(cust_repDelivery.volume3)?'checked':'',column_percentage:(cust_repDelivery.volume3___percent)?cust_repDelivery.volume3___percent:''},
            ],
            cust_repDelivery:cust_repDelivery,
                cust_repItemExpenses:
            [  
                {Name: '@lang("layout.Record")', column_name: 'record4',checkedColumn:(cust_repItemExpense.record4)?'checked':'',column_percentage:(cust_repItemExpense.record4___percent)?cust_repItemExpense.record4___percent:''},
                // {Name: '@lang("layout.ItemName")', column_name: 'itemName4',checkedColumn:(cust_repItemExpense.itemName4)?'checked':'',column_percentage:(cust_repItemExpense.itemName4___percent)?cust_repItemExpense.itemName4___percent:''},
                {Name: '@lang("layout.DescriptionFa")', column_name: 'descriptionFa4',checkedColumn:(cust_repItemExpense.descriptionFa4)?'checked':'',column_percentage:(cust_repItemExpense.descriptionFa4___percent)?cust_repItemExpense.descriptionFa4___percent:''},
                {Name: '@lang("layout.DescriptionEn")', column_name: 'descriptionEn4',checkedColumn:(cust_repItemExpense.descriptionEn4)?'checked':'',column_percentage:(cust_repItemExpense.descriptionEn4___percent)?cust_repItemExpense.descriptionEn4___percent:''},
                {Name: '@lang("layout.DescriptionOth")', column_name: 'descriptionOth4',checkedColumn:(cust_repItemExpense.descriptionOth4)?'checked':'',column_percentage:(cust_repItemExpense.descriptionOth4___percent)?cust_repItemExpense.descriptionOth4___percent:''},
                {Name: '@lang("layout.SiteName")', column_name: 'siteName4',checkedColumn:(cust_repItemExpense.siteName4)?'checked':'',column_percentage:(cust_repItemExpense.siteName4___percent)?cust_repItemExpense.siteName4___percent:''},
                {Name: '@lang("layout.Weight")', column_name: 'weight4',checkedColumn:(cust_repItemExpense.weight4)?'checked':'',column_percentage:(cust_repItemExpense.weight4___percent)?cust_repItemExpense.weight4___percent:''},
                {Name: '@lang("layout.Quantity")', column_name: 'quantity4',checkedColumn:(cust_repItemExpense.quantity4)?'checked':'',column_percentage:(cust_repItemExpense.quantity4___percent)?cust_repItemExpense.quantity4___percent:''},
                {Name: '@lang("layout.Currency")', column_name: 'currency4',checkedColumn:(cust_repItemExpense.currency4)?'checked':'',column_percentage:(cust_repItemExpense.currency4___percent)?cust_repItemExpense.currency4___percent:''},
                {Name: '@lang("layout.Rate")', column_name: 'rate4',checkedColumn:(cust_repItemExpense.rate4)?'checked':'',column_percentage:(cust_repItemExpense.rate4___percent)?cust_repItemExpense.rate4___percent:''},
                {Name: '@lang("layout.TotalExpenses")', column_name: 'totalExpenses4',checkedColumn:(cust_repItemExpense.totalExpenses4)?'checked':'',column_percentage:(cust_repItemExpense.totalExpenses4___percent)?cust_repItemExpense.totalExpenses4___percent:''},
            ],
            cust_repItemExpense:cust_repItemExpense,
                cust_repAdjustmentLists:
            [  
                {Name: '@lang("layout.Record")', column_name: 'record5',checkedColumn:(cust_repAdjustmentList.record5)?'checked':'',column_percentage:(cust_repAdjustmentList.record5___percent)?cust_repAdjustmentList.record5___percent:''},
                {Name: '@lang("layout.Number")', column_name: 'number5',checkedColumn:(cust_repAdjustmentList.number5)?'checked':'',column_percentage:(cust_repAdjustmentList.number5___percent)?cust_repAdjustmentList.number5___percent:''},
                {Name: '@lang("layout.Date")', column_name: 'date5',checkedColumn:(cust_repAdjustmentList.date5)?'checked':'',column_percentage:(cust_repAdjustmentList.date5___percent)?cust_repAdjustmentList.date5___percent:''},
                @if(ItemNameDescription() == 'seperate')
                {Name: '@lang("layout.DescriptionFa")', column_name: 'descriptionFa5',checkedColumn:(cust_repAdjustmentList.descriptionFa5)?'checked':'',column_percentage:(cust_repAdjustmentList.descriptionFa5___percent)?cust_repAdjustmentList.descriptionFa5___percent:''},
                {Name: '@lang("layout.DescriptionEn")', column_name: 'descriptionEn5',checkedColumn:(cust_repAdjustmentList.descriptionEn5)?'checked':'',column_percentage:(cust_repAdjustmentList.descriptionEn5___percent)?cust_repAdjustmentList.descriptionEn5___percent:''},
                {Name: '@lang("layout.DescriptionOth")', column_name: 'descriptionOth5',checkedColumn:(cust_repAdjustmentList.descriptionOth5)?'checked':'',column_percentage:(cust_repAdjustmentList.descriptionOth5___percent)?cust_repAdjustmentList.descriptionOth5___percent:''},
                @else
                {Name: '@lang("layout.ItemName")', column_name: 'itemName5',checkedColumn:(cust_repAdjustmentList.itemName5)?'checked':'',column_percentage:(cust_repAdjustmentList.itemName5___percent)?cust_repAdjustmentList.itemName5___percent:''},
                @endif
                {Name: '@lang("layout.SiteName")', column_name: 'siteName5',checkedColumn:(cust_repAdjustmentList.siteName5)?'checked':'',column_percentage:(cust_repAdjustmentList.siteName5___percent)?cust_repAdjustmentList.siteName5___percent:''},
                {Name: '@lang("layout.Weight")', column_name: 'weight5',checkedColumn:(cust_repAdjustmentList.weight5)?'checked':'',column_percentage:(cust_repAdjustmentList.weight5___percent)?cust_repAdjustmentList.weight5___percent:''},
                {Name: '@lang("layout.Quantity")', column_name: 'quantity5',checkedColumn:(cust_repAdjustmentList.quantity5)?'checked':'',column_percentage:(cust_repAdjustmentList.quantity5___percent)?cust_repAdjustmentList.quantity5___percent:''},
                {Name: '@lang("layout.Currency")', column_name: 'currency5',checkedColumn:(cust_repAdjustmentList.currency5)?'checked':'',column_percentage:(cust_repAdjustmentList.currency5___percent)?cust_repAdjustmentList.currency5___percent:''},
                {Name: '@lang("layout.Rate")', column_name: 'rate5',checkedColumn:(cust_repAdjustmentList.rate5)?'checked':'',column_percentage:(cust_repAdjustmentList.rate5___percent)?cust_repAdjustmentList.rate5___percent:''},
                {Name: '@lang("layout.Price")', column_name: 'price5',checkedColumn:(cust_repAdjustmentList.price5)?'checked':'',column_percentage:(cust_repAdjustmentList.price5___percent)?cust_repAdjustmentList.price5___percent:''},
                {Name: '@lang("layout.Total")', column_name: 'total5',checkedColumn:(cust_repAdjustmentList.total5)?'checked':'',column_percentage:(cust_repAdjustmentList.total5___percent)?cust_repAdjustmentList.total5___percent:''},
                {Name: '@lang("layout.Description")', column_name: 'description5',checkedColumn:(cust_repAdjustmentList.description5)?'checked':'',column_percentage:(cust_repAdjustmentList.description5___percent)?cust_repAdjustmentList.description5___percent:''},
            ],
            cust_repAdjustmentList:cust_repAdjustmentList,
            cust_repMemberTransferList:cust_repMemberTransferList,
                cust_repMemberLists:
            [  
                @permission('transferAccounts-create')
                {Name: '@lang("layout.Record")', column_name: 'record6',checkedColumn:(cust_repMemberTransferList.record6)?'checked':'',column_percentage:(cust_repMemberTransferList.record6___percent)?cust_repMemberTransferList.record6___percent:''},
                {Name: '@lang("layout.Number")', column_name: 'number6',checkedColumn:(cust_repMemberTransferList.number6)?'checked':'',column_percentage:(cust_repMemberTransferList.number6___percent)?cust_repMemberTransferList.number6___percent:''},
                {Name: '@lang("layout.Person")', column_name: 'person6',checkedColumn:(cust_repMemberTransferList.person6)?'checked':'',column_percentage:(cust_repMemberTransferList.person6___percent)?cust_repMemberTransferList.person6___percent:''},
                {Name: '@lang("layout.Amount")', column_name: 'amount6',checkedColumn:(cust_repMemberTransferList.amount6)?'checked':'',column_percentage:(cust_repMemberTransferList.amount6___percent)?cust_repMemberTransferList.amount6___percent:''},
                {Name: '@lang("layout.Description")', column_name: 'description6',checkedColumn:(cust_repMemberTransferList.description6)?'checked':'',column_percentage:(cust_repMemberTransferList.description6___percent)?cust_repMemberTransferList.description6___percent:''},
                {Name: '@lang("layout.User")', column_name: 'user6',checkedColumn:(cust_repMemberTransferList.user6)?'checked':'',column_percentage:(cust_repMemberTransferList.user6___percent)?cust_repMemberTransferList.user6___percent:''},
                @endpermission
            ],
            cust_repMemberTransferList:cust_repMemberTransferList,
        },
        methods: {
            closeModal: function () {
                this.is_showtwo = !this.is_showtwo;
            }, 
            //ajax call to get dates
            getDates() {
                setTimeout((function () {
                vmtwo.getDate(vmtwo.period);
                    // console.log(12);
                }), 2e2);
            },
            MemberSearch: _.debounce((search, loading) => {
            loading(true);
            
            axios.get("{{route('callMethod.search')}}", {
                params: {
                    method_name: 'SearchMember', 
                    keyword: search,
                    type: 'Driver'
                }
            })
            .then(function(response) {
                if (response.data.length > 0) {
                    // console.log(response.data);
                    mvv.driver = [];
                    mvv.driver = response.data;
                }
                loading(false);
            })
            .catch(function(error) {
                loading(false);
                console.log(error);
            })
        }, getDebounceTime()),
            getDate(period) {
                if (period) {
                // console.log(3232, period);
                if (period != 'CustomDates') {
                    axios.get("{{route('callMethod.search')}}", {
                    params: {
                        method_name: 'getDatesByPeriod',
                        period: period,
                    }
                    })
                    .then(function(response) {
                    vmtwo.from_date = null;
                    vmtwo.to_date = null;
                    if (response.data) {
                        vmtwo.from_date = response.data.start;
                        vmtwo.to_date = response.data.end;
                        // console.log('data', response.data);
                    }
                    })
                    .catch(function(error) {
                    vmtwo.period = 'CustomDates';
                    vmtwo.from_date = null;
                    vmtwo.to_date = null;
                    })
                } else {
                    vmtwo.from_date = null;
                    vmtwo.to_date = null;
                }
                }
            },
        }
    });
    var anchor = new Vue({
            el: '#anchore-modaltwo',
            methods: {
                showModaltwo: function () {
                    console.log('trr')
                    vmtwo.$data.is_showtwo = true;
                }
            }
        });

    Vue.component('v-select', VueSelect.VueSelect);
</script>
@endpush