@extends('layouts.app')
@section('content')
  <div class="main-content">
    <!-- Header -->
    <div class="header bg-gradient-danger pb-8 pt-5 pt-md-6">
       <div class="container-fluid">
          <div class="header-body">
             <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                   <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                      <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                         <li class="breadcrumb-item"><a href="{{url('home')}}"><i class="fas fa-home"></i></a></li>
                         <li class="breadcrumb-item"><a href="{{url('intl_shipment')}}">International Shipment</a></li>
                      </ol>
                   </nav>
                </div>
             </div>
          </div>
       </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--7">
      <div class="row">
        <div class="col-lg-12">
          <div class="card bg-secondary shadow">
            <div class="card-header bg-white">
              <div class="row align-items-center">
                <div class="col-12">
                  <h4 class="mb-0">International Shipment</h4>
                </div>
              </div>
            </div>
            <div class="card-body">
                <form method="POST" name="myform" id="myform" action="{{ url('intl_shipment/saveorder') }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    <input type="hidden" name="order_id" id="order_id">
                    <input type="hidden" name="order_shipping_cost" id="order_shipping_cost">
                    @if(Session::has('message'))
                    <div class="alert {{ Session::get('alert-class', 'alert-info') }}" role="alert">
                        {{ Session::get('message') }}
                    </div>
                    @endif
                    <div class="card-body">  
                         

                                     
                          
                          <table class="table">
                            <thead>
                              <tr>
                                <th>Cargo commodity</th>
                                <th>Pickup Address</th>
                                <th>Deliver Address</th>
                                <th>Weight</th>
                                <th>Size</th>
                                <th>Remark</th>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td><input type="text" name="product_name[]" class="form-control"></td>
                                <td><input type="text" name="pickup_address[]" class="form-control"></td>
                                <td><input type="text" name="deliver_address[]" class="form-control"></td>
                                <td><input type="text" name="product_weight[]" class="form-control"></td>
                                <td><input type="text" name="product_size[]" class="form-control"></td>
                                <td><textarea name="remark[]" class="form-control"></textarea></td>
                              </tr>
                              <!--<tr>
                                <td><input type="text" name="product_name[]" class="form-control"></td>
                                <td><input type="text" name="pickup_address[]" class="form-control"></td>
                                <td><input type="text" name="deliver_address[]" class="form-control"></td>
                                <td><input type="text" name="product_weight[]" class="form-control"></td>
                                <td><input type="text" name="product_size[]" class="form-control"></td>
                                <td><textarea name="remark[]" class="form-control"></textarea></td>
                              </tr>
                              <tr>
                                <td><input type="text" name="product_name[]" class="form-control"></td>
                                <td><input type="text" name="pickup_address[]" class="form-control"></td>
                                <td><input type="text" name="deliver_address[]" class="form-control"></td>
                                <td><input type="text" name="product_weight[]" class="form-control"></td>
                                <td><input type="text" name="product_size[]" class="form-control"></td>
                                <td><textarea name="remark[]" class="form-control"></textarea></td>
                              </tr>-->                        
                            </tbody>
                          </table>
                          <table class="table inc">                              
                          </table>

                          <table class="table">
                              <tr>
                                <td><button type="button" class="btn btn-danger btn-sm" name="addmore" id="append">Add More</button></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                              </tr>     
                          </table>

                          <div class="container">
                              <div class="row">
                                <div class="col-sm">
                                    <div class="card-header">
                                        <h4 class="mb-0">
                                            Billing details                                 
                                        </h4>
                                    </div>
                                    <div class="card-body" style="background: #ffffff;">
                                        <div class="form-group">
                                            <label for="concept" class="col-sm-12 control-label">Name</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_billing_name" name="order_billing_name" value="{{@$user_details->billing_name}}" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="description" class="col-sm-12 control-label">Address</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_billing_address" name="order_billing_address" value="{{@$user_details->billing_address}}" required>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="amount" class="col-sm-12 control-label">Postal Code</label>
                                            <div class="col-sm-12">
                                                <input type="number" class="form-control" id="order_billing_postal_code" name="order_billing_postal_code" value="{{@$user_details->billing_postal_code}}" required>
                                            </div>
                                        </div>
                                         <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Email</label>
                                            <div class="col-sm-12">
                                                 <input type="email" class="form-control" id="order_billing_email" name="order_billing_email" value="{{@$user_details->billing_email}}" required>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Contact No.</label>
                                            <div class="col-sm-12">
                                                 <input type="number" class="form-control" id="order_billing_contact_no" name="order_billing_contact_no" value="{{@$user_details->billing_contact_no}}" required>
                                            </div>
                                        </div>   
                                        
                                         <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Company Name (If Any)</label>
                                            <div class="col-sm-12">
                                                 <input type="text" class="form-control" id="order_billing_company_name" name="order_billing_company_name" value="{{@$user_details->order_billing_company_name}}">
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Company UEN Number (If Any) </label>
                                            <div class="col-sm-12">
                                                 <input type="text" class="form-control" id="order_billing_company_uen_no" name="order_billing_company_uen_no" value="{{@$user_details->order_billing_company_uen_no}}">
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Is your Company GST Registered?</label>
                                            <div class="col-sm-12">
                                                 <input type="text" class="form-control" id="order_billing_company_gst_registered" name="order_billing_company_gst_registered" value="{{@$user_details->order_billing_company_gst_registered}}">
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="card-header">
                                        <h4 class="mb-0">
                                           Shipping details
                                        </h4>
                                    </div>
                                    <div class="card-body" style="background: white;">
                                        <div class="form-group">
                                            <label for="concept" class="col-sm-12 control-label">Name</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_shipping_name" name="order_shipping_name" value="{{@$user_details->shipping_name}}" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="description" class="col-sm-12 control-label">Address</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_shipping_address" name="order_shipping_address" value="{{@$user_details->shipping_address}}" required>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="amount" class="col-sm-12 control-label">Postal Code</label>
                                            <div class="col-sm-12">
                                                <input type="number" class="form-control" id="order_shipping_postal_code" name="order_shipping_postal_code" value="{{@$user_details->shipping_postal_code}}" required>
                                            </div>
                                        </div>
                                         <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Email</label>
                                            <div class="col-sm-12">
                                                 <input type="email" class="form-control" id="order_shipping_email" name="order_shipping_email" value="{{@$user_details->shipping_email}}" required>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Contact No.</label>
                                            <div class="col-sm-12">
                                                 <input type="number" class="form-control" id="order_shipping_contact_no" name="order_shipping_contact_no" value="{{@$user_details->shipping_contact_no}}" required>
                                            </div>
                                        </div> 
                                        
                                        <div class="form-group">
                                            <label for="status" class="col-sm-12 control-label">Is Import Permit Require?</label>
                                            <div class="col-sm-12">
                                                 <input type="hidden" class="form-control" id="order_shipping_email" name="order_shipping_email" value="{{@$user_details->shipping_email}}">
                                                  <input type="radio" name="order_shipping_permit_require" id="order_shipping_permit_require" class="opt" value="Yes" required> <label>Yes</label> &nbsp;&nbsp;
                                                <input type="radio" name="order_shipping_permit_require" id="order_shipping_permit_require" class="opt" value="No"> <label>No</label>
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                              </div>
                            </div>

                        <br/>
                        <div align="center"><input type="submit" name="submit" value="Submit" class="btn btn-primary">&nbsp;<input type="submit" name="submit" value="Save Order" class="btn btn-danger"></div>          

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

<style>
input { font-size: 13px !important; height: 35px !important; }
label { font-size: 13px !important; }
select { font-size: 13px !important; height: 40px !important; }
.opt { height: auto !important; }
.form-group{ margin-bottom: 5px !important; }
.noborder td{ border: none; }
</style>

<script type="text/javascript">
$(document).ready( function () {
    $("#append").click( function() { 
        $(".inc").append('<tr>\
            <td><input type="text" name="product_name[]" class="form-control"></td>\
            <td><input type="text" name="pickup_address[]" class="form-control"></td>\
            <td><input type="text" name="deliver_address[]" class="form-control"></td>\
            <td><input type="text" name="product_weight[]" class="form-control"></td>\
            <td><input type="text" name="product_size[]" class="form-control"></td>\
            <td><textarea name="remark[]" class="form-control"></textarea></td>\
          </tr>');
        return false;
    });
});
</script>
@endsection