@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('shipping_instruction.store_contract', $shipping_instruction) }}"
    enctype="multipart/form-data" id="myFormId">
    {{ csrf_field() }}
    <div class="box-body">
     <div class="col-md-6">
      <div class="col-md-8">
       <div class="form-group">
        <label for="shipping_instruction_id">Shipment Instruction Reference:</label>
        <select id="shipping_instruction_id" class="form-control select2"
         data-placeholder="shipping instruction reference" style="width: 100%;" name="shipping_instruction_id" required>

         <option value="{{ $shipping_instruction->id }}">{{ $shipping_instruction->consignee_reference }}</option>

        </select>
       </div>

       <div class="form-group">

        <label for="sales_advice_id">MK Number:</label>
        <select id="sales_advice_id" class="form-control select2" data-placeholder="Select MK Number"
         style="width: 100%;" name="sales_advice_id" required>
         <option value="">Select MK Number</option>

         <option value="{{ $shipping_instruction->sales_advice->id }}" selected>
          {{ $shipping_instruction->sales_advice->mk_number }}</option>
        </select>
       </div>

       <div class="form-group">
        <label for="name"> Contract Number</label>
        <input type="text" class="form-control" id="number" name="number" placeholder="" disabled>
        <input type="hidden" name="contract_number" id="contract_number">
       </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="{{ $shipping_instruction->sales_advice->advice_date }}" required>
        <input type="hidden" id="advice_date" name="advice_date">
       </div>

       <div class="form-group">
        <label for="consignee_id">Buyer:</label>
        <select id="consignee_id" class="form-control select2" data-placeholder="" disabled style="width: 100%;"
         name="consignee_id">

         <option value="{{ $shipping_instruction->consignee->id }}" selected>
          {{ $shipping_instruction->consignee->name }}</option>

        </select>
        <input type="hidden" name="buyer_id" id="buyer_id">
       </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="" selected>Select Yes Or No</option>
         <option value="yes">Yes</option>
         <option value="no">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">
         @foreach ($consignees as $consignee)
          <option value="" selected>Select Tolling Factory</option>
          <option value="{{ $consignee->id }}">{{ $consignee->name }}</option>
         @endforeach

        </select>
       </div>
       <div class="form-group">
        <label for="tonnage">Tonnage <span id="tonnage_available" style="color: red;"></span></label>
        <input type="number" class="form-control" id="tonnage" name="tonnage" placeholder="contract tonnage "
         value="{{ $shipping_instruction->si_tonnage }}" required>
        <input type="hidden" name="tonnage_remaining" id="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>

         <option value="{{ $shipping_instruction->destinationport->id }}" selected>
          {{ $shipping_instruction->destinationport->name }}
          ({{ $shipping_instruction->destinationport->country->name }})</option>

        </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="{{ $shipping_instruction->sales_advice->uk_cif_price }}">
       </div>

       <div class="form-group">
        <label for="freight_charge">Freight Charge (£)</label>
        <input type="number" class="form-control" step="0.01" id="freight_charge" name="freight_charge"
         placeholder=" freight charge " value="{{ $uk_freight }}" 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="{{ $shipping_instruction->si_date }}" required>
       </div>

       <div class="form-group">
        <label for="exchangerate_declared">Exchange Rate (GBP/USD) </label>
        <input type="number" class="form-control" id="exchangerate_declared" name="exchangerate_declared"
         placeholder=" exchange rate " step="0.0001" required>
       </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" required>
         <option value="" selected>Select Product:</option>
         @foreach ($crops as $crop)
          <option value="{{ $crop->id }}">{{ $crop->name }}</option>
         @endforeach

        </select>
       </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="{{ $shipping_instruction->sales_advice->shipping_period->shipping_period }}">
       </div>

       <div class="form-group">
        <label for="type_of_loan"> Type of Loan</label>
        <input type="text" class="form-control" id="type_of_loan" name="type_of_loan" placeholder=" type of loan"
         value="{{ $shipping_instruction->sales_advice->type_of_loan }}">
       </div>

       <div class="form-group">

        <label for="shippingmode_id">Shipment Mode</label>
        <select id="shippingmode_id" class="form-control select2" data-placeholder="shipment mode"
         style="width: 100%;" name="shippingmode_id" required>

         <option value="{{ $shipping_instruction->shippingmode->id }}" selected>
          {{ $shipping_instruction->shippingmode->name }}</option>

        </select>
       </div>

       <div class="form-group">

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

         <option value="{{ $shipping_instruction->sales_advice->production_year->id }}">
          {{ $shipping_instruction->sales_advice->production_year->year }}</option>
        </select>
       </div>

       <!-- /.box-body -->
       <div class="box-footer">
        <button type="submit" id="submit_form" class="btn btn-primary">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')

    }

   });

   $('.toll').hide();
   $('.toll_tc').removeAttr('required');

   $('#date_declared').on('change', function(event) {
    date_declared = $('#date_declared').val();
    // alert(date_declared);
    $.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();


   $('#type_of_loan').on('click', function(event) {
    $(this).attr('disabled', true);
    event.preventDefault();
    /* Act on the event */
   });


   //event.preventDefault();

   var sa_id = parseInt($('#sales_advice_id').val());
   var token = $('input[name="_token"]').val();
   //alert(sa_id);
   $.ajax({
    url: '{{ url('get_sales_advice_details') }}',
    type: 'post',
    data: {
     token: token,
     sa_id: sa_id,
    },
    success: function(data) {

     data = JSON.parse(data)
     var mk_number = data.mk_number;
     var shipping_period = data.shipping_period;
     var shipping_year = data.shipping_year;
     var count = data.count;
     console.log(data);

     var contract_number = shipping_period + shipping_year + mk_number + count;
     console.log(data.consignee_name);
     $('#number').val(contract_number);
     $('#contract_number').val(contract_number)
     $('#number').attr({
      disabled: true,
     });
     $('#uk_cif_price').val(data.cif_price).attr('disabled', true);
     $('#contract_date').val(data.advice_date).attr('disabled', true);
     $('#advice_date').val(data.advice_date);
     $('#shipping_period').val(data.shipping_period_name).attr('disabled', true);
     //  $('#season_id').val(data.season_id).attr('disabled', true).change();
     $('#crop_id').val(data.crop_id).attr('disabled', true).change();
     //$('#consignee_id').append(new Option(data.consignee_name, data.consignee_id)).attr('selected', 'selected');
     //$('#consignee_id option[value=data.consignee_id]').attr('selected','selected');
     $("#consignee_id").val(data.consignee_id).change();

     cs = $("#consignee_id").val();
     $("#buyer_id").val(cs);

     $('#tonnage_available').html('( ' + data.tonnage_available + ' tonnes available )');
     $('#tonnage_remaining').val(data.tonnage_available);
     ttr = $('#tonnage_remaining').val();

     rt = $('#tonnage').val();
     at = ttr - tr;
     //alert(at);
     $('#tonnage').val(at);


    }
   });

   $('#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);

    }

   });

   $('#tonnage').on('input', function(event) {
    value = $('#tonnage').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));

    }


   });

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

  })
 </script>
@endsection