@extends('layout.master')
@section('content')
    @php
        //  dd($order_details->toArray());

        // dd($order_details->order->product_json_data);
        $buyers = isset($order_details->order->buyers_json_data) ? json_decode(@$order_details->order->buyers_json_data)->buyers_details->users_details : 'N/A';
        $buyerAddress = isset($order_details->order->buyers_json_data) ? json_decode($order_details->order->buyers_json_data)->buyers_details->user_address : 'N/A';
    @endphp

    <section class="content pb-5">
        <div class="container-fluid">

            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Order Details</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="zone-box order-detail-one">
                        <div class="row">
                            <div class="col-md-4 col-12">
                                <div class="">
                                    <h6>{{ @$order_details->order->order_id }} - <span class="text-danger">NEW</span> </h6>
                                </div>
                            </div>

                            <div class="col-md-8 col-12">
                                <div class="new-order-btns">
                                    <button type="button" class="btn btn-danger mr-2"><i class="fa fa-file mr-"
                                            aria-hidden="true"></i> Invoice</button>
                                    <button type="button" class="btn btn-danger mr-2" style="display: none"><i
                                            class="fa fa-tag mr-1 " aria-hidden="true"></i> Ship</button>
                                    <button type="button" class="btn btn-danger" style="display: none"><i
                                            class="fa fa-tag mr-1" aria-hidden="true"></i> Verify order</button>
                                </div>
                            </div>
                        </div>

                        <hr>

                        <div class="row">
                            <div class="col-md-3">
                                <h5 class="order-head">Order Date & Channel</h5>
                                <p class="order-txt">13 Oct 2022 12:00 AM <br> CUSTOM</p>
                            </div>
                            <div class="col-md-3">

                                <h5 class="order-head pt-3 pt-sm-0">Order Value & Mode</h5>
                                <p class="order-txt mb-0">Rs : {{ @$order_details->total_charges }}</p>
                                <span
                                    class="badge badge-success order-badge">{{ @ucfirst($order_details->order->payment_mode) }}</span>
                            </div>
                            <div class="col-md-3">

                                <h5 class="order-head pt-3 pt-sm-0">Dimention & Weight</h5>
                                <p class="mb-0 order-txt">
                                    {{ @$order_details->package_length . 'X' . @$order_details->package_width . 'X' . @$order_details->package_height }}
                                </p>
                                @php
                                    $volWeight = ((float) $order_details['package_width'] * (float) $order_details['package_length'] * (float) $order_details['package_height']) / 5000;
                                    $ordersWeight = $volWeight;

                                    $weight = (float) $order_details['package_weight'];
                                    if ($volWeight > $weight) {
                                        $ordersWeight = $volWeight;
                                    } else {
                                        $ordersWeight = $weight;
                                    }
                                @endphp
                                <p class="mb-0 order-txt">Volumetric Weight : <strong>{{ $volWeight }}</strong> </p>
                                <p>Entered Weight : <strong>{{ $weight }}</strong></p>
                            </div>
                            <div class="col-md-3">
                                <h5 class="order-head">Shipment & Details</h5>
                                <p class="order-txt">Courier : {{ @$order_details->lsp_name }} </p>
                                <p class="order-txt">Courier Rule Applied : </p>
                                <p class="order-txt">AWB : {{ @$order_details->docket_no }}</p>
                            </div>

                            <div class="col-md-12  pt-3 pt-sm-0">
                                <button type="button" class="btn btn-primary">Add Package Images</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">

                        <p>Customer Details</p>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="zone-box order-detail-one">
                        <div class="row">
                            <div class="col-md-6">
                                <h5 class="order-head"><i class="fa fa-user" aria-hidden="true"></i> Customer Details</h5>
                                <p class="order-txt">{{ @$buyers->first_name }}</p>
                                <p class="order-txt">{{ @$buyers->email }}</p>
                                <p class="order-txt">{{ @$buyers->mobile_number }}</p>
                            </div>
                            <div class="col-md-6 pt-3 pt-sm-0">
                                <div class="d-flex justify-content-between">
                                    <h5 class="order-head"><i class="fa fa-envelope" aria-hidden="true"></i> Customer
                                        Address</h5>
                                    <a href="'.url('/customers').'">'<i class="fa fa-edit edit-icon ml-2"
                                            style="display: none"></i></a>
                                </div>
                                <p class="order-txt">{{ @$buyerAddress->pincode }} <br>
                                    {{ @$order_details->order->toAddress->country->name }}<br>
                                    {{ @$order_details->order->toAddress->state->name }}<br>
                                    {{ @$order_details->order->toAddress->district->name }} </p>
                                </p>

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

            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Product Details</p>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th scope="col">Product</th>
                                    <th scope="col">Category</th>
                                    <th scope="col">HSN <i class="fa fa-edit ml-2"style="display: none"></i></th>
                                    <th scope="col">SKU</th>
                                    <th scope="col">Channel</th>
                                    <th scope="col">Quantity</th>
                                    <th scope="col">Unit Price (₹)</th>
                                    <th scope="col">Discount (₹)</th>
                                    <th scope="col">Tax (₹)</th>
                                    <th scope="col">Total (₹)</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{ @$order_details->name }}</td>
                                    <td>{{ @$order_details->category_id }}</td>
                                    <td>{{ @$order_details->hsn }}</td>
                                    <td>{{ @$order_details->sku }}</td>
                                    <td>{{ @$order_details->order->channel }}</td>
                                    <td>{{ @$order_details->quantity }}</td>
                                    <td>{{ @$order_details->unit_price }}</td>
                                    <td>{{ @$order_details->discount }}</td>
                                    <td>{{ @$order_details->tax }}</td>
                                    <td>{{ @$order_details->unit_price * @$order_details->quantity - @$order_details->quantity * @$order_details->discount }}
                                    </td>

                                </tr>
                                <tr>
                                    <td colspan="9" class="text-right"> <strong> Order Amount :</strong> </td>
                                    <td><strong>
                                            {{ @$order_details->unit_price * @$order_details->quantity - @$order_details->quantity * @$order_details->discount }}
                                        </strong></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="row pt-4">
                <div class="col-md-6">
                  <div class="title-section">
                    <p>Order Details</p>
                  </div>

                  <div class="zone-box order-detail-one">
                    <table class="table neworder-detail-table table-responsive">
                      <tbody>
                        <tr>
                          <td>Channel :</td>
                          <td colspan="2">{{ @$order_details->order->channel }}</td>
                        </tr>
                        <tr>
                          <td>Order Id :</td>
                          <td colspan="2">{{ @$order_details->order->order_id }}</td>
                        </tr>
                        <tr>
                          <td>Order Tag :</td>
                          <td colspan="2"><a href="#">Add Order Tag</a></td>
                        </tr>
                        <tr>
                          <td>Order Created on Channel At :</td>
                          <td colspan="2">13 Oct 2022 12:00 AM</td>
                        </tr>
                        <tr>
                          <td>Order Created on System At :</td>
                          <td colspan="2">{{ @$order_details->order->start_date }}</td>
                        </tr>
                        <tr>
                          <td>Payment Method :</td>
                          <td>{{ @$order_details->order->payment_mode }}</td>
                          <td><a href="#"><i class="fa fa-edit edit-icon mt-1"style="display: none"></i></a></td>
                        </tr>
                        <tr>
                          <td>Payment Gateway :</td>
                          <td colspan="2">Razorpay</td>
                        </tr>
                        <tr>
                          <td>EwayBill Number :</td>
                          <td colspan="2">{{ @$order_details->order->eway_bill_number }}</td>
                        </tr>
                        <tr>
                          <td>Order Type :</td>
                          <td colspan="2">{{ @$order_details->order->order_type }}</td>
                        </tr>
                        {{-- <tr>

                          <td>Select Order Type</td>
                          <td><a href="#"><i class="fa fa-edit edit-icon mt-1"style="display: none"></i></a></td>
                        </tr> --}}

                      </tbody>
                    </table>
                  </div>
                </div>

              <div class="col-md-6">
                <div class="title-section">
                  <p>Shipping Details</p>
                </div>

                <div class="zone-box order-detail-one">

                  <table class="table neworder-detail-table table-responsive">
                    <tbody>
                      <tr>
                        <td>Dimention <img src="images/Info.svg" class="ml-1" height="15px" alt=""> :</td>
                        <td>{{ @$order_details->package_length . 'X' . @$order_details->package_width . 'X' . $order_details->package_height }}</td>
                        <td><a href="#"><i class="fa fa-edit edit-icon mt-1"style="display: none"></i></a></td>
                        @php
                        $volWeight = ((float) $order_details['package_width'] * (float) $order_details['package_length'] * (float) $order_details['package_height']) / 5000;
                        $ordersWeight = $volWeight;

                        $weight = (float) $order_details['package_weight'];
                        if ($volWeight > $weight) {
                            $ordersWeight = $volWeight;
                        } else {
                            $ordersWeight = $weight;
                        }
                    @endphp
                      </tr>
                      <tr>
                        <td>Volumetric Weight :</td>
                        <td colspan="2">{{ $volWeight }}</td>
                      </tr>
                      <tr>
                        <td>Entered Weight :</td>
                        <td colspan="2">{{ $weight }}<a href="#"></a></td>
                      </tr>
                      <tr>
                        <td>Charged Weight :</td>
                        <td colspan="2">{{@$order_details-> package_weight }}</td>
                      </tr>
                      <tr>
                        <td>Courier :</td>
                        <td colspan="2">N/A</td>
                      </tr>
                      <tr>
                        <td>AWB :</td>
                        <td colspan="2">{{ @$order_details->docket_no }}</td>
                      </tr>
                      <tr>
                        <td>Menifest ID :</td>
                        <td colspan="2">{{ @$order_details->manifest_no }}</td>
                      </tr>
                      <tr>
                        <td>Pickup Address :</td>
                        <td>{{ @$buyerAddress->pincode }}, </td>
                        <td>{{ @$order_details->order->toAddress->country->name }}, </td>
                        <td>{{ @$order_details->order->toAddress->state->name }}, </td>
                        <td> {{ @$order_details->order->toAddress->district->name }}</td>



                        <td><a href="#"><i class="fa fa-edit edit-icon mt-1"style="display: none"></i></a></td>
                      </tr>
                    </tbody>
                  </table>


                </div>
              </div>

             </div>


        </div>
    </section>

    {{-- <style>
.neworder-detail-table td{border: 0; font-size: 14px;}
          .neworder-detail-table  tr:nth-child(even) {background-color: #FFFFFF;}
        </style> --}}
@endsection