@extends('layouts.app')

@section('content')

    <div class="portlet">
        <div class="portlet-title">
            <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">
                  <ul class="nav nav-tabs ">
                      <li class="active">
                          <a href="#CustomerDetailss" data-toggle="tab"> @lang('layout.CustomerDetails') </a>
                      </li>
                      <li>
                          <a href="#tab_15_2" data-toggle="tab"> @lang('layout.PaymentDetails') {{ $contract->contract_no}}  </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>
                                    <th class="hidden-xs">
                                        <i class="fa fa-bars"></i> @lang('layout.ContractNumber')
                                    </th>
                                    <th class="hidden-xs">
                                        <i class="fa fa-edit"></i> @lang('layout.CompanyName')  
                                    </th>
                                    <th>
                                        <i class="icon-phone"></i> @lang('layout.Phone')
                                    </th> 
                                    <th>
                                        <i class="fa fa-credit-card"></i> @lang('layout.Address')
                                    </th>
                                    <th>
                                        <i class="fa fa-envelope"> @lang('layout.Email') </i>
                                    </th>
                                </tr>
                              </thead>
                              <tbody>
                                <tr>  
                                    <td class="hidden-xs"> {{ $contract->contract_no}}  </td>
                                    <td class="hidden-xs"> {{ $contract->company_name}}  </td>
                                    <td class="hidden-xs"> {{ $contract->phone}}</td>
                                    <td class="hidden-xs"> {{ $contract->address1}}</td>
                                    <td class="hidden-xs"> {{ $contract->email}}</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">
                              <thead>
                                <tr>
                                    <th class="hidden-xs">
                                        <i class="fa  "></i> @lang('layout.TotalSentAmount')
                                    </th>
                                    <th class="hidden-xs">
                                        <i class="fa  "></i> @lang('layout.TotalItem')  
                                    </th>
                                    <th>
                                        <i class="fa  "></i> @lang('layout.TotalExpense')
                                    </th> 
                                    <th>
                                        <i class="fa  "></i> @lang('layout.TotalCashReceipts')
                                    </th> 
                                    <th>
                                        <i class="fa  "></i> @lang('layout.AverageRate')
                                    </th> 
                                    <th>
                                        <i class="fa fa-credit-card"></i> @lang('layout.TotalRemain')
                                    </th>
                                </tr>
                              </thead>
                              <tbody>
                                <tr>  
                                    <td class="hidden-xs"> {{ $totalSendt}}  </td>
                                    <td class="hidden-xs"> {{ $totalPrice}}  </td>
                                    <td class="hidden-xs"> {{ $totalExpense}}</td>
                                    <td class="hidden-xs"> {{ $totalCashReceipts}}</td>
                                    <td class="hidden-xs"> {{ $rateAverage}}</td>
                                    <td class="hidden-xs"> {{ $contractMoney}}</td>
                                </tr>
                              </tbody>
                            </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">
                         {{Form::open(['route' => 'export.exportCsv','method' => 'DELETE','class' => 'inline'])}}
                           <input type="hidden" name="type" value="Purchase_Details"/>
                           <input type="hidden" name="id" value="{{$contract->p_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="Purchase_Details"/>
                           <input type="hidden" name="id" value="{{$contract->p_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="tabbable-line">
                    <ul class="nav nav-tabs ">
                        <li class="active">
                            <a href="#expense" data-toggle="tab" id="expensesd"> @lang('layout.Expense') <i class="fa fa-list-alt"></i></a>
                        </li>
                        <li>
                            <a href="#item" data-toggle="tab" id="items"> @lang('layout.ItemDetails') <i class="fa fa-list"></i> </a>
                        </li>
                        <li>
                            <a href="#sentmoney" data-toggle="tab" id="money"> @lang('layout.SendMoney') <i class="fa  "></i></a>
                        </li>
                        <li>
                            <a href="#loans" data-toggle="tab" id="redirect"> @lang('layout.ReturnMoney') <i class="fa  "></i></a>
                        </li>
                    </ul>
                    <div class="tab-content">





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

                                <input type="hidden" name="id" value="{{$contract->p_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="Purchase_Details"/>
                                <input type="hidden" name="qut" value="in"/>
                                <input type="hidden" name="id" value="{{$contract->p_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="qut-in-table">
                                <thead>
                                  <tr>   
                                    <th>@lang('layout.Name')</th>
                                    <th>@lang('layout.SiteName')</th>
                                    <th>@lang('layout.Quantity')</th>
                                     <th>@lang('layout.Measure')</th>
                                    <th>@lang('layout.Type')</th>
                                    <th>@lang('layout.Date')</th>

                                  </tr>
                                </thead>
                              </table>
                            </div>
                          </div>
                          <!-- END EXAMPLE TABLE PORTLET-->
                        </div>
                        </div>
                        </div> --}}
 




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

                                <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' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}}
                                <input type="hidden" name="type" value="contractDetailsExpense"/>
                                <input type="hidden" name="qut" value="in"/>
                                <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="expense-table">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.ExpenseCategory')</th>
                                            <th>@lang('layout.Amount')</th>
                                            <th>@lang('layout.Currency')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            </div>
                          <!-- END EXAMPLE TABLE PORTLET-->
                        </div>
                        </div>


                        <div class="tab-pane" id="item">
                        <div class="tab-pane" id="tab_15_1">

                        <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.ItemDetails')</span>
                              </div>
                              <div class="actions">
                                {{Form::open(['route' => 'export.ExcelAll','method' => 'DELETE','class' => 'inline'])}}
                                <input type="hidden" name="type" value="contractDetailsItem"/>
                                <input type="hidden" name="qut" value="in"/>

                                <input type="hidden" name="id" value="{{$contract->p_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="contractDetailsItem"/>
                                <input type="hidden" name="qut" value="in"/>
                                <input type="hidden" name="id" value="{{$contract->p_id}}"/>
                                <button type="submit" class="btn btn-success"> <i class="fa fa-file-pdf-o"></i> @lang('layout.PDF') </button>
                                {{Form::close()}}
                              </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-striped table-bordered table-hover" id="item-table">
                                    <thead>
                                        <tr> 
                                            <th>@lang('layout.Number')</th>
                                            <th>@lang('layout.SiteName')</th>
                                            <th>@lang('layout.Item')</th>
                                            <th>@lang('layout.Quantity')</th>
                                            <th>@lang('layout.Measure')</th>
                                            <th>@lang('layout.Cost')</th>
                                            <th>@lang('layout.Currency')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            </div>
                          <!-- END EXAMPLE TABLE PORTLET-->
                        </div>
                        </div>
                        </div>






                        {{-- <div class="tab-pane" id="item">
                            <div class="tab-pane" id="tab_15_1">
                                <div class="portlet-body">
                                    <table class="table table-striped table-bordered table-hover" id="item-table">
                                        <thead>
                                            <tr> 
                                                <th>@lang('layout.Number')</th>
                                                <th>@lang('layout.SiteName')</th>
                                                <th>@lang('layout.Item')</th>
                                                <th>@lang('layout.Quantity')</th>
                                                <th>@lang('layout.Measure')</th>
                                                <th>@lang('layout.Cost')</th>
                                                <th>@lang('layout.Currency')</th>
                                                <th>@lang('layout.Rate')</th>
                                                <th>@lang('layout.Date')</th>
                                                <th>@lang('layout.Description')</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div> --}}







                        <div class="tab-pane" id="sentmoney">
                        <div class="tab-pane" id="tab_15_1">

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

                                <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' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}}
                                <input type="hidden" name="type" value="sendMoney"/>
                                
                                <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="sentmoney-table">
                                        <thead>
                                            <tr>
                                                <th>@lang('layout.Date')</th>
                                                <th>@lang('layout.Amount')</th>
                                                <th>@lang('layout.Currency')</th>
                                                <th>@lang('layout.Rate')</th>
                                                <th>@lang('layout.Total')
                                                  <span>{{getHomeCurrency()["code"]}}</span>
                                                </th>
                                                <th>@lang('layout.Description')</th>
                                            </tr>
                                        </thead>
                                    </table>
                            </div>
                            </div>
                          <!-- END EXAMPLE TABLE PORTLET-->
                        </div>
                        </div>
                        </div>





                       {{--  <div class="tab-pane" id="sentmoney">
                            <div class="tab-pane" id="tab_15_1">
                                <div class="portlet-body">
                                    <table class="table table-striped table-bordered table-hover" id="sentmoney-table">
                                        <thead>
                                            <tr>
                                                <th>@lang('layout.Date')</th>
                                                <th>@lang('layout.Amount')</th>
                                                <th>@lang('layout.Currency')</th>
                                                <th>@lang('layout.Rate')</th>
                                                <th>@lang('layout.Rate')</th>
                                                <th>@lang('layout.Total')
                                                  <span>{{getHomeCurrency()["code"]}}</span>
                                                </th>
                                                <th>@lang('layout.Description')</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div> --}}



                        <div class="tab-pane" id="loans">
                        <div class="tab-pane" id="tab_15_1">

                        <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.ReturnMoney')</span>
                              </div>
                              <div class="actions">
                                {{Form::open(['route' => 'export.ExcelAll','method' => 'DELETE','class' => 'inline'])}}
                                <input type="hidden" name="type" value="Purchase_Details"/>
                                <input type="hidden" name="qut" value="in"/>

                                <input type="hidden" name="id" value="{{$contract->p_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="Purchase_Details"/>
                                <input type="hidden" name="qut" value="in"/>
                                <input type="hidden" name="id" value="{{$contract->p_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="ReturnedMoney">
                                    <thead>
                                        <tr>
                                            <th>@lang('layout.Date')</th>
                                            <th>@lang('layout.Amount')</th>
                                            <th>@lang('layout.Currency')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.Rate')</th>
                                            <th>@lang('layout.Total')
                                              <span>{{getHomeCurrency()["code"]}}</span>
                                            </th>
                                            <th>@lang('layout.Description')</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            </div>
                          <!-- END EXAMPLE TABLE PORTLET-->
                        </div>
                        </div>
                        </div>

                        {{-- <div class="tab-pane" id="loans">
                            <div class="tab-pane active" id="tab_15_1">
                                <div class="portlet-body">
                                    <table class="table table-striped table-bordered table-hover" id="ReturnedMoney">
                                        <thead>
                                            <tr>
                                                <th>@lang('layout.Date')</th>
                                                <th>@lang('layout.Amount')</th>
                                                <th>@lang('layout.Currency')</th>
                                                <th>@lang('layout.Rate')</th>
                                                <th>@lang('layout.Rate')</th>
                                                <th>@lang('layout.Total')
                                                  <span>{{getHomeCurrency()["code"]}}</span>
                                                </th>
                                                <th>@lang('layout.Description')</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                      </div> --}}
                  </div>
              </div>
          </div>
      </div>
  </div>
@endsection
@push('scripts')
<script>
$(document).ready(function(){
       $('#expense-table').DataTable({  
              scrollCollapse: true,
              serverSide: true,
              paging: true,
              retrieve: true,
              ajax:{
                url:'{{route("contract.show",$contract->id)}}',
                  data:{type:'expenses'}
                },
              columns: [
                { data: 'Expense_Category', name: 'Expense_Category' },
                { data: 'amount',           name: 'amount' },
                { data: 'Currency',         name: 'Currency' },
                { data: 'rate',             name: 'rate' },
                { data: 'Date',             name: 'Date' },
                { data: 'description',      name: 'description' },
              ]
          });  
});
// Contract Date
$(document).ready(function(){
      $('#items').on('shown.bs.tab', function(event){
       $('#item-table').DataTable({  
              scrollCollapse: true,
              serverSide: true,
              paging: true,
              retrieve: true,
              ajax:{
                url:'{{route("contract.show",$contract->id)}}',
                  data:{type:'itemsdate'}
                },
              columns: [
                { data: 'number' ,      name: 'number' },
                { data: 'siteName',     name: 'siteName' },
                { data: 'Item'   ,      name: 'Item' },
                { data: 'qut_in',       name: 'qut_in' },
                { data: 'Measure',      name: 'Measure' },
                { data: 'cost',         name: 'cost' },
                { data: 'currency',     name: 'currency' },
                { data: 'rate',         name: 'rate' },
                { data: 'Date',         name: 'Date' },
                { data: 'description',  name: 'description' },
              ]
          });  
          });
});
// Sent Money Table
$(document).ready(function(){
      $('#money').on('shown.bs.tab', function(event){
          // alert('adads');
       $('#sentmoney-table').DataTable({  
              scrollCollapse: true,
              serverSide: true,
              paging: true,
              retrieve: true,
              ajax:{
                url:'{{route("contract.show",$contract->id)}}',
                  data:{type:'SentMoney'}
                },
              columns: [
                { data: 'Date',             name: 'Date' },
                { data: 'amount',           name: 'amount' },
                { data: 'Currency',         name: 'Currency' },
                { data: 'rate',             name: 'rate' },
                { data: 'dollarAmount',     name: 'dollarAmount' },
                { data: 'description',      name: 'description' },
              ]
          });  
          });
});
// returned money
$(document).ready(function(){
      $('#redirect').on('shown.bs.tab', function(event){
          // alert('adads');
       $('#ReturnedMoney').DataTable({  
              scrollCollapse: true,
              serverSide: true,
              paging: true,
              retrieve: true,
              ajax:{
                url:'{{route("contract.show",$contract->id)}}',
                  data:{type:'ReturnedMoney'}
                },
              columns: [
                { data: 'Date',             name: 'Date' },
                { data: 'amount',           name: 'amount' },
                { data: 'currency',         name: 'Currency' },
                { data: 'rate',             name: 'rate' },
                { data: 'dollarAmount',     name: 'dollarAmount' },
                { data: 'description',      name: 'description' },
              ]
          });  
          });
});
</script>


@endpush