@extends('layouts.layout')
@section('content')
<style>
    .cart-section .cart-table thead tr th {
        border-top: 0px solid #232323;
        border-bottom: 1px solid #e7e3e3 !important;
    }

    .order-details-table .table-details .table tfoot tr.table-order:nth-child(n+3) {
        border-bottom: 0px solid #ddd !important;
    }

    .order-details-table .table-details .table tfoot tr.table-order:last-child {
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
</style>
<!-- Right sidebar Ends-->
<div class="page-body">
    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="page-header">
            <div class="row">
                <div class="col-lg-6">
                    <div class="page-header-left">
                        <h3>Shipment Details
                            <small>Sama Admin panel</small>
                        </h3>
                    </div>
                </div>
                <div class="col-lg-6">
                    <ol class="breadcrumb pull-right">
                        <li class="breadcrumb-item">
                            <a href="{{ route('admin.dashboard') }}">
                                <i data-feather="home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{ route('sale.orders') }}">Orders</a></li>
                        <li class="breadcrumb-item active">Shipment Details</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->

    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row">
            {{-- @php
    dd($order);
@endphp --}}
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header d-flex align-items-center justify-content-start flex-wrap">

                        <a href="javascript:void(0)"
                            onclick="updateStatus('{{ $shipping_data->id }}', '{{ $order->order_status }}')"
                            data-bs-toggle="tooltip"
                            data-bs-placement="top"
                            title="Update delivery status"
                            class="me-2">
                            <span class="badge badge-secondary" style="color:white">
                                {{ $order->status_name }}
                            </span>
                        </a>

                        <form action="{{ route('shipment.sendEmail', $order->order_id) }}"
                            method="POST"
                            class="d-inline me-2">
                            @csrf
                            <button type="submit"
                                class="btn btn-sm btn-outline-primary text-nowrap"
                                onclick="return confirm('Send shipment/tracking email to customer?')">
                                Send Email
                            </button>
                        </form>



                        <a href="{{ route('shipment.label', $order->order_id) }}"
                            class="btn btn-sm btn-outline-secondary text-nowrap">
                            Print Label
                        </a>

                    </div>
                    <div class="card-body">
                        <div class="bg-inner cart-section order-details-table">
                            <div class="row g-4">
                                <div class="col-xl-8">
                                    <div class="card-details-title">
                                        <h3>Shipment Number <span>#{{ $shipping_data->ShipmentId }}</span></h3>
                                    </div>
                                    <div class="table-responsive table-details">
                                        <table class="table cart-table table-borderless table-hover table-striped">
                                            {{-- <thead>
                                                    <tr>
                                                        <th colspan="2">Items</th>
                                                        <th class="text-end" colspan="2">
                                                            <a href="javascript:void(0)" class="theme-color">Grand Total -
                                                                ${{ formatPrice(round($order->final_amount == 0 ? $order->amount : $order->final_amount)) }}
                                            </a>
                                            </th>
                                            </tr>
                                            </thead> --}}
                                            <thead>
                                                <tr>
                                                    <th colspan="2">Product Description</th>
                                                    <th class="text-center">Size</th>
                                                    <th class="text-end">Price</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                @php
                                                $orderItems = getOrderItem($order->order_id);
                                                @endphp

                                                @php
                                                $ringImages = [];
                                                $diamondImages = [];
                                                $gemstoneImages = [];
                                                @endphp

                                                @foreach ($orderItems as $orderItem)
                                                @php

                                                $products = json_decode($orderItem->order_data);
                                                $center_stone = isset($products->center_stone_shape)
                                                ? $products->center_stone_shape
                                                : '';

                                                if (
                                                !empty($products->ring_id) &&
                                                !empty($products->diamond_id)
                                                ) {
                                                $ringImages[$orderItem->id] = getProductImages(
                                                $products->ring_id,
                                                $products->ring_color,
                                                $center_stone,
                                                );
                                                $diamondImages[
                                                $orderItem->id
                                                ] = getResponseFromSavedData(
                                                $orderItem->diamond_response,
                                                );
                                                } elseif (
                                                !empty($products->ring_id) &&
                                                !empty($products->gemstone_id)
                                                ) {
                                                $ringImages[$orderItem->id] = getProductImages(
                                                $products->ring_id,
                                                $products->ring_color,
                                                $center_stone,
                                                );
                                                $gemstoneImages[
                                                $orderItem->id
                                                ] = getResponseFromSavedData(
                                                $orderItem->gemstone_response,
                                                );
                                                } elseif (!empty($products->diamond_id)) {
                                                $diamondImages[
                                                $orderItem->id
                                                ] = getResponseFromSavedData(
                                                $orderItem->diamond_response,
                                                );
                                                } elseif (!empty($products->gemstone_id)) {
                                                $gemstoneImages[$orderItem->id] = getGemStoneImages(
                                                $products->gemstone_id,
                                                );
                                                } else {
                                                $ringImages[$orderItem->id] = getProductImages(
                                                $products->ring_id,
                                                $products->ring_color,
                                                $center_stone,
                                                );
                                                }
                                                @endphp

                                                <tr class="table-order">
                                                    @php
                                                    $ringImage = isset($ringImages[$orderItem->id])
                                                    ? $ringImages[$orderItem->id]
                                                    : null;
                                                    $diamondImage = isset($diamondImages[$orderItem->id])
                                                    ? $diamondImages[$orderItem->id]
                                                    : null;
                                                    $gemstoneImage = isset($gemstoneImages[$orderItem->id])
                                                    ? $gemstoneImages[$orderItem->id]
                                                    : null;
                                                    @endphp
                                                    <td>
                                                        <div class="d-flex ">
                                                            @if ($ringImage)
                                                            <img src="{{ $ringImage }}" alt=""
                                                                class="blur-up lazyload border"
                                                                style="width:60px; height: 60px; border-radius:5px">
                                                            &nbsp;
                                                            @endif
                                                            @if ($diamondImage)
                                                            @isset($diamondImage->image_url)
                                                            <img src="{{ $diamondImage->image_url }}"
                                                                alt="" class="blur-up lazyload border"
                                                                style="width:60px; height: 60px; border-radius:5px"
                                                                onerror="this.onerror=null;this.src='https://assets.rocksama.com/frontend/images/grayscalelogo.png';">
                                                            @endisset
                                                            &nbsp;
                                                            @endif
                                                            @if ($gemstoneImage)
                                                            <img src="{{ $gemstoneImage->image_url }}"
                                                                alt="" class="blur-up lazyload border"
                                                                style="width:60px; height: 60px;  border-radius:5px">
                                                            @endif
                                                        </div>
                                                    </td>
                                                    <td>

                                                        <h5>
                                                            @if (isset($products->ring_id))
                                                            {{ getRingName($products->ring_id) }} <br>
                                                            @endif
                                                            @if ($diamondImage)
                                                            {{ $diamondImage->shape }}
                                                            {{ $diamondImage->size }}
                                                            @endif
                                                            @if ($gemstoneImage)
                                                            {{ $gemstoneImage->shape }}
                                                            {{ $gemstoneImage->size }}
                                                            @endif
                                                            @if (!@empty($products->engraving))
                                                            Engraving : {{ $products->engraving }} <br>
                                                            @endif
                                                            @if (!@empty($products->font))
                                                            Font : <span
                                                                style="font-size: 13px">{{ $products->font }}</span>
                                                            @endif
                                                        </h5>
                                                    </td>
                                                    <td class="text-center">
                                                        <h5>{{ $products->ring_size }}
                                                            {{-- @if (!empty($products->ring_size))
                                                                        ({{ ucfirst($products->ring_type) }})
                                                            @endif --}}
                                                        </h5>
                                                    </td>
                                                    <td class="text-end">

                                                        <h5>${{ number_format($products->ring_price + $products->diamond_price + $products->gemstone_price, 2) }}
                                                        </h5>
                                                    </td>
                                                </tr>
                                                @endforeach
                                            </tbody>

                                            <tfoot>

                                                {{-- ✅ INTAKE ORDER --}}
                                                @if ($order->order_type === 'intake')
                                                <tr class="table-order">
                                                    <td colspan="3">
                                                        <h5>Subtotal :</h5>
                                                    </td>
                                                    <td class="text-end">
                                                        <h4>${{ number_format($order->final_amount, 2) }}</h4>
                                                    </td>
                                                </tr>
                                                @else
                                                {{-- ✅ NORMAL ORDER --}}

                                                @if (!empty($order->amount) && $order->amount > 0)
                                                <tr class="table-order">
                                                    <td colspan="3">
                                                        <h5>Subtotal :</h5>
                                                    </td>
                                                    <td class="text-end">
                                                        <h4>${{ number_format($order->amount, 2) }}</h4>
                                                    </td>
                                                </tr>
                                                @endif

                                                <tr class="table-order">
                                                    <td colspan="3">
                                                        <h5>Shipping :</h5>
                                                    </td>
                                                    <td class="text-end">
                                                        <h4>${{ number_format($order->shipping, 2) }}</h4>
                                                    </td>
                                                </tr>

                                                <tr class="table-order">
                                                    <td colspan="3">
                                                        <h5>Tax :</h5>
                                                    </td>
                                                    <td class="text-end">
                                                        <h4>${{ number_format($order->tax, 2) }}</h4>
                                                    </td>
                                                </tr>

                                                <tr class="table-order">
                                                    <td colspan="3">
                                                        <h5>Coupon discount :</h5>
                                                    </td>
                                                    <td class="text-end">
                                                        <h4>-${{ number_format($order->coupon_discount, 2) }}
                                                        </h4>
                                                    </td>
                                                </tr>
                                                @endif


                                                {{-- ✅ TOTAL (Always Visible) --}}
                                                <tr class="table-order">
                                                    <td colspan="3">
                                                        <h4 class="theme-color fw-bold">Total Price :</h4>
                                                    </td>
                                                    <td class="text-end">
                                                        <h4 class="theme-color fw-bold">
                                                            ${{ number_format($order->final_amount, 2) }}
                                                        </h4>
                                                    </td>
                                                </tr>

                                            </tfoot>

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

                                <div class="col-xl-4">
                                    <div class="row g-4">
                                        <div class="col-12">
                                            <div class="order-success bg-white">
                                                <h4>Customer</h4>
                                                <ul class="order-details">
                                                    <li>Name: {{ $order->first_name }} {{ $order->last_name }}</li>
                                                    <li>Email: {{ $order->email }}</li>
                                                </ul>
                                            </div>
                                        </div>

                                        @if (!empty($address))
                                        @foreach ($address as $add)
                                        <div class="col-12">
                                            <div class="order-success bg-white">
                                                <h4>
                                                    @if ($add->address_type == 'shipping_address')
                                                    Shipping address
                                                    @elseif ($add->address_type == 'billing_address')
                                                    Billing address
                                                    @else
                                                    Shipping address
                                                    @endif
                                                </h4>
                                                <ul class="order-details">
                                                    <li>{{ $add->first_name }} {{ $add->last_name }}</li>
                                                    <li>{{ $add->address_line1 }} .</li>
                                                    @if (!empty($add->address_line2))
                                                    <li>{{ $add->address_line2 }}</li>
                                                    @endif
                                                    <li>{{ $add->country }}, {{ $add->zipcode }} Contact No.
                                                        {{ $add->phone }}
                                                    </li>
                                                    <br>
                                                    @if ($add->address_type == 'both')
                                                    <h5> Billing address is same as shipping address.</h5>
                                                    @endif
                                                </ul>
                                            </div>
                                        </div>
                                        @endforeach
                                        @endif
                                        <div class="col-12">
                                            <div class="order-success bg-white">
                                                <div class="payment-mode">
                                                    <h4>Order Information </h4>
                                                    <p>OrderId: <a
                                                            href="{{ route('sale.orders.detail', ['id' => $order->id]) }}">#{{ $order->order_id }}</a>
                                                    </p>
                                                    <p>Order Status: #{{ $order->order_id }} </p>
                                                    <p>
                                                        Order Date :
                                                        {{-- {{ date('d M, Y H:i:sA', strtotime($order->created_at)) }} --}}
                                                        {{ format_est($order->created_at) }}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="order-success bg-white">
                                                <div class="payment-mode">
                                                    <h4>payment method</h4>
                                                    <p>Card Payment</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="order-success bg-white">
                                                <div class="delivery-sec">
                                                    <h3>
                                                        expected date of delivery:
                                                        <span>october 22, 2021</span>
                                                    </h3>

                                                    <a href="https://www.ups.com/track?tracknum={{ $order->tracking_number ?? '' }}&loc=en_US&requester=ST/trackdetails"
                                                        target="_blank"
                                                        rel="noopener noreferrer">
                                                        track order : {{ $order->tracking_number ?? '' }}
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- section end -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->
</div>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
    aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">Update Status</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
            </div>
            <form action="{{ route('update.order.status') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="form-group">
                        <input type="hidden" required id="id" name="id">
                    </div>
                    <div class="form-group">
                        <label for="order_status">Status</label>
                        <select name="order_status" id="order_status" class="form-control" required>
                            <option value="" selected disabled>--select--</option>
                            @foreach ($order_status as $status)
                            <option value="{{ $status['id'] }}">{{ $status['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
            </form>
        </div>
    </div>
</div>
@push('scripts')
<script>
    function updateStatus(shipping_id, order_status) {
        $("#staticBackdrop").modal('show');
        $("#id").val(shipping_id);
        $("#order_status").val(order_status);
    }
</script>
@endpush
@endsection