@extends('admin.layout.app')

@section('more-head')
 <link rel="stylesheet" href="{{ asset('admin/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css') }}">
 <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>
   MKs
  </h1>

 </section>

 <section class="content">

  <!-- Default box -->
  <div class="box">
   <div class="box-header with-border">
    <h3 class="box-title">Create MK </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('sales_advice.store') }}" enctype="multipart/form-data"
    id="myFormId">
    {{ csrf_field() }}
    <div class="box-body">
     <div class="col-md-offset-0 col-md-6">
      <div class="col-md-8">
       <label for="sales_advice_date"> Date</label>
       <div class="form-group">
        <input type="date" class="form-control" name="advice_date" id="advice_date">
       </div>

      </div>
      <div class="col-md-8">
       <div class="form-group">
        <label for="sales_advice_number_display"> MK Number</label>
        <input type="text" class="form-control" id="mk_number_display" name="mk_number_display" placeholder=""
         value="" disabled>
        <input type="hidden" name="mk_number" id="mk_number" value="">
       </div>

      </div>

      <div class="form-group">
       <div class="col-md-8">
        <label for="consignee_id" class="col-md-4 control-label"><br>Buyer:</label>
        <select id="consignee_id" class="form-control select2" data-placeholder="Buyer" style="width: 100%;"
         name="consignee_id" required>
         <option value="" selected>Buyer</option>
         @foreach ($consignees as $consignee)
          <option value="{{ $consignee->id }}">{{ $consignee->name }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="production_year_id" class="col-md-4 control-label"><br>Production Year:</label>
        <select id="production_year_id" class="form-control select2" data-placeholder="Production Year"
         style="width: 100%;" name="production_year_id" required>
         <option value="" selected>Production Year</option>
         @foreach ($production_years as $production_year)
          <option value="{{ $production_year->id }}">{{ $production_year->year }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="crop_id" class="col-md-4 control-label"><br>Product:</label>
        <select id="crop_id" class="form-control select2" data-placeholder="Product" style="width: 100%;"
         name="crop_id" required>
         <option value="" selected>Product</option>
         @foreach ($crops as $crop)
          <option value="{{ $crop->id }}">{{ $crop->name }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="shipping_period_id" class="col-md-4 control-label"><br>Position/Shipment Period:</label>
        <select id="shipping_period_id" class="form-control select2" data-placeholder="shipment period"
         style="width: 100%;" name="shipping_period_id" required>
         <option value="" selected>Position/Shipment Period</option>
         @foreach ($shipping_periods as $shipping_period)
          <option value="{{ $shipping_period->id }}">{{ $shipping_period->shipping_period }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="shipping_period_id" class="col-md-4 control-label"><br>Shipment year:</label>
        <select id="shipping_year_id" class="form-control select2" data-placeholder="shipment year" style="width: 100%;"
         name="shipping_year_id" required>
         <option value="" selected>Shipment year</option>
         @foreach ($shipping_years as $shipping_year)
          <option value="{{ $shipping_year->id }}">{{ $shipping_year->Year }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="currency" class="col-md-4 control-label"><br>Currency:</label>
        <select class="form-control select2" data-placeholder="Currency" style="width: 100%;" name="currency"
         required>
         <option value="USD" selected>US Dollars</option>
         <option value="GBP">GBP</option>
         <option value="EURO">EURO</option>
        </select>
       </div>
       <br>
      </div>

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

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="payment_option_id" class="col-md-4 control-label"><br>Payment (Optional):</label>
        <select id="payment_option_id" class="form-control select2" data-placeholder="Payment" style="width: 100%;"
         name="payment_option_id" required>
         <option value="" selected>Payment</option>
         @foreach ($payment_options as $payment_option)
          <option value="{{ $payment_option->id }}">{{ $payment_option->options }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="product_quality_id" class="col-md-4 control-label"><br>Product Quality:</label>
        <select id="product_quality_id" class="form-control select2" data-placeholder="Product Quality"
         style="width: 100%;" name="product_quality_id" required>
         <option value="" selected>Select Product Quality</option>
         @foreach ($product_qualities as $product_quality)
          <option value="{{ $product_quality->id }}">{{ $product_quality->quality }}</option>
         @endforeach

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

      <br> <br>
      <div class="col-md-8">
       <div class="form-group">
        <br>
        <label for="tonnage">Tonnage</label>
        <input type="number" class="form-control" id="tonnage" name="tonnage" placeholder="Tonnage "
         step="0.0001" min="0" required>
       </div>

      </div>
      <br>

      <div class="col-md-8">
       <div class="form-group">
        <label for="uk_cif_price"> <br> Price/Tonnage ($)</label>
        {{-- <input type="hidden" name="season_id" value="{{ $season->id }}"> --}}
        <input type="number" class="form-control" id="uk_cif_price" name="uk_cif_price" placeholder="price "
         step="0.0001" min="0" required>
       </div>

      </div>

      <div class="col-md-8">
       <div class="form-group">
        <label for="exchange_rate">Exchange Rate (GBP/USD) </label>
        <input type="number" class="form-control" id="exchange_rate" name="exchange_rate"
         placeholder=" exchange rate " step="0.0001" required>
       </div>

      </div>

      <div class="form-group">
       <div class="col-md-8">
        <label for="lid_id" class="col-md-4 control-label"><br>LID:</label>
        <select id="lid_id" class="form-control select2" data-placeholder="LID" style="width: 100%;"
         name="lid_id" required>
         <option value="" selected>Select LID</option>
         @foreach ($lids as $lid)
          <option value="{{ $lid->id }}" selected>{{ $lid->lid }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="arbitration_id" class="col-md-4 control-label"><br>Arbitration:</label>
        <select id="arbitration_id" class="form-control select2" data-placeholder=" Arbitration" style="width: 100%;"
         name="arbitration_id" required>
         <option value="" selected>Select Arbitration</option>
         @foreach ($arbitrations as $arbitration)
          <option value="{{ $arbitration->id }}">{{ $arbitration->arbitration }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="remark_id" class="col-md-4 control-label"><br>Remarks:</label>
        <select id="remark_id" class="form-control select2" data-placeholder=" Remarks" style="width: 100%;"
         name="remark_id" required>
         <option value="" selected>Select Remark</option>
         @foreach ($remarks as $remark)
          <option value="{{ $remark->id }}">{{ $remark->remark }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="other_remark_id" class="col-md-4 control-label"><br>Other Remarks (Optional):</label>
        <select id="other_remark_id" class="form-control select2" data-placeholder=" other remarks"
         style="width: 100%;" name="other_remark_id" required>
         <option value="" selected>Select other remark</option>
         @foreach ($other_remarks as $other_remark)
          <option value="{{ $other_remark->id }}">{{ $other_remark->other_remarks }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="weight_remark_id" class="col-md-4 control-label"><br>Weight (Optional):</label>
        <select id="weight_remark_id" class="form-control select2" data-placeholder=" Select Option"
         style="width: 100%;" name="weight_remark_id" required>
         <option value="" selected>Select Option</option>
         @foreach ($weight_remarks as $weight_remark)
          <option value="{{ $weight_remark->id }}">{{ $weight_remark->w_remarks }}</option>
         @endforeach

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

      <div class="form-group">
       <div class="col-md-8">
        <label for="various" class="col-md-4 control-label"><br>Various Crop Years:</label>
        <select id="various" class="form-control select2" data-placeholder="Various Crop Years"
         style="width: 100%;" name="various" required>
         <option value="no" selected>No</option>
         <option value="yes">Yes</option>
        </select>
       </div>
       <br>
      </div>

     </div>
    </div>

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

 </section>
@endsection

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

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

   $('.select2').select2()

   $.ajaxSetup({

    headers: {

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

    }

   });

   $('#advice_date').on('change', function(event) {
    event.preventDefault();
    /* Act on the event */
    advice_date = $(this).val();
    //alert(val);
    $.ajax({
      url: "{{ url('get_mk_number') }}",
      type: "PUT",
      data: {
       advice_date: advice_date,
       //ctor_id: ctor_id

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

     })
   });


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

  })
 </script>
@endsection