@extends('layouts.app')

@section('content')
@include('contracts.modal')

<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="'carpet_contract_return'" @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 -->


<!-- app -->
<div id="app2" v-cloak>
    {{Form::open(['route' => 'carpetContract.report','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' => 'carpetContract.report','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.ContractInformation')
        </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>
    <div class="portlet-body">
        <div class="table-scrollable">
            <div class="tabbable-line">
                <table class="table table-striped table-bordered table-advance   table-hover" id="table_info">
                    <thead>
                        <tr>
                            <th class="hidden-xs">
                                <i class="fa "></i> @lang('layout.Number')
                            </th>
                            <th class="hidden-xs">
                                <i class="fa "></i> @lang('layout.ReferenceNumber')
                            </th>
                            <th class="hidden-xs">
                                <i class="fa "></i> @lang('layout.Employee')
                            </th>
                            <th class="hidden-xs">
                                <i class="fa "></i> @lang('layout.FatherName')
                            </th>
                            <th>
                                <i class="icon-phone"></i> @lang('layout.Phone')
                            </th>
                            <th>
                                <i class="fa fa-home"></i> @lang('layout.Address')
                            </th>
                            <th>
                                <i class="fa "></i> @lang('layout.Currency')
                            </th>
                            <th>
                                <i class="fa "></i> @lang('layout.PriceLevelOne')
                            </th>
                            <th>
                                <i class="fa "></i> @lang('layout.PriceLevelTow')
                            </th>
                            <th>
                                <i class="fa "></i> @lang('layout.PriceLevelTree')
                            </th>
                        </tr>

                    </thead>
                    <tbody>
                        <tr>
                            <td class="hidden-xs"> {{ $contract->number}} </td>
                            <td class="hidden-xs"> {{ $contract->ref_no}} </td>
                            <td class="hidden-xs"> {{ $contract->employee}} </td>
                            <td class="hidden-xs"> {{ $contract->father_name}} </td>
                            <td class="hidden-xs"> {{ $contract->phone}}</td>
                            <td class="hidden-xs"> {{ $contract->address1}}</td>
                            <td class="hidden-xs"> {{ $contract->currency}}</td>
                            <td class="hidden-xs"> {{ $contract->price_level1}}</td>
                            <td class="hidden-xs"> {{ $contract->price_level2}}</td>
                            <td class="hidden-xs"> {{ $contract->price_level3}}</td>
                        </tr>
                    </tbody>
                </table>
                <table class="table table-striped table-bordered table-advance table-hover">
                    <thead>
                        <tr>
                            <th>@lang('layout.GraphNumber')</th>
                            <th>@lang('layout.Quality')</th>
                            <th>@lang('layout.CarpetSize')</th>
                            <th>@lang('layout.TextMap')</th>
                            <th>@lang('layout.BorderMap')</th>
                            <th>@lang('layout.TypeManufactory')</th>
                            <th>@lang('layout.Width')</th>
                            <th>@lang('layout.Length')</th>
                            <th>@lang('layout.Metraz')</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class=" "> {{ $contract->graph_number}} </td>
                            <td class=" "> {{ $contract->quality}} </td>
                            <td class=" "> {{ $contract->size}} </td>
                            <td class=" "> {{ $contract->text_map}} </td>
                            <td class=" "> {{ $contract->border_map}} </td>
                            <td class=" "> {{ $contract->work_type}} </td>
                            <td class=" "> {{ $contract->width}} </td>
                            <td class=" "> {{ $contract->length}} </td>
                            <td class=" "> {{ $contract->metraz}} </td>
                        </tr>
                    </tbody>
                </table>
                <table class="table table-striped table-bordered table-advance table-hover">
                    <thead>
                        <tr>
                            <th width="">
                                <i class=" fa "></i> @lang('layout.Date')
                            </th>
                            <th width="">
                                <i class=" fa "></i> @lang('layout.StartDate')
                            </th>
                            <th width="">
                                <i class=" fa "></i> @lang('layout.EndDate')
                            </th>
                            <th width="">
                                <i class=" fa "></i> @lang('layout.Duration')
                            </th>
                            <th width="">
                                <i class=" fa fa-text-width"></i> @lang('layout.Description')
                            </th>
                            <th width=" ">
                                <i class=" fa fa-text-width"></i> @lang('layout.Memo')
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class=" "> {{ convertDate($contract->Date)}} </td>
                            <td class=" "> {{ convertDate($contract->start_date)}} </td>
                            <td class=" "> {{ convertDate($contract->end_date)}} </td>
                            <td class=" "> {{ $contract->duration}} </td>
                            <td class=" "> {{ $contract->description}} </td>
                            <td class=" "> {{ $contract->memo}} </td>
                        </tr>
                    </tbody>
                </table>
            </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.ContractDetails')</span>
                </div>
                <div class="tools"></div>
                <div class="actions">
                    {{Form::open(['route' => 'carpetContract.report','method' => 'DELETE','class' => 'inline'])}}
                    <input type="hidden" name="type" value="total_report" />
                    <input type="hidden" name="report_format" value="pdf" />
                    <input type="hidden" name="carpet_contract_id" value="{{$contract->id}}" />
                    <button type="submit" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.Report') </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="#payment" data-toggle="tab" id="payments"> @lang('layout.Payment') <i class="fa  "></i></a>
                    </li>
                    <li>
                        <a href="#build" data-toggle="tab" id="builds"> @lang('layout.Build') <i class="fa "></i> </a>
                    </li>
                    <li>
                        <a href="#return_item" data-toggle="tab" id="return_items"> @lang('layout.Return') <i class="fa "></i> </a>
                    </li>
                    <li>
                        <a href="#payroll" data-toggle="tab" id="payrolls"> @lang('layout.Payroll') <i class="fa "></i> </a>
                    </li>
                    <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="build">
                        <!-- 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.BuildDetails')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'export.ExcelAll','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="simple_build_code_report" />
                                    <input type="hidden" name="carpet_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' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="simple_build_code_report" />
                                    <input type="hidden" name="carpet_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="build-item-table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.BuildNumber')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.ItemName')</th>
                                            <th>@lang('layout.Code')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.Measure')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.Width')</th>
                                            <th>@lang('layout.Length')</th>
                                            @if(getOtherMeasure()=="true")
                                            <th> @lang('layout.Metraz')</th>
                                            @endif
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>


                    <div class="tab-pane" id="return_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.RefundQuantity')</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="return-item-table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.ItemName')</th>
                                            <th>@lang('layout.BuildNumber')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.MeasureName')</th>
                                            <th>@lang('layout.Cost')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>

                    <div class="tab-pane" id="payroll">
                        <!-- 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.Payroll')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'carpetContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="payroll_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' => 'carpetContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="payroll_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="payroll-table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.Number')</th>
                                            <th>@lang('layout.NetPayable')</th>
                                            <th>@lang('layout.Currency')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.FromDate')</th>
                                            <th>@lang('layout.ToDate')</th>
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </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' => 'carpetContract.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' => 'carpetContract.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.ItemName')</th>
                                            <th>@lang('layout.SiteName')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.Measure')</th>
                                            @if(getOtherMeasure()=='true')<th>@lang('layout.OMeasureValue1')</th>@endif
                                            @if(getOtherMeasure2()=='true')<th>@lang('layout.OMeasureValue2')</th>@endif
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>

                    <div class="tab-pane" id="payment">
                        <!-- 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.Payment')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'carpetContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="payment" />
                                    <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' => 'carpetContract.report','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="payment" />
                                    <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="payment-table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.Number')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.Amount')</th>
                                            <th>@lang('layout.Currency')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->
                    </div>

                    <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="carpetContract.show">
                                                <input type="hidden" name="foreign_data_id" value="{{$contract->id}}">
                                                <input type="hidden" name="path" value="uploads/CarpetContract">
                                                <input type="hidden" name="table_name" value="carpet_contracts">

                                                <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()}}';
        $('#contract-item-table').DataTable({
            scrollCollapse: true,
            responsive: '{{responsiveDataTable()}}',
            pagingType: '{{paginationType()}}',
            serverSide: true,
            paging: true,
            retrieve: true,
            ajax: {
                url: '{{route("carpetContract.show",$contract->id)}}',
                data: {
                    type: 'contract_item'
                }
            },
            columns: [{
                    data: 'item_name',
                    name: 'item_name'
                },
                {
                    data: 'site_name',
                    name: 'site_name'
                },
                {
                    data: 'quantity',
                    name: 'quantity'
                },
                {
                    data: 'item_measure',
                    name: 'item_measure'
                },
                @if(getOtherMeasure()=='true')
                {
                    data: 'other_measure1',
                    name: 'other_measure1'
                },
                @endif
                @if(getOtherMeasure2()=='true')
                {
                    data: 'other_measure2',
                    name: 'other_measure2'
                },
                @endif
            ]
        });
    });
    // Contract Date
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#builds').on('shown.bs.tab', function(event) {
            $('#build-item-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("carpetContract.show",$contract->id)}}',
                    data: {
                        type: 'build_item'
                    }
                },
                columns: [
                    {
                        data: 'Build_Number',
                        name: 'Build_Number'
                    },
                    {
                        data: 'Date',
                        name: 'Date'
                    },
                    {
                        data: 'Name',
                        name: 'Name'
                    },
                    {
                        data: 'code',
                        name: 'code'
                    },
                    {
                        data: 'Quantity',
                        name: 'Quantity'
                    },
                    {
                        data: 'Measure',
                        name: 'Measure'
                    },
                    {
                        data: 'Cost',
                        name: 'Cost'
                    },
                    {
                        data: 'widths',
                        name: 'widths'
                    },
                    {
                        data: 'lengths',
                        name: 'lengths'
                    },
                    @if(getOtherMeasure()=="true")
                    {
                        data: 'other_measure',
                        name: 'other_measure'
                    },
                    @endif
                    {
                        data: 'description',
                        name: 'description'
                    },
                ]
            });
        });
    });

    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#return_items').on('shown.bs.tab', function(event) {
            $('#return-item-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("carpetContract.show",$contract->id)}}',
                    data: {
                        type: 'return_item'
                    }
                },
                columns: [
                    { data: 'name', name: 'name',orderable:false,searchable:false  },
                    { data: 'b_number', name: 'b_number',orderable:false,searchable:false  },
                    { data: 'date', name: 'date',orderable:false,searchable:false },
                    { data: 'qty', name: 'qty',orderable:false,searchable:false },
                    { data: 'Measure', name: 'Measure',orderable:false,searchable:false },
                    { data: 'cost', name: 'cost',orderable:false,searchable:false },
                ]
            });
        });
    });

    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#payrolls').on('shown.bs.tab', function(event) {
            $('#payroll-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("carpetContract.show",$contract->id)}}',
                    data: {
                        type: 'payroll'
                    }
                },
                columns: [
                    {
                        data: 'id',
                        name: 'id'
                    },
                    {
                        data: 'net_payable',
                        name: 'net_payable',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'currency',
                        name: 'currency',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'rate',
                        name: 'rate',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'from_date',
                        name: 'from_date',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'to_date',
                        name: 'to_date',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'description',
                        name: 'description',
                        orderable: false,
                        searchable: false
                    }
                ]
            });
        });
    });

    // payment Table
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#payments').on('shown.bs.tab', function(event) {
            // alert('adads');
            $('#payment-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("carpetContract.show",$contract->id)}}',
                    data: {
                        type: 'payment'
                    }
                },
                columns: [{
                        data: 'number',
                        name: 'number'
                    },
                    {
                        data: 'Date',
                        name: 'Date'
                    },
                    {
                        data: 'Amount',
                        name: 'Amount'
                    },
                    {
                        data: 'Currency',
                        name: 'Currency'
                    },
                    {
                        data: 'Rate',
                        name: 'Rate'
                    },
                    {
                        data: 'description',
                        name: 'description'
                    },
                ]
            });
        });
    });

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

        $('#attachment').DataTable({
            ajax: {
                url: '{{route("carpetContract.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();
    });


    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());
                    });
                })
            }
        },
    });

    var vm1 = new Vue({
        el: '#print-modal1',
        data: {
            is_show1: false,
            pdfRoute: '{!!route("carpetContract.report") !!}',
            excelRoute: '{!! route("carpetContract.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();
    });

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


@endpush