@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;
    }.input-group-append{ justify-content: center;
    background: #172e43;padding: 10px;
    color: white;
    text-align: center;}
</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 SIP</h4>
  </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/sip/{{$sips->id}}" enctype="multipart/form-data">
              @csrf @method('PUT')
              <div class="row">
              <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                  <label>Region<span class="text-danger">*</span></label>
                  <select name="region_id" class="form-control select2-show-search" data-validate-field="region_id">
                  <option value="">Select</option>
                  @foreach($regions as $key => $n)
                  <option value="{{$n->id}}" @if($n->id == $sips->region_id) Selected @endif>{{$n->name}}</option>
                  @endforeach
                  </select>
                  @error('region_id')
                  <div class=" text-danger">
                  {{ $message }}
                  </div>
                  @enderror
                  </div>
                  </div>
                  <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 type="text" name="cas_no" placeholder="CAS NO" class="form-control" data-validate-field="cas_no" value="{{old('name', $sips->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" id="ec_no" placeholder="EC No" class="form-control" data-validate-field="ec_no" value="{{old('name', $sips->ec_no)}}" >
                  @error('ec_no')
                  <div class="text-danger">
                  {{ $message }}
                  </div>
                  @enderror
                  </div>
                  </div>
                  <div class="col-lg-6 col-md-6 col-sm-12">
                  <div  class="form-group">
                  <label>SIP Pdf<span class="text-danger">*</span></label>
                    <div class="input-group mb-3">
                      <input id="file" type="file" name="pdf" class="form-control file" data-validate-field="pdf" onchange="return fileValidation('file')">
                      <div class="input-group-append">
                        <span class="input-group-text">
                          <a href="/uploads/{{$sips->pdf}}" target="_blank" class="text-white">Previous Pdf</a>
                        </span>
                      </div>
                    </div>
                  @error('pdf')
                  <div class="alert alert-danger">
                    {{ $message }}
                  </div>
                  @enderror
                  </div>
              </div>
              <button type="submit" class="btn btn-primary">Update</button>
              <a class="btn btn-secondary" href="/gpclrmainportal/sip" style="border-radius: 0px;">Back</a>
            </form>
          </div>
      </div>
          </div>
      
@endsection
@section('scripts')
<script>
   new window.JustValidate('.form', {
      rules: {
        pdf:{required: true}, 
        cas_no:{required: true}, 
      },
      messages: {
        pdf: {
            remote: 'Field is required',
        },
       cas_no: {
            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>
@endsection