@extends('layouts.admin.app')
@section('content')
<style type="text/css">
  .display{display: none}.table{width: 100%!important;}iframe{border: none}th{padding: 7px;}.border-r-0{border-radius: 0px !important;}.btn-next{ background: #908f8c!important;border: 1px solid #908f8c!important;border-radius: 0px;padding-bottom: 12px;padding-top: 12px;font-weight: 800;}
</style>
      <div class="pd-30">
         <div class="col-sm-12 col-xl-12 " style="display:flex;">
           <h4 class="tx-gray-800 mg-b-5 title" style="width:100%;">Send Mail</h4>
           <a href="/gpclrmainportal/mail-list" class="btn btn-primary" style="border-radius:0px;">List</a>
         </div>
      </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">
              <div class="table-responsive">
                <form class="form" method="post" action="/gpclrmainportal/send-mail/submit">
                  @csrf @method('post')
                  <div class="row">
                    <div class="col-md-4">
                       <div class="form-group">
                          <label>CAS No<span class="text-danger">*</span></label>
                          <div class="input-group mb-3">
                            <input type="text" class="form-control" placeholder="CAS No" id="cas_no" name="cas_no" data-validate-field="cas_no" >
                            <div class="input-group-append">
                            <button id="next" type="button" class="input-group-text btn btn-next text-white">NEXT</button>
                            </div>
                          </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                        <label>EC No<span class="text-danger">*</span></label>
                        <input type="text" id="ec_no" name="ec_no" placeholder="EC NO" class="form-control" data-validate-field="ec_no" >
                      </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                        <label>To<span class="text-danger">*</span></label>
                        <input type="text" name="mailto" placeholder="Name" class="form-control" data-validate-field="to" >
                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="form-group">
                        <label>Company Mail ID<span class="text-danger">*</span></label>
                        <textarea  name="companymailid" placeholder="abc@demo.com" class="form-control" data-validate-field="companymailid" ></textarea>
                      </div>
                    </div>
                    <div class="col-md-12">
                      <div class="form-group" style="text-align: center;">
                        
                        <button class="btn btn-style1 text-white">SEND</button>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
          </div>
          <div id="url_generation" class="col-sm-12 col-xl-12 display" style="    height: 223px;">
            <h6>Find Below Details With Respect To CAS NO: <span id="show_cas_no"></span>
            </h6>
            <div class="row" style="padding-left: 15px;padding-right: 15px;">
              <div class="col-md-4">
                <div class="row" style="border: 1px solid #8080804a;">
                  <a href="#" id="show_company" class="col-md-12 text-white mb-2 p-1" style="background:#172e43!important">Show All Company</a>
                  <a id="show_company" href="#" class="col-md-12 text-white mb-2 p-1" style="background: #172e43!important">Edit Company Details</a>
                  <a id="company_credentials" href="#" class="col-md-12 text-white mb-2 p-1" style="background: #172e43!important">Show Company Login Credentials, SIP, JSF, SIFF</a>
                  <a id="cost_modal_request"  href="#" class="col-md-12 text-white mb-2 p-1" style="background: #172e43!important">Show All Request of COST model</a>
                  <a id="siff_request"  href="#" class="col-md-12 text-white mb-2 p-1" style="background: #172e43!important">Show All Request of Siff Agreement</a>
                  <a id="manual_report"  href="#" class="col-md-12 text-white mb-2 p-1" style="background: #172e43!important">Show All Manual Report Work</a>
                </div>
              </div>
              <div class="col-md-8" id="url_solutions" style="border: 1px solid #8080804a;overflow: scroll;height:223px"></div>
            </div>
          </div>
        </div>
      </div>
     
<!-- The Modal -->

<div class="modal fade" id="reportModal">
    <div class="modal-dialog modal-dialog-centered" style="max-width: 804px !important;">
      <div class="modal-content">
        <!-- Modal Header -->
        <div class="modal-header" style="background: #172e43;color: white;">
          <h4 class="modal-title" style="font-size: 16px">UPLOAD REPORT</h4>
          <button type="button" class="close" data-dismiss="modal" style="color: white;">&times;</button>
        </div>
        <!-- Modal body -->
        <div id="modal-body" class="modal-body">
            <form id="myForm" class="needs-validation form" novalidate method="post" action="/gpclrmainportal/report-manual" enctype="multipart/form-data">
              @csrf @method('POST')
              <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 id="report-region" name="region_id" class="form-control" data-validate-field="region_id">
                     
                    </select>
                   
                  </div>
                  @error('region_id')
                    <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 No<span class="text-danger">*</span></label>
                      <input id="report-casno" type="text" name="cas_no" placeholder="Cas No" class="form-control" data-validate-field="cas_no" value="{{old('name')}}">
                  </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>Cas Name </label>
                     <input id="report-casname"  type="text" name="cas_name" placeholder="Cas Name" class="form-control"  value="{{old('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>Company Name <span class="text-danger">*</span></label>
                     <input id="report-companyname"  type="text" name="company_name" placeholder="Company Name" class="form-control" data-validate-field="company_name" value="{{old('company_name')}}">
                   
                  </div>
                  @error('company_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>UUID <span class="text-danger">*</span></label>
                    <input id="report-uuid" type="text" name="uuid" placeholder="UUID" class="form-control" data-validate-field="uuid" value="{{old('uuid')}}">
                   
                  </div>
                  @error('uuid')
                    <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 id="report-ecno"  type="text" name="ec_no" placeholder="EC No" class="form-control" data-validate-field="ec_no" value="{{old('name')}}">
                     
                  </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>SIP</label>
                    <input id="file1" type="file" name="sip_pdf" class="form-control file" onchange="return fileValidation('file1')">
                  </div>
                  @error('sip_pdf')
                    <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>JSF</label>
                     <input id="file2" type="file" name="jsf_pdf" class="form-control file" onchange="return fileValidation('file2')">
                  </div>
                  @error('jsf_pdf')
                    <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>SIEF</label>
                     <input id="file3" type="file" name="sief_pdf" class="form-control file" onchange="return fileValidation('file3')">
                  </div>
                  @error('sief_pdf')
                    <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>INVOICE</label>
                     <input id="file4" type="file" name="invoice_pdf" class="form-control file" onchange="return fileValidation('file4')">
                  </div>
                  @error('invoice_pdf')
                    <div class="alert alert-danger">
                      {{ $message }}
                    </div>
                  @enderror
                </div>
              </div>
              <button type="submit" class="btn btn-style1 text-white">Submit</button>
              <button type="button" class="btn btn-style2 border-r-0 text-white" data-dismiss="modal">Close</button>
            </form>
        </div>
        <!-- Modal footer -->
        <div class="modal-footer" style="justify-content: center;">
          
        </div>
      </div>
    </div>
</div>
@endsection
@section('scripts')
<script src="{{asset('admin/js/just-validate.min.js')}}"></script>
<script>
 
  new window.JustValidate('.form', {
      rules: {
        region_id:{required: true}, 
        ec_no:{required: true}, 
        cas_no:{required: true},
        uuid:{required: true},
        cas_name:{required: true},
        company_name:{required: true},
        companymailid:{required: true},
        to:{required: true},
      },
      messages: {
        region_id: {
            remote: 'Field is required',
        },
        ec_no: {
            remote: 'Field is required',
            
        },cas_no: {
            remote: 'Field is required',
            
        },uuid: {
            remote: 'Field is required',
        },
        cas_name: {
            remote: 'Field is required',
        },
        company_name: {
            remote: 'Field is required',
        },
        companymailid:{
           remote: 'Field is required',
        },
        to:{
           remote: 'Field is required',
        },
      }
   });
 $('#myreportForm').on('click', function()
 {
  //  alert('My form')
    data = new FormData();
    swal({
      icon:"warning",
      title:"Are you sure",
      text:"You want to change access for  this user?",
      showCancelButton:true,
      dangerMode: true,
    }).then((willDelete) => {
      if (willDelete) {
        // alert('I am delete');
        $.ajax({
          type: "POST",
          dataType: "json",
          url: '/gpclrmainportal/deny-access',
          data: data,
          success: function(data){
            swal({
            icon:"success",
            title:"Success",
            text:"User account status changed successully",
            dangerMode: true,
          })

          }
      });
      }
    })
 })
</script>
@endsection