@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">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 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>
            </div>
            <div class="card-body">
                <form method="POST" name="myform" id="myform" action="{{ url('orders/saveorder') }}" 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}}">
                    <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>                        

                          <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">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>     
  
                          <br/>
                          @if($order->from_country=='')
                          <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>
                          @endif

                          @if($order->from_country!='')
                          <table class="table">
                            <thead>
                              <tr>
                                <th>Product Name</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>
                                </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>
                                </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">
                                                 <select name="order_status" id="order_status" class="form-control">
                                                    <option value="">Select</option>
                                                    <option value="Pending" @if($order->order_status=='Pending') selected @endif>Pending</option>
                                                    <option value="Received" @if($order->order_status=='Received') selected @endif>Received</option>
                                                    <option value="Shipped" @if($order->order_status=='Shipped') selected @endif>Shipped</option>
                                                 </select>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Completion Date</label>
                                            <div class="col-sm-12">
                                                 <input type="date" class="form-control" name="order_date" value="{{$order->order_date}}">
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Remarks</label>
                                            <div class="col-sm-12">
                                                 <textarea name="order_remarks" class="form-control" cols="45" rows="4">{{$order->order_remarks}}</textarea>
                                            </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">
                                                 <select name="order_payment_status" id="order_payment_status" class="form-control">
                                                    <option value="">Select</option>
                                                    <option value="Pending" @if($order->order_payment_status=='Pending') selected @endif>Pending</option>
                                                    <option value="Paid" @if($order->order_payment_status=='Paid') selected @endif>Paid</option>
                                                 </select>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Payment Method</label>
                                            <div class="col-sm-12">
                                                 <select name="payment_method" id="payment_method" class="form-control">
                                                    <option value="">Select</option>
                                                    <option value="Online Transfer" @if($order->payment_method=='Online Transfer') selected @endif>Online Transfer</option>
                                                    <option value="Cheque" @if($order->payment_method=='Cheque') selected @endif>Cheque</option>
                                                    <option value="Cash" @if($order->payment_method=='Cash') selected @endif>Cash</option>
                                                    <option value="Others" @if($order->payment_method=='Others') selected @endif>Others</option>
                                                 </select>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">Payment Date</label>
                                            <div class="col-sm-12">
                                                 <input type="date" class="form-control" name="payment_date" value="{{$order->payment_date}}">
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                            <label for="status" class="col-sm-4 control-label">File Upload</label>
                                            <div class="col-sm-12">
                                                 <input type="file" name="uploadfile">                                               
                                            </div>
                                            @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">
                                                 <textarea name="payment_remarks" class="form-control" cols="45" rows="4">{{$order->payment_remarks}}</textarea>
                                            </div>
                                        </div> 
                                    </div>
                                </div>
                              </div>
                            </div>

                        <br/>
                        <div align="center"><input type="submit" name="submit" value="Submit" 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($order->from_country=='')
    $("#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($order->from_country!='')
    $("#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