@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('user/home')}}"><i class="fas fa-home"></i></a></li>
                         <li class="breadcrumb-item"><a href="{{url('saveorders')}}">Save Orders</a></li>
                         <li class="breadcrumb-item active" aria-current="page">Edit</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">Edit Save Order - {{$order->order_no}} <button class="btn btn-sm btn-danger" onclick="window.location='{{url('saveorders')}}'" style="float:right;">Back</button></h4>
                </div>
              </div>
            </div>
            <div class="card-body">
                <form method="POST" name="myform" id="myform" action="{{ url('saveorder/update') }}" enctype="multipart/form-data">
                    {{ csrf_field() }}
                    <input type="hidden" name="order_id" id="order_id" value="{{$order->order_id}}">
                    <input type="hidden" name="order_shipping_cost" id="order_shipping_cost" value="{{$order->order_ship4me_shipping_cost}}">
                    <input type="hidden" name="order_no" id="order_no" value="{{$order->order_no}}">

                    @if (strpos($order->order_no, 'CHN') !== false) 
                    <input type="hidden" name="shipment_type" id="shipment_type" value="china">
                    @else
                    <input type="hidden" name="shipment_type" id="shipment_type" value="intl">
                    @endif

                    <div class="card-body">     
                      {{--<div class="row" @if($order->from_country!='') style="display: block;" @else  style="display: none;" @endif>
                            <div class="col-lg-3">
                              <div class="form-group">
                                <label class="form-control-label">From Country:</label>
                                <select name="from_country" class="form-control" style="width: 100%">
                                  <option value="">Select</option>
                                  @foreach($country as $val)
                                  <option value="{{$val->id}}" @if($order->from_country==$val->id) selected @endif>{{$val->nicename}}</option>
                                  @endforeach
                                </select>
                              </div>
                            </div> 
                             <div class="col-lg-3">
                              <div class="form-group">
                                <label class="form-control-label">To Country:</label>
                                <select name="to_country" class="form-control" style="width: 100%">
                                  <option value="">Select</option>
                                  @foreach($country as $val)
                                  <option value="{{$val->id}}" @if($order->to_country==$val->id) selected @endif>{{$val->nicename}}</option>
                                  @endforeach
                                </select>
                              </div>
                            </div>  
                          </div>--}}                        

                          @if (strpos($order->order_no, 'CHN') !== false) 
                          <div class="row">
                           <div class="col-lg-3">
                              <div class="form-group">
                                <label class="form-control-label">City:&nbsp;&nbsp;</label>
                                <input type="radio" name="city" id="city" class="opt" value="Guangzhou" @if($order->city=='Guangzhou') checked @endif> <label>Guangzhou</label> &nbsp;&nbsp;
                                <input type="radio" name="city" id="city" class="opt" value="Yiwu" @if($order->city=='Yiwu') checked @endif> <label>Yiwu</label>
                              </div>
                            </div> 
                          </div> 
                          <div class="row">
                            <div class="col-lg-3">
                              <div class="form-group">
                                <label class="form-control-label">Shipment:</label>
                                <input type="radio" name="shipment" id="shipment" class="opt" @if($order->order_shipping_type=='air') checked @endif value="air" required> <label>Air</label> &nbsp;&nbsp;
                                <input type="radio" name="shipment" id="shipment" class="opt" @if($order->order_shipping_type=='sea') checked @endif value="sea"> <label>Sea</label>

                                @if($order->from_country!='')
                                &nbsp;&nbsp;
                                <input type="radio" name="shipment" id="shipment" class="opt" value="tba"> <label>TBA</label>
                                @endif
                              </div>
                            </div> 
                             <div class="col-lg-3" @if($order->from_country=='') style="display: block;" @else  style="display: none;" @endif>
                              <div class="form-group">
                                <label class="form-control-label">Type:</label>
                                <input type="radio" name="type" id="type" value="ship4me" class="opt" @if($order->order_type=='ship4me') checked @endif> <label>Ship4Me
                                <input type="radio" name="type" id="type" value="buy4me" class="opt" @if($order->order_type=='buy4me') checked @endif> <label>Buy4Me
                              </div>
                            </div>  
                          </div>     
                          @endif
  
                          <br/>
                          @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 Tracking No</th>
                                <th>No. of Parcel</th>
                                <th>Remark</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach($orderdetails as $val)
                              <tr>
                                <td><input type="textbox" name="product_name[]" class="form-control" value="{{$val->order_detail_product_name}}"></td>
                                <td><input type="textbox" name="product_url[]" class="form-control" value="{{$val->order_detail_product_url}}"></td>
                                <td><input type="textbox" name="product_price[]" class="form-control" value="{{$val->order_detail_product_price}}"></td>
                                <td><input type="textbox" name="courier_detail[]" class="form-control" value="{{$val->courier_detail}}"></td>
                                <td><input type="textbox" name="no_of_parcel[]" class="form-control" value="{{$val->no_of_parcel}}"></td>
                                <td><input type="textbox" name="remark[]" class="form-control" value="{{$val->order_detail_product_remark}}"></td>
                              </tr>
                              @endforeach                                               
                            </tbody>
                          </table>
                          @else
                          <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><input type="textbox" name="product_name[]" class="form-control" value="{{$val->order_detail_product_name}}"></td>
                                <td><input type="textbox" name="pickup_address[]" class="form-control" value="{{$val->pickup_address}}"></td>
                                <td><input type="textbox" name="deliver_address[]" class="form-control" value="{{$val->deliver_address}}"></td>
                                <td><input type="textbox" name="product_weight[]" class="form-control" value="{{$val->order_detail_product_weight}}"></td>
                                <td><input type="textbox" name="product_size[]" class="form-control" value="{{$val->order_detail_product_quantity}}"></td>
                                <td><input type="textbox" name="remark[]" class="form-control" value="{{$val->order_detail_product_remark}}"></td>
                              </tr>
                              @endforeach                                               
                            </tbody>
                          </table>
                          @endif

                          <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-3 control-label">Name</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_billing_name" name="order_billing_name" value="{{$order->order_billing_name}}" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="description" class="col-sm-3 control-label">Address</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_billing_address" name="order_billing_address" value="{{$order->order_billing_address}}" required>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="amount" class="col-sm-3 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="{{$order->order_billing_postal_code}}" required>
                                            </div>
                                        </div>
                                         <div class="form-group">
                                            <label for="status" class="col-sm-3 control-label">Email</label>
                                            <div class="col-sm-12">
                                                 <input type="email" class="form-control" id="order_billing_email" name="order_billing_email" value="{{$order->order_billing_email}}" required>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-3 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="{{$order->order_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="{{@$order->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="{{@$order->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="{{@$order->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-3 control-label">Name</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_shipping_name" name="order_shipping_name" value="{{$order->order_shipping_name}}">
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="description" class="col-sm-3 control-label">Address</label>
                                            <div class="col-sm-12">
                                                <input type="text" class="form-control" id="order_shipping_address" name="order_shipping_address" value="{{$order->order_shipping_address}}" required>
                                            </div>
                                        </div>  
                                        <div class="form-group">
                                            <label for="amount" class="col-sm-3 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="{{$order->order_shipping_postal_code}}">
                                            </div>
                                        </div>
                                         <div class="form-group">
                                            <label for="status" class="col-sm-3 control-label">Email</label>
                                            <div class="col-sm-12">
                                                 <input type="email" class="form-control" id="order_shipping_email" name="order_shipping_email" value="{{$order->order_shipping_email}}">
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-3 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="{{$order->order_shipping_contact_no}}">
                                            </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="radio" name="order_shipping_permit_require" id="order_shipping_permit_require" class="opt" value="Yes" @if($order->order_shipping_permit_require=='Yes') checked @endif required> <label>Yes</label> &nbsp;&nbsp;
                                                <input type="radio" name="order_shipping_permit_require" id="order_shipping_permit_require" class="opt" @if($order->order_shipping_permit_require=='No') checked @endif value="No"> <label>No</label>
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                              </div>
                            </div>

                        <br/>
                        <div align="center"><input type="submit" name="submit" value="Move to Orders" class="btn btn-primary"></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; }
</style>

<script type="text/javascript">
$(document).ready( function () {
    @if (strpos($order->order_no, 'CHN') !== false) 
    $("#append").click( function() { 
        $(".inc").append('<tr>\
            <td><input type="textbox" name="product_name[]" class="form-control"></td>\
            <td><input type="textbox" name="product_url[]" class="form-control"></td>\
            <td><input type="textbox" name="product_price[]" class="form-control qty1"></td>\
            <td><input type="textbox" name="courier_detail[]" class="form-control"></td>\
            <td><input type="textbox" name="no_of_parcel[]" class="form-control"></td>\
            <td><input type="textbox" name="remark[]" class="form-control"></td>\
          </tr>');
        return false;
    });
    @endif

    @if (strpos($order->order_no, 'INTL') !== false) 
    $("#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><input type="text" name="remark[]" class="form-control"></td>\
          </tr>');
        return false;
    });
    @endif
});
</script>
@endsection