@extends('layouts.admin')
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
@section('content')

<div class="card">
    <div class="card-header">
        Issue Eseal
       <!--  {{ trans('global.create') }} {{ trans('cruds.export.title_singular') }} -->
    </div>

    <div class="card-body">
        <form method="POST" name="add_name" id="add_name" action="{{ route("admin.exports.store") }}" enctype="multipart/form-data" onsubmit="return confirm('Do you really want to submit the form?');">
            @csrf
           <div class="row col 12">

             <!-- <div class="col 6">
            <div class="form-group">
                <label class="required" for="trailer_reg_number">{{ trans('cruds.export.fields.trailer_reg_number') }}</label>
                <input class="form-control {{ $errors->has('trailer_reg_number') ? 'is-invalid' : '' }}" type="text" name="trailer_reg_number" id="trailer_reg_number" value="{{ old('trailer_reg_number', '') }}" required>
                @if($errors->has('trailer_reg_number'))
                    <div class="invalid-feedback">
                        {{ $errors->first('trailer_reg_number') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.trailer_reg_number_helper') }}</span>
            </div></div> --></div>


<!--             <div class="form-group">
                <label  for="driver_license">{{ trans('cruds.export.fields.driver_license') }}</label>
                <input class="form-control {{ $errors->has('driver_license') ? 'is-invalid' : '' }}" type="text" name="driver_license" id="driver_license" value="{{ old('driver_license', '') }}">
                @if($errors->has('driver_license'))
                    <div class="invalid-feedback">
                        {{ $errors->first('driver_license') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.driver_license_helper') }}</span>
            </div>
            <div class="form-group">
                <label  for="driver_name">{{ trans('cruds.export.fields.driver_name') }}</label>
                <input class="form-control {{ $errors->has('driver_name') ? 'is-invalid' : '' }}" type="text" name="driver_name" id="driver_name" value="{{ old('driver_name', '') }}" >
                @if($errors->has('driver_name'))
                    <div class="invalid-feedback">
                        {{ $errors->first('driver_name') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.driver_name_helper') }}</span>
            </div> -->
        <div class="row col 12">
                      <div class="col 4">
            <div class="form-group">
                <label class="required" for="trailer_reg_number">IEC Code</label>
                <input class="form-control" value="{{ $import_export_code }}" readonly>
            </div></div>
          <div class="col 4">
            <div class="form-group">
                <label class="required"  for="container_number">{{ trans('cruds.export.fields.container_number') }}</label>
                <input class="form-control {{ $errors->has('container_number') ? 'is-invalid' : '' }}" type="text" name="container_number" minlength="9"   maxlength="12" id="container_number" value="{{ old('container_number', '') }}" required>
                @if($errors->has('container_number'))
                    <div class="invalid-feedback">
                        {{ $errors->first('container_number') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.container_number_helper') }}</span>
            </div></div>
            <!--<div class="form-group">
                <label for="terminal_document">{{ trans('cruds.export.fields.terminal_document') }}</label>
                <input class="form-control {{ $errors->has('terminal_document') ? 'is-invalid' : '' }}" type="text" name="terminal_document" id="terminal_document" value="{{ old('terminal_document', '') }}">
                @if($errors->has('terminal_document'))
                    <div class="invalid-feedback">
                        {{ $errors->first('terminal_document') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.terminal_document_helper') }}</span>
            </div> -->

            <div class="col 4">
                <div class="form-group">
                    <label class="required">Stuffing At</label>
                    <select class="form-control select2 {{ $errors->has('eseal') ? 'is-invalid' : '' }}" name="stuffing_at" id="stuffing_at" id="stuffing_at" required>  
                         <option value="">Please Select </option>
                        <option value="Factory">Factory</option>
                        <option value="Cfs">CFS/ICD</option>
                    </select>
                </div>
              </div>

        </div>
             <div class="row col 12">
          <!-- <div class="col 6">
            <div class="form-group">
                <label for="shipping_bill" class="required" >{{ trans('cruds.export.fields.shipping_bill') }}</label>
                <input class="form-control {{ $errors->has('shipping_bill') ? 'is-invalid' : '' }}" type="text" name="shipping_bill" id="shipping_bill" value="{{ old('shipping_bill', '') }}" required>
                @if($errors->has('shipping_bill'))
                    <div class="invalid-feedback">
                        {{ $errors->first('shipping_bill') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.shipping_bill_helper') }}</span>
            </div></div> -->
            <div class="col 6">
            <div class="form-group">
                <label class="required" for="shipping_date">{{ trans('cruds.export.fields.shipping_date') }}</label>
                <input class="form-control  datepicker {{ $errors->has('shipping_date') ? 'is-invalid' : '' }}" type="date" name="shipping_date" id="shipping_date" value="{{ old('shipping_date') }}" required>
                @if($errors->has('shipping_date'))
                    <div class="invalid-feedback">
                        {{ $errors->first('shipping_date') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.shipping_date_helper') }}</span>
            </div>
        </div>

                <div class="col 6">
                <div class="form-group">
                    <label class="required" for="sealing_date">{{ trans('cruds.export.fields.sealing_date') }}</label>
                    <input class="form-control datetime {{ $errors->has('sealing_date') ? 'is-invalid' : '' }}" type="text" name="sealing_date" id="sealing_date" value="{{ old('sealing_date') }}" required>
                    @if($errors->has('sealing_date'))
                        <div class="invalid-feedback">
                            {{ $errors->first('sealing_date') }}
                        </div>
                    @endif
                    <span class="help-block">{{ trans('cruds.export.fields.sealing_date_helper') }}</span>
                </div>
            </div>
        
            
    </div>


            <div class="row col 12">
          <div class="col 6">
            <div class="form-group">
                <label for="destination_custom_id" class="required" >{{ trans('cruds.export.fields.destination_custom') }}</label>
                <select class="form-control select2 {{ $errors->has('destination_custom') ? 'is-invalid' : '' }}" name="destination_custom_id" id="destination_custom_id" required>
                    @foreach($destination_customs as $id => $entry)
                        <option value="{{ $id }}" {{ old('destination_custom_id') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('destination_custom'))
                    <div class="invalid-feedback">
                        {{ $errors->first('destination_custom') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.destination_custom_helper') }}</span>
            </div>
        </div>

           <div class="col 6"  id="cfs" style="display:none">
            <div class="form-group">
                <label for="cfs_id">{{ trans('cruds.export.fields.cfs') }}</label>
                <select class="form-control select2 {{ $errors->has('cfs') ? 'is-invalid' : '' }}" name="cfs_id" id="cfs_id">
                    @foreach($cfs as $id => $entry)
                        <option value="{{ $id }}" {{ old('cfs_id') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('cfs'))
                    <div class="invalid-feedback">
                        {{ $errors->first('cfs') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.cfs_helper') }}</span>
            </div>
        </div>


            <!--  <div class="col 3">
            <div class="form-group">
                <label class="required" for="shipping_time">{{ trans('cruds.export.fields.shipping_time') }}</label>
                <input class="form-control timepicker {{ $errors->has('shipping_time') ? 'is-invalid' : '' }}" type="text" name="shipping_time" id="sealing_date" value="{{ old('shipping_time') }}" required>
                @if($errors->has('shipping_time'))
                    <div class="invalid-feedback">
                        {{ $errors->first('shipping_time') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.sealing_date_helper') }}</span>
            </div></div> -->
              <div class="col 6">
                <div class="form-group">
                    <label class="required" for="eseal_id">{{ trans('cruds.export.fields.eseal') }}</label>
                    <select class="form-control select2 {{ $errors->has('eseal') ? 'is-invalid' : '' }}" name="eseal_id" id="eseal_id" required>
                       <!--  @foreach($eseals as $id => $entry)
                            <option value="{{ $id }}" {{ old('eseal_id') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                        @endforeach -->
                    </select>
                    @if($errors->has('eseal'))
                        <div class="invalid-feedback">
                            {{ $errors->first('eseal') }}
                        </div>
                    @endif
                    <span class="help-block">{{ trans('cruds.export.fields.eseal_helper') }}</span>
                </div></div>              
         </div>

        <div class="field_wrapper">
        <div class="col-md-12">
            <div class="col-md-6">
                 <label for="cfs_id">Shipping Bill No</label>
                <input type="text"  class="form-control" placeholder="Enter your Shipping Bill No" name="shipping_bill[]" value=""/ required >
                <a href="javascript:void(0);" class="add_button" title="Add field"><img src="{{ asset('images/add-icon.png') }}"/></a>
            </div>
        </div>
      </div>

         <div class="field_wrapper1">
            <div class="col-md-6">
                <label class="required">Enter your Truck/Trailer Number</label>
                <input type="text" minlength="9"   maxlength="12" class="form-control" placeholder="Enter your Truck/Trailer Number" name="trailer_reg_number[]" value=""/ required>
                <a href="javascript:void(0);" class="add_button1" title="Add field"><img src="{{ asset('images/add-icon.png') }}"/ ></a>
            </div>
        </div>

          <div class="row col 12">
           <div class="col 6">
                <div class="form-group">
                    <label class="required">E-Way Bill</label>
                     <input type="radio" class="radioBtn" name="ewaybill" id="ewaybill" value="No" required>&nbsp;No
                        &nbsp;<input class="radioBtn" type="radio" name="ewaybill" id="ewaybill" value="Yes" required checked>&nbsp;Yes
                   
                </div>
            </div>
        </div>
       <!--  <div class="row col 12">
            <div class="col 6">
            <table>
                <tr>
                    <td align="left" height="45">
                      <label class="required">E-Way Bill</label>
                        <input type="radio" class="radioBtn" name="ewaybill" id="ewaybill" value="No" required>No
                        &nbsp;<input class="radioBtn" type="radio" name="ewaybill" id="ewaybill" value="Yes" required checked>Yes
                        <div class="Box" style="display:none">Text</div>
                    </td>
                </tr>
            </table>
            </div>
          </div> -->

        <table class="table table-bordered dynamic_field" id="dynamic_field"  style="display:none" >  
            <tr>  
                 <td><input type="text" id="ewaybillno" name="ewaybillno[]" pattern="[0-9]{12}"  minlength="12"   maxlength="12" placeholder="Enter your E-Way Bill No" class="form-control name_list" />  
                 <button type="button" name="add" id="add" class="btn btn-success">Add More</button> </td>
            </tr>  
       </table>  

<!--        <div class="field_wrapper">
    <div>
        <input type="text" name="field_name[]" value=""/>
        <a href="javascript:void(0);" class="add_button" title="Add field"><img src="add-icon.png"/></a>
    </div>
</div> -->

        <!-- <div class="row col 12">
            <div class="col 4">
                 <div class="form-group">
                    <label class="required" for="shipping_time">E-Way Bill No</label>
                    <input type="text" name="name[]" placeholder="Enter your Name" class="form-control name_list" />
                 
                </div>
            </div>
             <div class="col 1">
                <label class="required" for="shipping_time">&nbsp;</label>
                <button type="button" name="add" id="add" class="btn btn-success">+</button> 
             </div>
        </div>
 -->
           
<!--           <div class="col 6">
            <div class="form-group">
                <label class="required" for="shipping_time">{{ trans('cruds.export.fields.shipping_time') }}</label>
                <input class="form-control timepicker {{ $errors->has('shipping_time') ? 'is-invalid' : '' }}" type="text" name="shipping_time" id="sealing_date" value="{{ old('shipping_time') }}" required>
                @if($errors->has('shipping_time'))
                    <div class="invalid-feedback">
                        {{ $errors->first('shipping_time') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.sealing_date_helper') }}</span>
            </div></div> -->
<!--             <div class="form-group">
                <label for="container_size_id">{{ trans('cruds.export.fields.container_size') }}</label>
                <select class="form-control select2 {{ $errors->has('container_size') ? 'is-invalid' : '' }}" name="container_size_id" id="container_size_id">
                    @foreach($container_sizes as $id => $entry)
                        <option value="{{ $id }}" {{ old('container_size_id') == $id ? 'selected' : '' }}>{{ $entry }}</option>
                    @endforeach
                </select>
                @if($errors->has('container_size'))
                    <div class="invalid-feedback">
                        {{ $errors->first('container_size') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.export.fields.container_size_helper') }}</span>
            </div> -->
            <div class="col 6">
            <div class="form-group">
              <!--   <label  for="shipping_time">.</label><br> -->
                <button class="btn btn-success" type="submit">
                    {{ trans('global.save') }}
                </button>
                <a class="btn btn-danger" href="{{ route('admin.exports.index') }}">
                    Cancel
                </a>
            </div></div></div>
        </form>
    </div>
</div>



@endsection

<!-- <script>
$(document).ready(function() {
    $("input[name='ewaybill']").click(function () {
    $('#dynamic_field').css('display', ($(this).val() === 'Yes') ? 'block':'none');
});
});
</script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
$(document).ready(function() {

$('#stuffing_at').on('change', function () {
    var stuffing_at = this.value;
   // alert(stuffing_at);
    $("#eseal_id").html('');
    $.ajax({
        url: "{{url('admin/stuffingseals')}}",
        type: "POST",
        data: {
            stuffing_at: stuffing_at,
            _token: '{{csrf_token()}}'
        },
        dataType: 'json',
        success: function (result) {
            $('#eseal_id').html('<option value="">Select Eseal</option>');
            $.each(result.eseals, function (key, value) {
                $("#eseal_id").append('<option value="' + value
                    .id + '">' + value.sn + '</option>');
            });
        }
    });
    });   
});
</script>
<script type="text/javascript">
$(document).ready(function(){
    var maxField1 = 10; //Input fields increment limitation
    var addButton1 = $('.add_button1'); //Add button selector
    var wrapper1 = $('.field_wrapper1'); //Input field wrapper
    var fieldHTML1 = '<div class="col-md-6"><input class="form-control" type="text"  placeholder="Enter your Truck/Trailer Number" name="trailer_reg_number[]" value=""/><a href="javascript:void(0);" class="remove_button"><img src="{{ asset('images/remove-icon.png') }}"/></a></div>'; //New input field html 
    var x = 1; //Initial field counter is 1
    
    //Once add button is clicked
    $(addButton1).click(function(){
        //Check maximum number of input fields
        if(x < maxField1){ 
            x++; //Increment field counter
            $(wrapper1).append(fieldHTML1); //Add field html
        }
    });
    
    //Once remove button is clicked
    $(wrapper1).on('click', '.remove_button', function(e){
        e.preventDefault();
        $(this).parent('div').remove(); //Remove field html
        x--; //Decrement field counter
    });
});
</script>
<script type="text/javascript">
$(document).ready(function(){
    var maxField = 10; //Input fields increment limitation
    var addButton = $('.add_button'); //Add button selector
    var wrapper = $('.field_wrapper'); //Input field wrapper
    var fieldHTML = '<div class="col-md-12"><div  class="col-md-6"><input class="form-control" type="text"  placeholder="Enter your Shipping Bill No" name="shipping_bill[]" value=""/><a href="javascript:void(0);" class="remove_button"><img src="{{ asset('images/remove-icon.png') }}"/></a></div></div>'; //New input field html 
    var x = 1; //Initial field counter is 1
    
    //Once add button is clicked
    $(addButton).click(function(){
        //Check maximum number of input fields
        if(x < maxField){ 
            x++; //Increment field counter
            $(wrapper).append(fieldHTML); //Add field html
        }
    });
    
    //Once remove button is clicked
    $(wrapper).on('click', '.remove_button', function(e){
        e.preventDefault();
        $(this).parent('div').remove(); //Remove field html
        x--; //Decrement field counter
    });
});
</script>

<script type="">
$(document).ready(function(){

     $('#stuffing_at').change(function(){
     // alert($(this).val());
     if($(this).val()=="Factory") {
       // $("#aa").show();
        $("#cfs").hide();
        $('#cfs_id').prop('required',false);
        $("#cfs_id").val("");
     }
     else {
      //  $("#aa").hide();
        $("#cfs").show();
        $('#cfs_id').prop('required',true);
        // $('#commissionerate_id').prop('required',true);
     }

  });

});
</script>
<script>
    $(document).ready(function() {
    $('input[type="radio"]').click(function(){
        if($(this).attr("value")=="No"){
            $(".dynamic_field").hide('slow');
            $('#ewaybillno').prop('required',false);
        }
        if($(this).attr("value")=="Yes"){
            $(".dynamic_field").show('slow');
             $('#ewaybillno').prop('required',true);

        }        
    });

$('input[type="radio"]').trigger('click');
    });
</script>

<script>  
 $(document).ready(function(){  
      var i=1;  
      $('#add').click(function(){  
           i++;  
           $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text"  minlength="12" pattern="[0-9]{12}"    maxlength="12"  name="ewaybillno[]" placeholder="Enter your E-Way Bill No" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');  
      });  
      $(document).on('click', '.btn_remove', function(){  
           var button_id = $(this).attr("id");   
           $('#row'+button_id+'').remove();  
      });  
      $('#submit').click(function(){            
           $.ajax({  
                url:"name.php",  
                method:"POST",  
                data:$('#add_name').serialize(),  
                success:function(data)  
                {  
                     alert(data);  
                     $('#add_name')[0].reset();  
                }  
           });  
      });  
 });  
 </script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
$(function(){
    $('.shippindate').datepicker({
        format: 'mm-dd-yyyy',
        endDate: '+0d',
        autoclose: true
    });
});
</script>