@extends('layouts.app')

@section('content')
<style>
.w-33 {
  width: 33% !important
}
</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"> Approval:  {{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>


      <div class="container viewbox">
          <div class="row d-flex justify-content-center">
              <div class="col-md-12">
                  <div class="wizard">
                    <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-9 col-sm-3">
                                  <div class="form-group">
                                    <label> Shipper's Company Name </label>
                                    <span> <u> {{$enquiry->shipper}} </u> </span>
                                    <br>
                                    <br>
                                                                        <label>Origin Port: </label> <span> <u>{{$enquiry->orginport}} ({{$enquiry->orginportcode}})</u> </span>
                                      <br>
                                      <br>
                                    <label>Destination Port: </label>   <span><u>{{$enquiry->destinationport}} ({{$enquiry->destinationportcode }})</u> </span>
                                                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-3">
                                    <div class="form-group">
                                        <label>Approval Status: </label>
                                                                                <span class="badge bg-secondary"><i class="fa-solid fa-circle"></i> Pending</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/admin/approval_view.blade.php</b> on line <b>235</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 class="w-100 float-left mt-4 mb-4">
            <form action="" method="post" class="form">
            <center>
              <div><label><b> Approval </b></label></div>
              <br>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" id="inlineCheckbox1" value="1" name="approval" checked>
                <label class="form-check-label" for="inlineCheckbox1">Approve</label>
              </div>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" id="inlineCheckbox2" value="2" name="approval">
                <label class="form-check-label" for="inlineCheckbox2">Reject</label>
              </div>

            <div class="row mt-3 mt-2">
              <center>
                <div class="form-group">
                  <label>Remarks</label>
                  <textarea class="w-50  form-control" name="remark" id="remark"></textarea>
                </div>
              </center>
            </div>
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <input type="submit" class="btn btn-primary mt-4" value="Update Status" />

          </center>
        </form>
      </div>
        </div>

    </div>
    </div>




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

<script>


</script>

@endsection