@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="farmer_contract_profitandlost" />
    <input type="hidden" name="id" value="{{$ContractFarmer->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>
                <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="{{$ContractFarmer->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="{{$ContractFarmer->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="{{$ContractFarmer->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-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="{{$ContractFarmer->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="{{$ContractFarmer->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.FarmerContractShow')
        </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">
                <ul class="nav nav-tabs ">
                    <li class="active">
                        <a href="#CustomerDetailss" data-toggle="tab"> @lang('layout.ContractInformation') </a>
                    </li>
                    <!-- <li>
                        <a href="#tab_15_2" data-toggle="tab"> @lang('layout.PaymentDetails') <span style="color: red">({{ $ContractFarmer->number}})</span> </a>
                    </li> -->

                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="CustomerDetailss">
                        <table class="table table-striped table-bordered table-advance   table-hover" id="table_info">
                            <thead>
                                <tr>
                                    <td>
                                        <div class="center"> @lang('layout.Number') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.ReferenceNumber') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.Customer') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.Date') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.LandSize') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.DrawingAmount') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.Measure') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.SeedAmount') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.Measure') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.OverdueDate') </div>
                                    </td>
                                    <td>
                                        <div class="center"> @lang('layout.Description') </div>
                                    </td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="hidden-xs"> {{ $ContractFarmer->number}} </td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->ref_no}} </td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->name}} </td>
                                    <td class="hidden-xs"> {{ convertDate($ContractFarmer->Date) }} </td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->land_size}}</td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->land_drawing_amount}}</td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->land_measure}}</td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->seed_amount}}</td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->measure}}</td>
                                    <td class="hidden-xs"> {{ convertDate($ContractFarmer->overdueDate) }}</td>
                                    <td class="hidden-xs"> {{ $ContractFarmer->sale_description}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="tab_15_2">
                        <table class="table table-striped table-bordered table-advance table-hover" id="table_payment">

                        </table>
                    </div>

                </div>
            </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">
                    <!-- <button type="button" id="contract_loading" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.Loading') </button> -->
                    <button type="button" id="profit_and_lost" class="btn btn-success"><i class="fa fa-file-pdf-o"></i> @lang('layout.Report') </button>
                </div>
            </div>
            <div class="tabbable-line">
                <ul class="nav nav-tabs ">
                    <li class="active">
                        <a href="#payment" data-toggle="tab" id="payments"> @lang('layout.PaymentList') </a>
                    </li>
                    <li>
                        <a href="#receive" data-toggle="tab" id="receives"> @lang('layout.ReceiveList') </a>
                    </li>
                    <li>
                        <a href="#sold_item_tab" data-toggle="tab" id="sold_item"> @lang('layout.SalesDetails') </a>
                    </li>
                    <li>
                        <a href="#item" data-toggle="tab" id="items"> @lang('layout.PurchaseDetails') </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 active" 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.PaymentList')</span>
                                </div>
                                <div class="actions">
                                    {{Form::open(['route' => 'export.ExcelAll','method' => 'DELETE','class' => 'inline'])}}
                                    <input type="hidden" name="type" value="all_pay" />
                                    <input type="hidden" name="contract_farmer_id" value="{{$ContractFarmer->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="all_pay" />
                                    <input type="hidden" name="contract_farmer_id" value="{{$ContractFarmer->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.ReferenceNumber')</th>
                                            <th>@lang('layout.Name')</th>
                                            <th>@lang('layout.Account')</th>
                                            <th>@lang('layout.Currency')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.Amount')</th>
                                            <th>@lang('layout.Type')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.User')</th>
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <!-- END EXAMPLE TABLE PORTLET-->

                    </div>

                    <div class="tab-pane" id="item">
                        <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.PurchaseDetails')</span>
                                    </div>
                                    <div class="actions">
                                        {{Form::open(['route' => 'export.ExcelAll','method' => 'DELETE','class' => 'inline'])}}
                                        <input type="hidden" name="type" value="farmer_contract_bill" />
                                        <input type="hidden" name="id" value="{{$ContractFarmer->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="farmer_contract_bill" />
                                        <input type="hidden" name="id" value="{{$ContractFarmer->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="purchase-item-table">
                                        <thead>
                                            <tr>
                                            <th>@lang('layout.ItemCode') </th>
                                            <th>@lang('layout.ItemName') </th>
                                            <th>@lang('layout.Type')</th>
                                            @if(getOtherMeasure()=="true")
                                            <th>@lang('layout.OMeasureValue1')</th>
                                            @endif
                                            @if(getOtherMeasure2()=="true")
                                            <th>@lang('layout.OMeasureValue2')</th>
                                            @endif
                                            <th>@lang('layout.Quantity') </th>
                                            <th>@lang('layout.Measure') </th>
                                            <th>@lang('layout.PurchaseCost') </th>
                                            <th>@lang('layout.Currency') </th>
                                            <th>@lang('layout.Expense') </th>
                                            <th>@lang('layout.CostOfGoodSold') </th>
                                            <th>@lang('layout.TotalPurchaseCost') </th>
                                            <th>@lang('layout.TotalCostOfGoodSold') </th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <!-- END EXAMPLE TABLE PORTLET-->

                        </div>
                    </div>

                    <div class="tab-pane" id="receive">
                        <div class="tab-pane" id="tab_16_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.ReceiveList')</span>
                                    </div>
                                    <div class="actions">
                                        {{Form::open(['route' => 'export.ExcelAll','method' => 'DELETE','class' => 'inline'])}}
                                        <input type="hidden" name="type" value="receive" />

                                        <input type="hidden" name="contract_farmer_id" value="{{$ContractFarmer->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="receive" />
                                        <input type="hidden" name="contract_farmer_id" value="{{$ContractFarmer->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="receive-table">
                                        <thead>
                                            <tr>
                                                <th>@lang('layout.Number')</th>
                                                <th>@lang('layout.ReferenceNumber')</th>
                                                <th>@lang('layout.Name')</th>
                                                <th>@lang('layout.Account')</th>
                                                <th>@lang('layout.Currency')</th>
                                                <th>@lang('layout.Rate')</th>
                                                <th>@lang('layout.Type')</th>
                                                <th>@lang('layout.Amount')</th>
                                                <th>@lang('layout.Date')</th>
                                                <th>@lang('layout.User')</th>
                                                <th>@lang('layout.Description')</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <!-- END EXAMPLE TABLE PORTLET-->

                        </div>
                    </div>

                    <div class="tab-pane" id="sold_item_tab">
                        <div class="tab-pane" id="tab_15_11">

                            <!-- 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.SalesDetails')</span>
                                    </div>
                                    <div class="actions">
                                        {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
                                        <input type="hidden" name="type" value="Inoice_Details" />
                                        <input type="hidden" name="id" value="{{$ContractFarmer->sale_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.PDFAny','method' => 'DELETE','class' => 'inline'])}}
                                        <input type="hidden" name="type" value="Inoice_Details" />
                                        <input type="hidden" name="id" value="{{$ContractFarmer->sale_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="sold_item_table">
                                        <thead>
                                            <tr>
                                                @if(getSerailNumber() =="true")
                                                <th>@lang('layout.SerialNum')</th>
                                                @endif
                                                <th>@lang('layout.ItemName')</th>
                                                <th>@lang('layout.Site')</th>
                                                <th>@lang('layout.PurchaseDate')</th>
                                                <th>@lang('layout.SleepStaff')</th>
                                                @if(getOtherMeasure()=="true")
                                                <th>@lang('layout.OMeasureValue1')</th>
                                                @endif
                                                @if(getOtherMeasure2()=="true")
                                                <th>@lang('layout.OMeasureValue2')</th>
                                                @endif
                                                <th>@lang('layout.Unit/M')</th>
                                                <th>@lang('layout.Quantity')</th>
                                                <th>@lang('layout.Price')</th>
                                                <th>@lang('layout.Cost')</th>
                                                <th>@lang('layout.GrossProfit')</th>
                                                <th>@lang('layout.Total')</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <!-- END EXAMPLE TABLE PORTLET-->

                        </div>
                    </div>

                    <div class="tab-pane" id="attachments_tab">
                        <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.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="contract_farmer.show">
                                                <input type="hidden" name="foreign_data_id" value="{{$ContractFarmer->id}}">
                                                <input type="hidden" name="path" value="uploads/contract_farmer">
                                                <input type="hidden" name="table_name" value="contract_farmer">

                                                <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>
</div>
@endsection
@include('print.modal')
@push('scripts')
<script>

    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#sold_item_table').DataTable({
            scrollCollapse: true,
            responsive: '{{responsiveDataTable()}}',
            pagingType: '{{paginationType()}}',
            serverSide: true,
            paging: true,
            retrieve: true,
            ajax: {
                url: '{{route("contract_farmer.show",$ContractFarmer->id)}}',
                data: {
                    type: 'sold_item'
                }
            },
            columns: [
                @if(getSerailNumber() == "true") {
                    data: 'number',
                    name: 'number',
                    orderable: false,
                    searchable: false
                },
                @endif {
                    data: 'name',
                    name: 'name',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'siteName',
                    name: 'siteName',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'stocks_date',
                    name: 'stocks_date',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'sleepDate',
                    name: 'sleepDate',
                    orderable: false,
                    searchable: false
                },
                @if(getOtherMeasure() == "true") {
                    data: 'other_measure',
                    name: 'other_measure',
                    orderable: false,
                    searchable: false
                },
                @endif
                @if(getOtherMeasure2() == "true") {
                    data: 'other_measure2',
                    name: 'other_measure2',
                    orderable: false,
                    searchable: false
                },
                @endif {
                    data: 'symbol',
                    name: 'symbol',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'qty',
                    name: 'qty',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'price',
                    name: 'price',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'avgCost',
                    name: 'avgCost',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'income',
                    name: 'income',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'total',
                    name: 'total',
                    orderable: false,
                    searchable: false
                },
            ]
        });

    });
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#payment-table').DataTable({
            scrollCollapse: true,
            responsive: '{{responsiveDataTable()}}',
            pagingType: '{{paginationType()}}',
            serverSide: true,
            paging: true,
            retrieve: true,
            ajax: {
                url: '{{route("contract_farmer.show",$ContractFarmer->id)}}',
                data: {
                    type: 'pays'
                }
            },
            columns: [{
                    data: 'payment_number',
                    name: 'payments.number'
                },
                {
                    data: 'ref_no',
                    name: 'payments.ref_no'
                },
                {
                    data: 'Name',
                    name: 'members.name'
                },
                {
                    data: 'Account',
                    name: 'Account',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'currency',
                    name: 'currency',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'Rate',
                    name: 'Rate',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'amount',
                    name: 'transactions.amount'
                },
                {
                    data: 'Payment_type',
                    name: 'Payment_type',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'Date',
                    name: 'payments.date'
                },
                {
                    data: 'username',
                    name: 'username',
                    orderable: false,
                    searchable: false
                },
                {
                    data: 'Description',
                    name: 'payments.description'
                },
            ]
        });
    });
    // Contract Date
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#items').on('shown.bs.tab', function(event) {
            $('#purchase-item-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("contract_farmer.show",$ContractFarmer->id)}}',
                    data: {
                        type: 'purchased_item'
                    }
                },
                columns: [
                    { data: 'Number', name: 'items.number' },
                    { data: 'items', name: 'items.name' },
                    { data: 'farmer_type', name: 'farmer_type', orderable: false, searchable: false },
                    @if(getOtherMeasure()=="true")
                    { data: 'other_measure', name: 'other_measure', orderable: false, searchable: false },
                    @endif
                    @if(getOtherMeasure2()=="true")
                    { data: 'other_measure2', name: 'other_measure2', orderable: false, searchable: false},
                    @endif
                    { data: 'qty', name: 'qty',orderable:false,searchable:false },
                    { data: 'purchaseMeasure', name: 'purchaseMeasure',orderable:false,searchable:false },
                    { data: 'Amount', name: 'Amount' ,orderable:false,searchable:false},
                    { data: 'Currency', name: 'Currency' ,orderable:false,searchable:false},
                    { data: 'expense_cost', name: 'expense_cost' ,orderable:false,searchable:false},
                    { data: 'unit_cost', name: 'unit_cost' ,orderable:false,searchable:false},
                    { data: 'Total', name: 'Total',orderable:false,searchable:false },
                    { data: 'totol_cost_of_good_sold', name: 'totol_cost_of_good_sold',orderable:false,searchable:false },
                ]
            });
        });
    });
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';
        $('#receives').on('shown.bs.tab', function(event) {
            $('#receive-table').DataTable({
                scrollCollapse: true,
                responsive: '{{responsiveDataTable()}}',
                pagingType: '{{paginationType()}}',
                serverSide: true,
                paging: true,
                retrieve: true,
                ajax: {
                    url: '{{route("contract_farmer.show",$ContractFarmer->id)}}',
                    data: {
                        type: 'receive'
                    }
                },
                columns: [{
                        data: 'number',
                        name: 'receivable_payments.number'
                    },
                    {
                        data: 'ref_no',
                        name: 'receivable_payments.ref_no'
                    },
                    {
                        data: 'name',
                        name: 'members.name'
                    },
                    {
                        data: 'account',
                        name: 'account',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'currency',
                        name: 'currency',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'rate',
                        name: 'rate',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'type',
                        name: 'type',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'amount',
                        name: 'transactions.amount'
                    },
                    {
                        data: 'date',
                        name: 'receivable_payments.date'
                    },
                    {
                        data: 'username',
                        name: 'username',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'description',
                        name: 'receivable_payments.description'
                    }
                ]
            });
        });
    });
    $(document).ready(function() {
        $.fn.dataTable.ext.errMode = '{{dataTableWarning()}}';

        $('#attachment').DataTable({
            ajax: {
                url: '{{route("contract_farmer.show",$ContractFarmer->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: null,
            loadingSourceSel: null,
            loadingDestination: null,
            loadingDestinationSel: null,
            loadingLocation: null,
            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());
                    });
                })
            }
        },
    });

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