@extends('admin.layout.app')

@section('more-head')
 <link rel="stylesheet" type="text/css" href="{{ asset('admin/bower_components/select2/dist/css/select2.min.css') }}">
 <link rel="stylesheet" href="{{ asset('admin/dist/css/AdminLTE.min.css') }}">
@endsection

@section('main-content')
 <section class="content-header">
  <h1>
   contract
  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title">contract </h3>

    <div class="box-tools pull-right">
     <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
      <i class="fa fa-minus"></i></button>

    </div>
   </div>
   @include('includes.messages')
   <form role="form" method="post" action="{{ route('im.contract.update', $contract) }}"
    enctype="multipart/form-data" id="myFormId">
    {{ csrf_field() }} {{ method_field('PUT') }}
    <div class="box-body">
     <div class="col-md-6">
      <div class="col-md-8">
       <div class="form-group">
        <label for="name"> MK Number</label>
        <input type="text" class="form-control" id="number" name="number" placeholder="mk_number"
         value="{{ $contract->mk_number }}" disabled>
        <input type="hidden" name="sales_advice_id" id="sales_advice_id" value="{{ $contract->sales_advice_id }}">
       </div>

       <div class="form-group">
        <label for="name"> Contract Number</label>
        <input type="text" class="form-control" id="number" name="number" placeholder="contract"
         value="{{ $contract->number }}" disabled>
       </div>

       <div class="form-group">
        <label for="contract_date"> Contract Date</label>
        <input type="date" class="form-control" name="contract_date" id="contract_date"
         value="{{ $contract->contract_date }}" required>
       </div>

       <div class="form-group">

        <label for="consignee_id">Buyer:</label>
        <select id="consignee_id" class="form-control select2" data-placeholder="consignee" disabled style="width: 100%;"
         name="consignee_id">
         @foreach ($consignees as $consignee)
          <option @if ($contract->consignee_id == $consignee->id) selected @endif value="{{ $consignee->id }}">{{ $consignee->name }}
          </option>
         @endforeach

        </select>
       </div>

       <div class="form-group">

        <label for="tolling"> Tolling </label>
        <select id="tolling" class="form-control select2 required" data-placeholder="Select Yes Or No"
         style="width: 100%;" name="tolling" required>
         <option value="">Select Yes Or No</option>
         <option value="yes" @if ($contract->tolling_status == 'yes') selected @endif>Yes</option>
         <option value="no" @if ($contract->tolling_status == 'no') selected @endif>No</option>
        </select>

       </div>

       <div class="form-group toll">

        <label for="tolling_factory_id">Tolling Factory:</label>
        <select id="tolling_factory_id" class="form-control select2 toll_tc" data-placeholder="" style="width: 100%;"
         name="tolling_factory_id" required>
         @foreach ($consignees as $consignee)
          <option value="">Select Tolling Factory</option>
          <option value="{{ $consignee->id }}" @if ($contract->tolling_factory_id == $consignee->id) selected @endif>{{ $consignee->name }}
          </option>
         @endforeach

        </select>
       </div>

       <div class="form-group">
        <label for="mkt_ref"> Advice Reference/Shipping Instruction Ref</label>
        <input type="text" class="form-control" id="mkt_ref" name="mkt_ref" placeholder=" Advice Ref"
         value="{{ $contract->shipping_instruction->consignee_reference }}" required>
       </div>

       @php
        $tonnage_remaining = $contract->sales_advice->tonnage - $contract->sales_advice->contracts->sum('tonnage') + $contract->tonnage;
       @endphp

       <div class="form-group">

        <label for="tonnage">tonnage <span id="tonnage_available" style="color: red;">( {{ $tonnage_remaining }}
          available )</span></label>
        <input type="text" class="form-control" id="tonnage" name="tonnage" placeholder="contract tonnage"
         value="{{ $contract->tonnage }}" required>
        <input type="hidden" name="tonnage_remaining" id="tonnage_remaining" value="{{ $tonnage_remaining }}">
       </div>

       <div class="form-group">

        <label for="destinationport_id"> Destination</label>
        <select id="destinationport_id" class="form-control select2" data-placeholder="Destination"
         style="width: 100%;" name="destinationport_id" required>
         <option value="">Destination</option>
         @foreach ($destinationports as $destinationport)
          <option @if ($contract->destinationport_id == $destinationport->id) selected @endif value="{{ $destinationport->id }}">
           {{ $destinationport->name }} ({{ optional($destinationport->country)->name }})</option>
         @endforeach

        </select>
       </div>

       <div class="form-group">
        <label for="uk_cif_price"> Price ($)</label>
        <input type="number" class="form-control" id="uk_cif_price" name="uk_cif_price" placeholder="price "
         value="{{ $contract->uk_cif_price }}" disabled>
       </div>

       <!--
                                                                    <div class="form-group">
                                                                     <label for="c_and_i">c_and_i</label>
                                                                     <input type="number" class="form-control" id="c_and_i" name="c_and_i" placeholder="contract  c_and_i ">
                                                                    </div>

                                                                   </div>-->

       <div class="form-group">
        <label for="base_id" class="col-md-4 control-label">Select Basis:</label>
        <select id="base_id" class="form-control select2" data-placeholder="Select basis" style="width: 100%;"
         name="base_id" required>
         <option value=""selected disabled>Select basis:</option>
         @foreach ($bases as $base)
          <option value="{{ $base->id }}" @if ($contract->base_id == $base->id) selected @endif>{{ $base->name }}
          </option>
         @endforeach

        </select>
        <input type="hidden" id="basis" name="basis">
       </div>

       <div class="form-group">
        <input type="hidden" class="form-control" id="freight_charge" name="freight_charge"
         placeholder="freight charge " value="{{ $contract->freight_charge }}" required>
       </div>

       <div class="form-group">
        <label for="freight_charge_rate">Freight Charge</label>
        <input type="number" class="form-control" id="freight_charge_rate" name="freight_charge_rate"
         placeholder="freight charge " value="{{ $contract->destinationport->destinations->first()->freight_charge }}"
         required>
       </div>

       <div class="form-group">
        <label for="date_declared">Date Declared</label>
        <input type="date" class="form-control" id="date_declared" name="date_declared"
         placeholder="date declared " value="{{ $contract->date_declared }}" required>
        {{-- <input type="hidden" class="form-control" id="exchangerate_declared" name="exchangerate_declared"
         placeholder="exchange rate " step="0.0001" required> --}}
       </div>
       {{--
       <div class="form-group">
        <label for="exchangerate_declared">Exchange Rate (GBP/USD) </label>
       </div> --}}

       <div class="form-group">

        <label for="crop_id">Product</label>
        <select id="crop_id" class="form-control select2" data-placeholder="Product" style="width: 100%;"
         name="crop_id" disabled>
         @foreach ($crops as $crop)
          <option @if ($contract->crop_id == $crop->id) selected @endif value="{{ $crop->id }}">{{ $crop->name }}
          </option>
         @endforeach

        </select>
       </div>

       <div class="form-group">

        <label for="cocoa_type_id">Select Cocoa Type:</label>
        <select id="cocoa_type_id" class="form-control select2" data-placeholder="Select Cocoa Type"
         style="width: 100%;" name="cocoa_type_id" required>
         <option value=""selected disabled>Select Cocoa Type:</option>
         @foreach ($cocoa_types as $cocoa_type)
          <option value="{{ $cocoa_type->id }}" @if ($contract->shipping_instruction->cocoa_type_id == $cocoa_type->id) selected @endif>
           {{ $cocoa_type->type_name }}</option>
         @endforeach
        </select>
       </div>

       <div class="form-group">
        <label for="specialty_type"> Specialty: </label>
        <input type="text" class="form-control" id="specialty_type" name="specialty_type" placeholder="Specialty"
         value="{{ $contract->shipping_instruction->specialty_type }}">

       </div>

       <div class="form-group">
        <label for="shipping_period"> Shipment Period</label>
        <input type="text" class="form-control" id="shipping_period" name="shipping_period"
         placeholder="Shipment period" value="{{ $contract->shipping_period }}" disabled>
       </div>

       <div class="form-group">

        <label for="shippingmode_id"> Select Shipping Mode</label>
        <select id="shippingmode_id" class="form-control select2" data-placeholder="shipping mode"
         style="width: 100%;" name="shippingmode_id" required>
         <option value="">Select shipping mode </option>
         @foreach ($shippingmodes as $shippingmode)
          <option @if ($contract->shippingmode_id == $shippingmode->id) selected @endif value="{{ $shippingmode->id }}">
           {{ $shippingmode->name }}</option>
         @endforeach

        </select>
       </div>

       <div class="form-group">
        <label for="type_of_loan">SELECT LOAN TYPE:</label>
        <select id="type_of_loan" class="form-control select2" data-placeholder="Type of Loan:" style="width: 100%;"
         name="type_of_loan" required>
         <option value="" selected>Type of Loan:</option>

         <option value="MTLF" @if ($contract->type_of_loan == 'MTLF') selected @endif>MTLF</option>
         <option value="AFDB" @if ($contract->type_of_loan == 'AFDB') selected @endif>AFDB</option>
         <option value="ANNUAL SYNDICATION" @if ($contract->type_of_loan == 'ANNUAL SYNDICATION') selected @endif>ANNUAL SYNDICATION
         </option>
         <option value="ANNUAL SYNDICATION (1ST ADDITION)" @if ($contract->type_of_loan == 'ANNUAL SYNDICATION (1ST ADDITION)') selected @endif>ANNUAL
          SYNDICATION (1ST ADDITION)</option>
         <option value="ANNUAL SYNDICATION (2ND ADDITION)" @if ($contract->type_of_loan == 'ANNUAL SYNDICATION (2ND ADDITION)') selected @endif>ANNUAL
          SYNDICATION (2ND ADDITION)</option>
         <option value="ANNUAL SYNDICATION (3RD ADDITION)" @if ($contract->type_of_loan == 'ANNUAL SYNDICATION (3RD ADDITION)') selected @endif>ANNUAL
          SYNDICATION (3RD ADDITION)</option>
         <option value="PRE-PAYMENT" @if ($contract->type_of_loan == 'PRE-PAYMENT') selected @endif>PRE-PAYMENT</option>
         <option value="NON COLLATERAL" @if ($contract->type_of_loan == 'NON COLLATERAL') selected @endif>NON COLLATERAL</option>
         <option value="ANNUAL COLLATERAL" @if ($contract->type_of_loan == 'ANNUAL COLLATERAL') selected @endif>ANNUAL COLLATERAL
         </option>

        </select>
       </div>

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

        <label for="production_year_id"> Select Production Year</label>
        <select id="production_year_id" class="form-control select2" data-placeholder="Production Year"
         style="width: 100%;" name="production_year_id" disabled>

         <option value="{{ $contract->sales_advice->production_year->id }}">
          {{ $contract->sales_advice->production_year->year }}</option>

        </select>
       </div> --}}

       <!-- /.box-body -->
       <div class="box-footer">
        <button type="submit" class="btn btn-primary" id="verify_submit">Submit</button>
       </div>
      </div>
     </div>
    </div>
   </form>
   <!-- /.box-footer-->
  </div>
  <!-- /.box -->

 </section>
@endsection

@section('more-scripts')
 <!-- Select2 -->
 <script src="{{ asset('admin/bower_components/select2/dist/js/select2.full.min.js') }}"></script>

 <script>
  $(function() {
   $('.select2').select2()
   //alert('hello world');
   $.ajaxSetup({

    headers: {

     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

    }

   });

   $('#destinationport_id').on('change', function(event) {
    //event.preventDefault();
    /* Act on the event */

    var dp_id = parseInt($(this).val());
    var sales_id = parseInt($('#sales_advice_id').val());
    var token = $('input[name="_token"]').val();
    var bid = '';
    $.ajax({
     url: '{{ url('get_destination_basis') }}',
     type: 'post',
     data: {
      token: token,
      dp_id: dp_id,
      sales_id: sales_id
     },
     success: function(data) {
      console.log(data);
      data = JSON.parse(data)
      $("#base_id").val(data.base_id).change();
      $("#base_id").attr('disabled', true);
      $("#basis").val(data.base_id);
      //alert($('#basis').val())
     }
    })



   }).change();

   $('#tonnage').on('input', function(event) {
    value = $(this).val();

    tr = $('#tonnage_remaining').val();
    excess = parseInt(tr);

    max_value = tr;

    if ((value !== '') && (value.indexOf('.') === -1)) {

     $(this).val(Math.max(Math.min(value, max_value), -max_value));

    }


   });

   //  $('#date_declared').on('change', function(event) {
   //   date_declared = $('#date_declared').val();
   //   $.ajax({
   //     url: '{{ url('get_exchange_rate') }}',
   //     type: 'GET',
   //     data: {
   //      date_declared: date_declared
   //     },
   //    })
   //    .done(function(data) {
   //     data = JSON.parse(data);
   //     console.log(data);
   //     //var dollar_rate = data.dollar_rate;
   //     //console.log(dollar_rate);
   //     $('#exchangerate_declared').val(data); //.attr({disabled: true});
   //    });
   //  }).change();

   $('#tolling').on('change', function(event) {
    event.preventDefault();
    /* Act on the event */
    tolling = $('#tolling').val();
    if (tolling == 'no') {
     $('.toll').hide();
     $('.toll_tc').removeAttr('required');

    } else {
     $('.toll').show();
     $("toll_tc").prop('required', true);

    }

   }).change();



   $('#myFormId').submit(function() {
    $("#verify_submit", this)
     .html("Please Wait...")
     .attr('disabled', 'disabled');
    return true;
   });

   $('#submit_form').on('click', function(event) {
    tonnage = $('#tonnage').val();
    tonnage_remaining = $('#tonnage_remaining').val();

    if (tonnage == '0' || tonnage_remaining == '0') {
     event.preventDefault();
     alert('tonnage cannot be zero');
     return false;
    } else {
     return true;
    }


   });

  })
 </script>
@endsection