@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.store') }}" 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="sales_advice_id">MK Number:</label>
        <select id="sales_advice_id" class="form-control select2" data-placeholder="Select MK Number"
         name="sales_advice_id" required>
         <option value=""></option>
         @foreach ($sales_advices as $sales_advice)
          <option value="{{ $sales_advice->id }}">{{ $sales_advice->mk_number }}</option>
         @endforeach

        </select>

       </div>

       <div class="form-group">
        <label for="name"> Contract Number</label>
        <input type="text" class="form-control" id="number" name="number" data-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" 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 name="consignee_id">
         @foreach ($consignees as $consignee)
          <option value=""></option>
          <option value="{{ $consignee->id }}">{{ $consignee->name }}</option>
         @endforeach

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

       <div class="form-group">

        <label for="tolling"> Tolling </label>
        <select id="tolling" class="form-control select2 required" data-placeholder="Select Yes Or No" name="tolling"
         required>
         <option value=""></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="Select Tolling Factory"
         name="tolling_factory_id" required>
         @foreach ($consignees as $consignee)
          <option value=""></option>
          <option value="{{ $consignee->id }}">{{ $consignee->name }}</option>
         @endforeach

        </select>
       </div>

       <div class="form-group">
        <label for="mkt_ref"> Advice Reference</label>
        <input type="text" class="form-control" id="mkt_ref" name="mkt_ref" data-placeholder=" Advice Ref" required>
       </div>

       <div class="form-group">
        <label for="tonnage">Tonnage <span id="tonnage_available" style="color: red;"></span></label>
        <input type="text" class="form-control" id="tonnage" name="tonnage" data-placeholder="contract 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"
         name="destinationport_id" required>
         <option value=""></option>
         @foreach ($destinationports as $destinationport)
          <option value="{{ $destinationport->id }}">{{ optional($destinationport)->name }}
           ({{ optional($destinationport->country)->name }})
          </option>
         @endforeach

        </select>
       </div>

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

                                                                           <label for="country_id" class="col-md-4 control-label"> <br>Select Country</label>
                                                                            <select id="country_id" class="form-control select2" data-placeholder="Select Roles"
                                                                             name="country_id">
                                                                            @foreach ($countries as $country)
 <option value="{{-- $country->id}}">{{$country->name --}}</option>
@endforeach

					</select>
				</div>
			</div>
			<br> -->


           <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" data-placeholder="price " required>
                                                                              </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" data-placeholder="contract  c_and_i ">
                                                                           </div>

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

        <label for="base_id">Select Basis:</label>
        <select id="base_id" class="form-control select2" data-placeholder="Select basis" name="base_id" required>
         <option value=""disabled></option>
         @foreach ($bases as $base)
          <option value="{{ $base->id }}">{{ $base->name }}</option>
         @endforeach

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

       <div class="form-group">
        <label for="freight_charge_rate">Freight Charge</label>
        <input type="number" class="form-control" step="0.01" id="freight_charge_rate"
         name="freight_charge_rate" data-placeholder=" freight charge ">
       </div>

       <div class="form-group">
        <input type="hidden" class="form-control" step="0.01" id="freight_charge" name="freight_charge"
         data-placeholder=" 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"
         data-placeholder=" date declared " required>
        <input type="hidden" class="form-control" id="exchangerate_declared" name="exchangerate_declared"
         data-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 " name="crop_id" required>
         @foreach ($crops as $crop)
          <option 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"
         name="cocoa_type_id" required>
         <option value=""selected disabled></option>
         @foreach ($cocoa_types as $cocoa_type)
          <option value="{{ $cocoa_type->id }}">{{ $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"
         data-placeholder="Specialty">

       </div>

       <div class="form-group">
        <label for="shipping_period"> Shipment Period</label>
        <input type="text" class="form-control" id="shipping_period" name="shipping_period"
         data-placeholder=" shipment period">
       </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"
         name="production_year_id">
         @foreach ($production_years as $production_year)
          <option value="{{ $season->id }}" @if ($season->status == 'active') selected @endif>
           {{ $season->crop_year }}</option>
         @endforeach

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

       <div class="form-group">

        <label for="shippingmode_id">Shipment Mode</label>
        <select id="shippingmode_id" class="form-control select2" data-placeholder="Shipment mode"
         name="shippingmode_id" required>
         <option value=""></option>
         @foreach ($shippingmodes as $shippingmode)
          <option 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">MTLF</option>
         <option value="AFDB">AFDB</option>
         <option value="ANNUAL SYNDICATION">ANNUAL SYNDICATION
         </option>
         <option value="ANNUAL SYNDICATION (1ST ADDITION)">ANNUAL
          SYNDICATION (1ST ADDITION)</option>
         <option value="ANNUAL SYNDICATION (2ND ADDITION)">ANNUAL
          SYNDICATION (2ND ADDITION)</option>
         <option value="ANNUAL SYNDICATION (3RD ADDITION)">ANNUAL
          SYNDICATION (3RD ADDITION)</option>
         <option value="PRE-PAYMENT">PRE-PAYMENT</option>
         <option value="NON COLLATERAL">NON COLLATERAL</option>
         <option value="ANNUAL COLLATERAL">ANNUAL COLLATERAL</option>

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

   $('#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();
    $.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).attr('disabled', true).change();
      $("#basis").val(data.base_id);
      alert($('#basis').val())
     }
    })
   });

   $('#sales_advice_id').on('change', function(event) {
    //event.preventDefault();
    var sa_id = parseInt($(this).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);
      $('#freight_charge').val(data.uk_freight);
      $('#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();
      $("#base_id").val(data.base_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);
     }
    });

   });

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

    }



   });



   $('#date_declared').on('input', 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});
     });
   });


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

    }


   });

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

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

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


    });

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

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


  })
 </script>
@endsection