@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>
   Local Delivery
  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title"> Local Delivery</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('shipment.update', $shipment) }}" enctype="multipart/form-data"
    id="myFormId">
    {{ csrf_field() }} {{ method_field('PUT') }}
    <div class="box-body">
     <div class="col-md-offset-0 col-md-6">
      <div class="col-md-8">
       <div class="form-group">
        <label for="contract_id" class="col-md-4 control-label">Select Contract:</label>
        <select id="contract_id" class="form-control select2" data-placeholder="Select Roles" style="width: 100%;"
         name="contract_id" required>
         @foreach ($contracts as $contract)
          <option value="{{ $contract->id }}" @if ($contract->id == $shipment->contract_id) selected @endif>
           {{ $contract->number }}</option>
         @endforeach

        </select>
       </div>
       <div class="form-group">
        <label for="status">Delivery Status</label>
        <select name="status" id="status" class="form-control select2" style="width: 100%;" required>
         <option value=""selected disabled>Select Status</option>
         <option value="normal" @if ($shipment->delivery_status == 'normal') selected @endif>Normal</option>
         <option value="excess" @if ($shipment->delivery_status == 'excess') selected @endif>
          Excess</option>
         <option value="loan" @if ($shipment->delivery_status == 'loan') selected @endif>
          loan</option>
        </select>
       </div>

       <div class="form-group loan">
        <label for="loan_type">Loan Type</label>
        <select name="loan_type" id="loan_type" class="form-control select2 loan_req" style="width: 100%;" required>
         <option value="">Select Loan Type</option>
         <option value="Annual_Syndicated" @if ($shipment->loan_type == 'Annual_Syndicated') selected @endif>Annual Syndicated</option>
         <option value="AFDB" @if ($shipment->loan_type == 'AFDB') selected @endif>AFDB</option>
         <option value="MTLF" @if ($shipment->loan_type == 'MTLF') selected @endif>MTLF</option>
        </select>
       </div>

       <div class="form-group">
        <label for="previous_invoice_number"> Previous Invoice Number</label>
        <input type="text" style="color: red; font-weight: bold;" class="form-control" id="previous_invoice_number"
         name="previous_invoice_number" placeholder="GC Number  " disabled>
        <input type="hidden" name="buyer" id="buyer">
       </div>

       {{-- <div class="form-group normal">
        <label for="consignee_prefix"> Buyer Prefix</label>
        <input type="text" class="form-control byprefix" id="consignee_prefix" name="consignee_prefix"
         placeholder="Buyer Prefix" value="{{ $shipment->consignee_prefix }}">
       </div> --}}

       <div class="form-group">
        <label for="basic-url">Invoice Number</label>
        <div class="input-group">
         <span class="input-group-addon" id="basic-addon3">GC: </span>
         <div class="form-inline">
          <input type="text" class="form-control" id="invoice_number" name="invoice_number" placeholder="xxxx/xxxx"
           maxlength="9" minlength="9" aria-describedby="basic-addon3" value="{{ $shipment->invoice_number }}"
           required>
          <input type="hidden" name="invoice_type" id="invoice_type" value="local">
         </div>
        </div>
       </div>

       <div class="form-group">
        <label for="invoice_date"> Invoice date</label>
        <input type="date" class="form-control" name="invoice_date" id="invoice_date"
         value="{{ $shipment->invoice_date }}" required>
       </div>

       <div class="form-group">
        <label for="tonnage_shipped">Tonnage Delivered</label>
        <input type="text" class="form-control" id="tonnage_shipped" name="tonnage_shipped"
         placeholder="tonnage shipment" value="{{ $shipment->tonnage_shipped }}" step="0.0001" required>
        <div>Total tonnage on Contract: <span id="tg"
          style="color: red; font-weight: bold;">{{ optional($shipment->contract)->tonnage }}</span><input
          type="hidden" id="tgv" value="{{ optional($shipment->contract)->tonnage }}"> </div>
        {{-- <div>Total tonnage on Allocation: <span id="ta"
          style="color: red; font-weight: bold;">{{ optional($shipment->fac)->fac_tonnage }}</span> <input
          type="hidden" id="tav" value="{{ optional($shipment->fac)->fac_tonnage }}"> </div> --}}
        <div>Total tonnage Delivered: <span id="ts"
          style="color: red; font-weight: bold;">{{ $tonnage_shipped }}</span> <input type="hidden" id="tsv"
          value="{{ $tonnage_shipped }}"> <input type="hidden" id="shippingmode_id" name="shippingmode_id"
          value="{{ $shipment->shippingmode_id }}"></div>
        {{-- 					<div> Tonnage remaining: <span id="tr" style="color: red; font-weight: bold;"></span> <input type="hidden" id="tr"> </div>  --}}
       </div>

       <div class="form-group">
        <label for="loadingport_id">Select Loading Port:</label>
        <select id="loadingport_id" class="form-control select2" data-placeholder="Select Roles" style="width: 100%;"
         name="loadingport_id" required>
         <option value="">Select Loading Port:</option>
         @foreach ($loadingports as $loadingport)
          <option value="{{ $loadingport->id }}" @if ($loadingport->id == $shipment->loadingport_id) selected @endif>
           {{ $loadingport->name }}</option>
         @endforeach

        </select>
       </div>

       <div class="form-group">

        <label for="consignor_id"> Select Consignor</label>
        <select id="consignor_id" class="form-control select2" data-placeholder="Select Roles" style="width: 100%;"
         name="consignor_id">
         @foreach ($consignors as $consignor)
          <option value="{{ $consignor->id }}" @if ($consignor->id == $shipment->consignor_id) selected @endif>
           {{ $consignor->name }}</option>
         @endforeach

        </select>
       </div>

       <div class="form-group bank_acct">

        <label for="bank"> Select Account Number</label>
        <select id="bank" class="form-control select2 details" data-placeholder="Select Account Number"
         style="width: 100%;" name="bank">
         <option value="">Select Account Number:</option>
         @foreach ($bank_details as $bank_detail)
          <option value="{{ $bank_detail->id }}" @if ($bank_detail->id == $shipment->premium_bank_detail_id) selected @endif>
           {{ $bank_detail->bank_name }}({{ $bank_detail->bank_acct_no }})
          </option>
         @endforeach

        </select>
       </div>

       <div class="form-group">
        <label for="name"> Remarks</label>
        <textarea class="form-control" name="remarks" id="remarks" style="height: 100px;" required>{{ $shipment->remarks }}</textarea>
       </div>

       <div class="form-group">
        <label for="name"> Additional Remarks</label>
        <textarea class="form-control" name="additional_remarks" id="additional_remarks" style="height: 100px;">{{ $shipment->additional_remarks }}</textarea>
       </div>

       <div class="form-group">
        <label for="novated">Novated Contract:</label>
        <select id="novated" class="form-control select2" data-placeholder="" style="width: 100%;" name="novated">
         <option value="no" @if ($shipment->novated == 'no') selected @endif>No</option>
         <option value="yes" @if ($shipment->novated == 'yes') selected @endif>Yes</option>
        </select>
       </div>

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

        </select>
       </div>
       <div class="form-group">
        <label for="prepayment">Pre-Payment:</label>
        <select id="prepayment" class="form-control select2" data-placeholder="Select Roles" style="width: 100%;"
         name="prepayment">
         <option value="no" @if ($shipment->prepayment == 'no') selected @endif>No</option>
         <option value="yes" @if ($shipment->prepayment == 'yes') selected @endif>Yes</option>
        </select>
       </div>

       <div class="form-group">
        <label for="premium_status">Premium applicable:</label>
        <select id="premium_status" class="form-control select2" data-placeholder="Select Roles" style="width: 100%;"
         name="premium_status">
         <option value="no" @if ($shipment->premium_status == 'no' or $shipment->premium_status == null) selected @endif>No</option>
         <option value="yes" @if ($shipment->premium_status == 'yes' or $shipment->premium_status == null) selected @endif>Yes</option>
        </select>
       </div>

       <div id="premium_details">
        <hr>
        <div class="form-group bl">
         <label for="premium_ex_rate"> Freight Exchange Rate</label>
         <input type="number" step="0.0001" class="form-control" id="premium_ex_rate" name="premium_ex_rate"
          placeholder="premium_ex_rate " value="{{ $shipment->premium_ex_rate }}" min="0">
        </div>

        <div class="form-group">
         <label for="premium"> Select Premium:</label>
         <select id="premium" class="form-control select2" data-placeholder=" Select Premium" style="width: 100%;"
          name="premium">
          <option value="">Select Premium:</option>
          @foreach ($premiums as $premium)
           <option value="{{ $premium->id }}" @if ($premium->id == $shipment->premium_id) selected @endif>
            {{ $premium->type }}
           </option>
          @endforeach

         </select>
        </div>

       </div>

       <!-- /.box-body -->
       <div class="box-footer">
        <button type="submit" class="btn btn-primary" id="verify_submit">Submit</button>
       </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() {
   //alert('hello world');
   $('.consignee_id').hide();
   $('.buyer').removeAttr('required');
   $('.bank_acct').hide();
   $('.details').removeAttr('required');
   ps = $('#premium_status').val();

   if (ps === 'no') {

    $('#premium_details').hide();

   }
   $('.loan').hide();
   $('.loan_req').removeAttr('required');
   $('.normal').hide();
   $('.byprefix').removeAttr('required');

   $('.select2').select2();

   $.ajaxSetup({

    headers: {

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

    }

   });


   $('#contract_id').on('change', function(event) {

    // alert("contract_id");
    contract_id = $('#contract_id').val();
    // console.log(contract_id);
    $.ajax({
     url: '{{ url('get_contract_local_tonnage') }}',
     type: 'post',
     data: {
      contract_id: contract_id,
     },
     success: function(data) {
      data = JSON.parse(data)
      var contract_tonnage = data.all_contract_tonnage;
      var shippingmode = data.shipping_mode;
      var buyer = data.buyer;
      sm = shippingmode
      ct = contract_tonnage
      $('#shippingmode_id').val(sm)
      $('#tg').html(ct)
      $('#buyer').val(buyer)
      tgv = $('#tgv').val(ct)
      if (data.basis == 3) {
       // console.log(data.basis)
       $('.bl').hide()
      }
      if (data.basis == 1) {
       $('.bl').show()
      }

      console.log(data);
     }
    });
    $.ajax({
     url: '{{ url('get_tonnage_shipped') }}',
     type: 'post',
     data: {
      contract_id: contract_id,
     },
     success: function(data) {
      ts = data
      $('#ts').html(ts)
      tsv = $('#tsv').val(ts)

      console.log(data);
     }
    });

   }).change();

   $('#status').on('change', function(event) {
    event.preventDefault();
    /* Act on the event */
    status = $(this).val();
    buyer = $('#buyer').val();
    if (status == 'loan') {
     $('.loan').show();
     $('.loan_req').prop('required', true);
     $('.normal').hide();
     $('.byprefix').removeAttr('required');
     $('.bank_acct').hide();
     $('.details').removeAttr('required');

    } else if (status == 'normal') {
     $('.bank_acct').show();
     $('.details').prop('required', true);
     $('.normal').show();
     $('.byprefix').prop('required', true);
     $('.loan').hide();
     $('.loan_req').removeAttr('required');


    } else if (status == 'excess') {
     $('.normal').show();
     $('.byprefix').prop('required', true);
     $('.loan').hide();
     $('.loan_req').removeAttr('required');
     $('.bank_acct').show();
     $('.details').prop('required', true);


    } else {
     $('.loan').hide();
     $('.loan_req').removeAttr('required');
     $('.normal').hide();
     $('.byprefix').removeAttr('required');
     $('.bank_acct').hide();
     $('.details').removeAttr('required');


    }
    //alert(val);
    $.ajax({
      url: "{{ url('get_delivery_status') }}",
      type: "PUT",
      data: {
       status: status,
       buyer: buyer,

      },
     })
     .done(function(data) {
      console.log(data);
      console.log("checked");
      $('#previous_invoice_number').val(data);
     })
   }).change();

   $('#tonnage_shipped').on('input', function(event) {
    value = $(this).val();
    tgv = $('#tgv').val();
    tsv = $('#tsv').val();
    tr = tgv - tsv;

    max_value = tgv;

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

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

    }


   });

   $('#premium_status').on('change', function() {
    val = this.value;

    //alert(val)
    if (val === "yes") {
     //alert("working")

     $('#premium_details').show()
     $('#premium_ex_rate').prop('required', true);
     $('#premium').prop('required', true);

     contract_id = $('#contract_id').val();
     //alert(contract_id)

     $.ajax({
      url: "{{ url('get_premium_options') }}",
      type: "PUT",
      data: {
       contract_id: contract_id,
      },
      success: function(data) {
       $('#premium').html(data);
       console.log(data);
      }
     })


    } else {
     $('#premium_details').hide()
    }
   }).change();

   $('#verify_submit').click(function(event) {
    tonnage_shipped = $('#tonnage_shipped').val();
    //
    //return false;
    if (tonnage_shipped == 0 || tonnage_shipped == '') {
     alert('tonnage shipped cannot be ZERO or NULL. Kindly check whether the contract has been shipped already');
     return false;

    } else
     return true;
   });

   $('#novated').on('change', function(event) {
    event.preventDefault();
    /* Act on the event */
    novated = $('#novated').val();
    if (novated == 'yes') {
     $('.consignee_id').show();
     $('.buyer').prop('required', true);
    } else {
     $('.consignee_id').hide();
     $('.buyer').removeAttr('required');
    }

   }).change();


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


  })
 </script>
@endsection