@extends('layouts.app')

@section('content')
<style>
.w-33 {
  width: 30% !important
}
.modal-dialog {
    max-width: 800px;
}
.modal-dialog{
    position: relative;
    display: table; /* This is important */
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}

</style>

<div class="row mt-2">
    <div class="col"></div>

    <div class="col-10 minheight">
      <div class="widgets">
      <div class="float-left w-100 line" style="margin-bottom: 1rem;">
        <h4 class="float-left pt-2">  {{strtoupper($enquiry->send_type)}}
                  <!-- Direct Quotation -->
         Enquiry </h4>

          <div class="orderno iqno fontlight pt-4"> <b> Enquiry Type: </b> <span> {{$enquiry->quote_type}}  </span> &nbsp; &nbsp; <i class="fa-solid fa-calendar-days"></i> Posted On {{date('d M Y', strtotime($enquiry->created_on))}} </div>
      </div>

    
    

  @if($errors->any())
      <div class="alert alert-danger float-left w-100 mt-4 mb-4" role="alert mb-4">
        <h5> Invalid Amount!</h5>
        <p> {{$errors->first()}}</p>
      </div>
      <br>
  @endif


      <div class="container viewbox">
          <div class="row d-flex justify-content-center">
              <div class="col-md-12">

                  <div class="wizard">

                    <div class="float-left w-100 mb-3">
                                                                                          <div class="viewbuttons float-right">
                        <a style="display: none" class="btn btn-outline-dark btn-sm float-right" href="/freight/list"> <i class="fa-solid fa-angle-left"></i> back </a>
                                                </div>
                    </div>
                    <div class="card mt-4">
                        <div class="card-header">
                          <div class="enquiry-header">
                            <div class="float-left"> <i class="fa-solid fa-earth-americas"></i> {{$enquiry->orgin_country}} ({{$enquiry->orgincountry}}) → {{$enquiry->destination_country}} ({{$enquiry->destinationcountry}}) </div>
                            <div class="float-right"> <span style="font-weight: 500"> <i class="fa-solid fa-barcode"></i>
                              IQ#{{$enquiry->enquiry_no}}

                            </span> </div>
                          </div>
                        </div>
                        <div class="card-body">
                          <div class="float-left w-100 mt-2">
                            <div class="row">
                                <div class="col-md-12 col-sm-3">
                                  <div class="form-group">
                                    <div class="float-left w-100 line">
                                      <label>Company Name: </label> {{$enquiry->shipper}}
                                    </div>
                                  </div>
                                </div>
                            </div>
                          </div>



                          <div class="float-left w-100 mt-4">
                          <div class="row">
                            <div class="col">
                              <div class="form-group">
                                                                <label>Origin Port: </label> <span> <u>{{$enquiry->orginport}} ({{$enquiry->orginportcode}})</u> </span>
                                                            <br>
                              <br>
                              <div class="w-100">
                                <label>Estimated Delivery Time: </label> 01 Jan 1970                              </div>
                              <br>
                              <div class="w-100">
                                <label>Prefered Liner/Airliner: </label>                               </div>
                              </div>
                            </div>
                            <div class="col">
                              <div class="form-group">
                                                                <label>Destination Port: </label>   <span><u>{{$enquiry->destinationport}} ({{$enquiry->destinationportcode }})</u> </span>
                                                            </div>
                            </div>
                          </div>
                          </div>

                          
                          <div class="float-left w-100 mt-4 pt-2">
                                                        <h5 class="sub_header"> {{strtoupper($enquiry->send_type)}} Load Details </h5>
                                                                                    <div class="row mt-3 mt-3 line">

                              <div class="col-md-1 col-sm-3">
                                  <div class="form-group text-center">
                                      <label>Sl No.</label>

                                  </div>
                                </div>

                              <div class="col-md-2 col-sm-3">
                                <div class="form-group">
                                    <label>Package Type</label>

                                </div>
                              </div>

                              <div class="col-md-2 col-sm-3">
                                <div class="form-group text-center">
                                    <label>Quantity</label>
                                </div>
                              </div>

                              <div class="col-md-2 col-sm-3">
                                <div class="form-group text-center">
                                    <label>Dimensions</label>
                                </div>
                              </div>

                              <div class="col-md-2 col-sm-3">
                                <div class="form-group text-center">
                                    <label>Weight (Ton)</label>
                                </div>
                              </div>

                              <div class="col-md-3 col-sm-3">
                                <div class="form-group float-left w-75">
                                    <label>Commodity*</label>
                                </div>
                              </div>


                            </div>
                            <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/shipeaze/public_html/dev/resources/views/freight/send_offer.blade.php</b> on line <b>324</b><br />
                                                    </div>

                        </div>
                      </div>

                  </div>
              </div>
          </div>

          <div class="card mt-4">
              <div class="card-header">
                <div class="enquiry-header">Cargo Details</div>
              </div>
              <div class="card-body">
                <div class="mt-3"> <h5> Basic Details </h5> </div>
                <table class="table m-0 table-striped ">
                  <tr>
                    <th class="w-33" scope="col"> Cargo Ready Date </th>
                    <td style="width: 5%">:</td>
                    <td>  {{date('d M Y', strtotime($enquiry->date))}} </td>
                  </tr>
                  <tr>
                    <th class="w-33" scope="col"> Cargo Type </th>
                    <td style="width: 5%">:</td>
                    <td> {{$enquiry->cargo_type}} </td>
                  </tr>
                                                      </table>
                  <div class="mt-4"> <h5> Incoterms </h5> </div>
                  <table class="table m-0 table-striped ">
                  <tr>
                    <th class="w-33" scope="col"> Import Incoterm </th>
                    <td style="width: 5%">:</td>
                    <td> <p class="m-0">{{$enquiry->icode}} - {{$enquiry->iincoterms}} </p> </td>
                  </tr>
                  <tr>
                    <th class="w-33" scope="col"> Export Incoterm </th>
                    <td style="width: 5%">:</td>
                    <td> <p class="m-0">{{$enquiry->ecode}} - {{$enquiry->eincoterms}} </p> </td>
                  </tr>
                  </table>
                  <div class="mt-4"> <h5> Stuffing & Destuffing </h5> </div>
                  <table class="table m-0 table-striped ">
                  <tr>
                    <th class="w-33" scope="col"> Stuffing Type </th>
                    <td style="width: 5%">:</td>
                    <td> <p class="m-0">{{$enquiry->stufftype}} </p> </td>
                  </tr>
                  <tr>
                    <th class="w-33" scope="col"> Destuffing Type </th>
                    <td style="width: 5%">:</td>
                    <td> <p class="m-0">{{$enquiry->destufftype}} </p> </td>
                  </tr>


                </table>
              </div>
            </div>
            <div class="card mt-4">
              <div class="card-header">
                <div class="enquiry-header">Trucking Services</div>
              </div>
              <div class="card-body">
                <table class="table m-0 table-striped ">
                  <tr>
                    <th class="w-33" scope="col"> Need Trucking for Pick Up </th>
                    <td style="width: 5%">:</td>
                    <td>  {{$enquiry->tpickup}} </td>
                  </tr>
                                    <tr>
                    <th class="w-33" scope="col"> Need Trucking for Drop Off </th>
                    <td style="width: 5%">:</td>
                    <td>  {{$enquiry->tdropoff}} </td>
                  </tr>
                                  </table>
              </div>
            </div>
            <div class="card mt-4">
              <div class="card-header">
                <div class="enquiry-header">Other Services</div>
              </div>
              <div class="card-body">
                <table class="table m-0 table-striped ">
                  <tr>
                    <th class="w-33" scope="col">Need Custom Clearance at Origin </th>
                    <td style="width: 5%">:</td>
                    <td>  {{$enquiry->tclearanceorigin}} </td>
                  </tr>
                  <tr>
                    <th class="w-33" scope="col">Need Custom Clearance at Destination </th>
                    <td style="width: 5%">:</td>
                    <td>  {{$enquiry->tclearancedestination}} </td>
                  </tr>
                                      <tr>
                      <th class="w-33" scope="col">Need Marine Insurance </th>
                      <td style="width: 5%">:</td>
                      <td>  {{$enquiry->insurance}} </td>
                    </tr>

                </table>
              </div>
            </div>
            <div class="card mt-4">
              <div class="card-header">
                <div class="enquiry-header">Credit Terms</div>
              </div>
              <div class="card-body">
                  <p></p>
              </div>
            </div>
            <div class="card mt-4">
              <div class="card-header">
                <div class="enquiry-header">Additional Notes/Instructions</div>
              </div>
              <div class="card-body">
                  <p></p>
              </div>
            </div>
      </div>

    </div>
    </div>




    <div class="col"></div>
  </div>


<script>
$("#myform").validate({
  rules: {
   amount: "required",
   preferred_liner: "required",
   edd: "required",
   min: 600
 },
 messages: {
   'amount': {
     min: "Invalid Amount",
   }
 },
 submitHandler: function(form) {
   var editor = quill.root.innerHTML;
   $('#notes').val(editor);
   $('#myform')[0].submit();
 }
});

var upgradeTime = {{$minLeftRaw}};
var seconds = upgradeTime;
function timer() {
  var days        = Math.floor(seconds/24/60/60);
  var hoursLeft   = Math.floor((seconds) - (days*86400));
  var hours       = Math.floor(hoursLeft/3600);
  var minutesLeft = Math.floor((hoursLeft) - (hours*3600));
  var minutes     = Math.floor(minutesLeft/60);
  var remainingSeconds = seconds % 60;
  function pad(n) {
    return (n < 10 ? "0" + n : n);
  }
  var daycount = "";
  if(days > 0) {
    daycount = pad(days)+":";
  }
  document.getElementById('countdown').innerHTML = daycount + pad(hours) + ":" + pad(minutes) + ":" + pad(remainingSeconds);
  if (seconds == 0) {
    clearInterval(countdownTimer);
    document.getElementById('countdown').innerHTML = "00:00:00";
  } else {
    seconds--;
  }
}
var countdownTimer = setInterval('timer()', 1000);

</script>

@endsection