@extends('layouts.admin.app')
<style type="text/css">
  .badge-success{color: #23BF08 !important;
    border: 1px solid #23BF08;
    padding: 4px;
    font-weight: 500;background-color: transparent !important;}
    .badge-danger{
      color: #dc3545 !important;
    border: 1px solid #dc3545;
    padding: 4px;
    font-weight: 500;background-color: transparent !important;
    }
</style>

@section('content')
 <script src="{{asset('admin/js/just-validate.min.js')}}"></script>
 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content" style="border:none;background:transparent!important">
      <div class="modal-body">
      <img src="{{asset('admin/gif/Hourglass.gif')}}" alt="processing..." />
      </div>
    </div>
  </div>
</div>
      <div class="pd-30">
        <h4 class="tx-gray-800 mg-b-5 title">Edit Cas Details</h4>
        <p class="mg-b-0"></p>
      </div><!-- d-flex -->
      <div class="br-pagebody mg-t-5 pd-x-30">
        <div class="br-section-wrapper row row-sm">
          <div class="col-sm-12 col-xl-12">
            <form id="myform" class="form" method="post" action="/gpclrmainportal/company-cas/{{$companies->id}}">
              @csrf @method('PUT')
              <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                    <label>Cas No<span class="text-danger">*</span></label>
                    <input name="cas_no" class="form-control  select2-show-search" value="{{$companies->cas_no}}">
                  </div>
                  @error('cas_no')
                    <div class="alert alert-danger">
                      {{ $message }}
                    </div>
                  @enderror
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                    <label>Ec No<span class="text-danger">*</span></label>
                     <input type="text" name="ec_no" placeholder="Ec No" class="form-control" data-validate-field="ec_no" value="{{old('ec_no', $companies->ec_no)}}">
                  </div>
                  @error('ec_no')
                    <div class="alert alert-danger">
                      {{ $message }}
                    </div>
                  @enderror
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                    <label>Cas Name</label>
                    <input type="text" name="cas_name" placeholder="cas_name" class="form-control" value="{{old('cas_name', $companies->cas_name)}}">
                  </div>
                  @error('cas_name')
                    <div class="alert alert-danger">
                      {{ $message }}
                    </div>
                  @enderror
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                    <label>Year<span class="text-danger">*</span></label>
                     <input type="text" name="year" placeholder="Year" class="form-control" data-validate-field="year" value="{{old('year', $companies->year)}}">
                  </div>
                  @error('year')
                    <div class="alert alert-danger">
                      {{ $message }}
                    </div>
                  @enderror
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                    <label>Tonnage<span class="text-danger">*</span></label>
                     <input type="text" name="tonnage" placeholder="Contact Name" class="form-control" data-validate-field="tonnage" value="{{old('tonnage', $companies->tonnage)}}">
                  </div>
                  @error('tonnage')
                    <div class="alert alert-danger">
                      {{ $message }}
                    </div>
                  @enderror
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                    <label>Pre-registration Number<span class="text-danger"> Required If Belongs to turkey *</span></label>
                     <input type="text" name="prereg_no" placeholder="Pre-registration Number" class="form-control" data-validate-field="prereg_no" value="{{old('prereg_no', $companies->preregistration_no)}}">
                     @error('prereg_no')
                    <div class="text-danger">
                      {{ $message }}
                    </div>
                  @enderror
                  </div>
                </div>
               
              </div>
              <button type="submit" class="btn btn-primary">Update</button>
              <a class="btn btn-secondary" href="/gpclrmainportal/company">Back</a>
            </form>
          </div>
      </div>
    </div>
@endsection
@section('scripts')
<script>
  new window.JustValidate('.form', { 
      rules: 
        {
            
            cas_no:{required: true},
            ec_no:{required: true},
            year:{required: true},
            tonnage:{required:true}
        },
       messages:{
        cas_no:{
            remote: 'Field is required',  
        },
        ec_no:{
            remote: 'Field is required', 
        },
        year:{
            remote: 'Field is required',   
        },
        tonnage:{
            remote: 'Field is required', 
        },
        
    },
    submitHandler: function(form) { $("#exampleModal").modal({backdrop: 'static', keyboard: false}); $('#myform').submit();},
   });

  $(function() {
    $('.toggle-class').change(function() {
        var status = $(this).prop('checked') == true ? 1 : 0; 
        var user_id = $(this).data('id'); 
        //  alert(user_id);
        $.ajax({
            type: "GET",
            dataType: "json",
            url: '/changeStatus',
            data: {'status': status, 'user_id': user_id},
            success: function(data){
              // console.log(data.success)
            }
        });
    })
  })
</script>
<script>
$( "#nextbtn" ).click(function () {
 
        var cas_no = $('#cas_no').val();
        if(cas_no==''){
              swal({
                    icon:"warning",
                    title:"Please enter valid cas no",
                    //text:"Data Is Not Available",
                    showCancelButton:true,
                    dangerMode: true,
                  })
                  }
                  else{

                 
        $.ajax({
            type: "POST",
            dataType: "json",
            url: '/gpclrmainportal/getECCas',
            data: {'cas_no': cas_no},
            success: function(data){
            // console.log(data.cas_name);
            $('#cas_name').val(data.cas_name);
            $('#ec_no').val(data.ec_no);
            if(data==''){
              swal({
                    icon:"warning",
                    title:"Data Is Not Available",
                    //text:"Data Is Not Available",
                    showCancelButton:true,
                    dangerMode: true,
                  })
                  }
             }
            
        });
      }
});
</script>
@endsection