@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('orders')}}">Orders</a></li>
                         <li class="breadcrumb-item active" aria-current="page">View</li>
                      </ol>
                   </nav>
                </div>
                <div class="col-lg-6 col-5 text-right">
                   <a href="{{url('orders/edit')}}/{{Request::segment(3)}}" class="btn btn-sm btn-neutral">Edit</a>
                </div>
             </div>             
          </div>
       </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--7">

       <div class="row">
         <div class="col">
            <div class="card bg-secondary shadow">
               <div class="card-header">
                  <h3 class="mb-0">View Order - {{$order->order_no}} <button class="btn btn-sm btn-success" onclick="window.location='{{url('orders/exportpdf')}}/{{$order->order_id}}'" style="float:right; margin-left: 20px;">Export PDF</button>&nbsp;&nbsp;<button class="btn btn-sm btn-danger" onclick="window.location='{{url('orders')}}'" style="float:right;">Back</button></h4>
               </div>
                <div class="card-body">

                    @if($order->city!='')
                    <div style="font-size: 13px;">
                     <label>City: <b>{{isset($order->city)?$order->city:''}}</b></label>&nbsp;&nbsp;&nbsp;
                    </div>
                    <div style="font-size: 13px;">
                     <label>Shipment: <b>{{ucfirst($order->order_shipping_type)}}</b></label>&nbsp;&nbsp;&nbsp;
                     <label>Type: <b>{{ucfirst($order->order_type)}}</b></label>
                    </div><br/>
                    @endif

                    @if (strpos($order->order_no, 'INTL') !== false) 
                    <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>
                            @foreach($orderdetails as $val)
                            <tr>
                                <td>{{$val->order_detail_product_name}}</td>
                                <td>{{$val->pickup_address}}</td>
                                <td>{{$val->deliver_address}}</td>
                                <td>{{$val->order_detail_product_weight}}</td>
                                <td>{{$val->order_detail_product_quantity}}</td>
                                <td>{{$val->order_detail_product_remark}}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table><br/>   
                    @endif

                    @if (strpos($order->order_no, 'CHN') !== false) 
                    <table class="table">
                        <thead>
                          <tr>
                                <th>Product Name</th>
                                <th>Product URL</th>
                                <th>Value(RMB)</th>
                                <th>Courier Detail</th>
                                <th>No. of Parcel</th>
                                <th>Remark</th>
                          </tr>
                        </thead>
                        <tbody>
                            @foreach($orderdetails as $val)
                            <tr>
                                <td>{{$val->order_detail_product_name}}</td>
                                <td>{{$val->order_detail_product_url}}</td>
                                <td>{{$val->order_detail_product_price}}</td>
                                <td>{{$val->courier_detail}}</td>
                                <td>{{$val->no_of_parcel}}</td>
                                <td>{{$val->order_detail_product_remark}}</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table><br/>   
                    @endif

                    <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-3 control-label">Name</label>
                                            <div class="col-sm-12">
                                                <p>{{$order->order_billing_name}}</p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="description" class="col-sm-3 control-label">Address</label>
                                            <div class="col-sm-12">
                                                <p>{{$order->order_billing_address}}</p>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="amount" class="col-sm-3 control-label">Postal Code</label>
                                            <div class="col-sm-12">
                                                <p>{{$order->order_billing_postal_code}}</p>
                                            </div>
                                        </div>
                                         <div class="form-group">
                                            <label for="status" class="col-sm-3 control-label">Email</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->order_billing_email}}</p>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-3 control-label">Contact No.</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->order_billing_contact_no}}</p>
                                            </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">
                                                 <p>{{$order->order_billing_company_name}}</p>
                                            </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">
                                                 <p>{{$order->order_billing_company_uen_no}}</p>
                                            </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">
                                                 <p>{{$order->order_billing_company_gst_registered}}</p>
                                            </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-3 control-label">Name</label>
                                            <div class="col-sm-12">
                                                <p>{{$order->order_shipping_name}}</p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="description" class="col-sm-3 control-label">Address</label>
                                            <div class="col-sm-12">
                                                <p>{{$order->order_shipping_address}}</p>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="amount" class="col-sm-3 control-label">Postal Code</label>
                                            <div class="col-sm-12">
                                                <p>{{$order->order_shipping_postal_code}}</p>
                                            </div>
                                        </div>
                                         
                                        <div class="form-group">
                                            <label for="status" class="col-sm-3 control-label">Contact No.</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->order_shipping_contact_no}}</p>
                                            </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">
                                                 <p>{{$order->order_shipping_permit_require}}</p>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                              </div>
                            </div>

                            <div class="container" style="margin-top: 30px;">
                              <div class="row">
                                <div class="col-sm">
                                    <div class="card-header">
                                        <h4 class="mb-0">
                                            Order                                  
                                        </h4>
                                    </div>
                                    <div class="card-body" style="background: #ffffff;">
                                        <div class="form-group">
                                            <label for="status" class="col-sm-3 control-label">Order Status</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->order_status}}</p>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Completion Date</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->order_date}}</p>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Remarks</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->order_remarks}}</p>
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="card-header">
                                        <h4 class="mb-0">
                                            Payment
                                        </h4>
                                    </div>
                                    <div class="card-body" style="background: #ffffff;">
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Payment Status</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->order_payment_status}}</p>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Payment Method</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->payment_method}}</p>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Payment Date</label>
                                            <div class="col-sm-12">
                                                 @if($order->payment_date!='1970-01-01')
                                                 <p>{{$order->payment_date}}</p>
                                                 @endif
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">File Upload</label>
                                            @if($order->file!='')
                                            <div class="col-sm-12">
                                                <a href="{{url('uploads/order/'.$order->order_id.'/'.$order->file)}}" target="_blank" class="btn btn-success btn-sm">View File</a>
                                            </div>
                                            @endif
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Remarks</label>
                                            <div class="col-sm-12">
                                                 <p>{{$order->payment_remarks}}</p>
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                              </div>
                            </div>
                </div>
            </div>
         </div>
      </div>   

    </div>

<style>
label { font-size: 13px !important; }
</style>

@endsection