@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>Order 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">Order Details</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid Ends-->

    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row">

            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <div class="bg-inner cart-section order-details-table">
                            <div class="row g-4">
                                <div class="col-sm-12 d-flex flex-nowrap align-items-center gap-2 overflow-auto">
                                    @php
                                    if ($order->status_name == 'In Progress') {
                                    $color = 'secondary';
                                    $redirectTo = 'javascript:void(0)';
                                    } elseif ($order->status_name == 'Delivered') {
                                    $color = 'success';
                                    $redirectTo = 'javascript:void(0)';
                                    } elseif ($order->status_name == 'Failed') {
                                    $color = 'primary';
                                    $redirectTo = 'javascript:void(0)';
                                    } elseif ($order->status_name == 'Refunded') {
                                    $color = 'primary';
                                    $redirectTo = route('refunded.list', ['order_id' => $order->order_id]);
                                    } elseif ($order->status_name == 'Full refunded') {
                                    $color = 'orange';
                                    $redirectTo = route('refunded.list', ['order_id' => $order->order_id]);
                                    } elseif ($order->status_name == 'Partial refunded') {
                                    $color = 'orange';
                                    $redirectTo = route('refunded.list', ['order_id' => $order->order_id]);
                                    } elseif ($order->status_name == 'Shipping') {
                                    $color = 'warning';
                                    $redirectTo = 'javascript:void(0)';
                                    } else {
                                    $color = 'secondary';
                                    $redirectTo = 'javascript:void(0)';
                                    }
                                    @endphp

                                    @if ($order->status_name != 'Partial refunded' && $order->status_name != 'Full refunded')
                                    <a href="{{ route('refund.action.list', ['order_id' => $order->order_id]) }}"
                                        class="btn btn-sm btn-outline-secondary text-nowrap">Refund Items</a>
                                    @endif

                                    <a href="{{ $redirectTo }}" title="Current order status"
                                        class="btn btn-sm btn-outline-{{ $color }} text-nowrap">{{ $order->status_name }}</a>

                                    @if (empty($order->tracking_number))
                                    <button class="btn btn-sm btn-outline-secondary text-nowrap" data-bs-toggle="modal"
                                        data-bs-target="#exampleModal">Ship</button>
                                    @else
                                    <a href="{{ route('shipment.detail', ['id' => $order->order_id]) }}"
                                        class="btn btn-sm btn-outline-success text-nowrap">View Shipment</a>

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

                                    <form action="{{ route('shipment.delete', $order->order_id) }}" method="POST" class="d-inline">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-outline-danger text-nowrap"
                                            onclick="return confirm('Delete this shipment? Tracking number will be removed and the order reverted to In Progress.')">
                                            Delete Shipment
                                        </button>
                                    </form>
                                    <a href="{{ route('shipment.label', $order->order_id) }}" class="btn btn-sm btn-outline-secondary text-nowrap">
                                        Print Label
                                    </a>
                                    @endif

                                    @if ($invoice_count == 0)
                                    <button class="btn btn-sm btn-outline-secondary text-nowrap"
                                        onclick="MakeInvoice('{{ $order->order_id }}')">Invoice</button>
                                    @else
                                    <a href="{{ route('order.invoices.view', ['order_id' => $order->order_id]) }}"
                                        class="btn btn-sm btn-outline-success text-nowrap">View Invoice</a>
                                    @endif

                                    <a href="{{ route('buyout.request.list', ['order_id' => $order->order_id]) }}"
                                        class="btn btn-sm btn-primary text-nowrap">Show Buyout Request
                                    </a>
                                </div>
                                <div class="col-xl-8">
                                    <div class="card-details-title">
                                        <h3>Order Number <span>#{{ $order->order_id }}</span></h3>
                                    </div>
                                    <div class="table-responsive table-details">
                                        <table class="table cart-table table-borderless">
                                            <thead>
                                                <tr>
                                                    <th colspan="2">Product Description</th>
                                                    <th class="text-center">Metal Color</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] = getDiamondImages(
                                                // $products->diamond_id,
                                                // $products->diamond_type,
                                                // );

                                                $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,
                                                );
                                                }

                                                /*
                                                |--------------------------------------------------------------------------
                                                | Decode saved diamond / gemstone response
                                                |--------------------------------------------------------------------------
                                                */

                                                $diamondData = !empty($orderItem->diamond_response)
                                                ? json_decode($orderItem->diamond_response, true)
                                                : null;

                                                $gemstoneData = !empty($orderItem->gemstone_response)
                                                ? json_decode($orderItem->gemstone_response, true)
                                                : null;
                                                @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

                                                    {{-- Product Images --}}
                                                    <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>

                                                    {{-- Product Description + Stone Reference --}}
                                                    <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 }}
                                                            @endif

                                                            @if (!empty($products->font))
                                                            Font :
                                                            <span style="font-size:13px">
                                                                {{ $products->font }}
                                                            </span>
                                                            @endif
                                                        </h5>

                                                        {{-- Diamond Reference --}}
                                                        @if (!empty($diamondData) && is_array($diamondData))
                                                        <div class="mt-2"
                                                            style="font-size:13px; line-height:1.5;">

                                                            <strong>Diamond Reference</strong>

                                                            <div>
                                                                Source:
                                                                {{ $diamondData['source'] ?? '-' }}
                                                            </div>

                                                            <div>
                                                                @if (($diamondData['source'] ?? '') === 'ddpl')
                                                                DDPL Ref:
                                                                {{ $diamondData['ddpl_ref'] ?? '-' }}
                                                                @else
                                                                VDB ID:
                                                                {{ $diamondData['vdb_id'] ?? '-' }}
                                                                @endif
                                                            </div>

                                                            <div>
                                                                Stock No:
                                                                {{ $diamondData['stock_num'] ?? '-' }}
                                                            </div>

                                                            <div>
                                                                Report No:
                                                                {{ $diamondData['ddpl_report_no'] ?? ($diamondData['cert_num'] ?? '-') }}
                                                            </div>

                                                        </div>
                                                        @endif

                                                        {{-- Gemstone Reference --}}
                                                        @if (!empty($gemstoneData) && is_array($gemstoneData))
                                                        <div class="mt-2"
                                                            style="font-size:13px; line-height:1.5;">

                                                            <strong>Gemstone Reference</strong>

                                                            <div>
                                                                Stock No:
                                                                {{ $gemstoneData['stock_num'] ?? '-' }}
                                                            </div>

                                                            <div>
                                                                Vendor ID:
                                                                {{ $gemstoneData['vendor_id'] ?? '-' }}
                                                            </div>

                                                            <div>
                                                                Cert No:
                                                                {{ $gemstoneData['cert_num'] ?? '-' }}
                                                            </div>

                                                            <div>
                                                                Gem Type:
                                                                {{ $gemstoneData['gem_type'] ?? '-' }}
                                                            </div>

                                                        </div>
                                                        @endif

                                                    </td>
                                                    <td class="text-center">
                                                        <h5>
                                                            @if (!empty($products->ring_color) && $products->ring_color != 'null')
                                                            {{ ucwords(str_replace('-', ' ', $products->ring_color)) }}
                                                            @else
                                                            -
                                                            @endif
                                                        </h5>
                                                    </td>

                                                    {{-- Ring Size --}}
                                                    <td class="text-center">
                                                        <h5>
                                                            {{ !empty($products->ring_size) && $products->ring_size != 'null'
            ? $products->ring_size . ' MM'
            : '-' }}
                                                        </h5>
                                                    </td>

                                                    {{-- Price --}}
                                                    <td class="text-end">
                                                        <h5>
                                                            ${{ number_format(
                    ($products->ring_price ?? 0) +
                    ($products->diamond_price ?? 0) +
                    ($products->gemstone_price ?? 0),
                    2
                ) }}
                                                        </h5>
                                                    </td>

                                                </tr>
                                                @endforeach
                                            </tbody>

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

                                                <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>
                                                @if ($order->coupon_discount != 0)
                                                <tr class="table-order">
                                                    <td colspan="3">
                                                        <h5>Coupon discount :</h5>
                                                    </td>
                                                    <td class="text-end">
                                                        <h4>${{ $order->coupon_discount }}</h4>
                                                    </td>
                                                </tr>
                                                @endif
                                                <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(round($order->amount + $order->tax +
                                                                $order->shipping, 2), 0, '.', '') }} --}}
                                                            ${{ 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>summary</h4>
                                                <ul class="order-details">
                                                    <li>Order ID: {{ $order->order_id }}</li>
                                                    <li>Order Date:
                                                        {{ format_est($order->created_at) }}
                                                    </li>
                                                    <li>
                                                        Order Total: ${{ number_format($order->final_amount, 2) }}
                                                    </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">
                                                    {{-- @php
                                                                print_r($add);
                                                                @endphp --}}
                                                    <li>{{ $add->first_name }} {{ $add->last_name }}</li>
                                                    <li>{{ $add->address_line1 }} , {{ $add->city }} ,
                                                        {{ $add->state }} , {{ $add->zipcode }} ,
                                                        {{ $add->country }}.
                                                    </li>
                                                    <li>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>payment method</h4>
                                                    <p>{{ $order->method }}</p>
                                                </div>
                                            </div>
                                        </div>
                                        @if ($invoice_count > 0)
                                        <div class="col-12">
                                            <div class="order-success bg-white">
                                                <div class="payment-mode">
                                                    <h4>Invoice ({{ $invoice_count }})</h4>
                                                    <p>Invoice #{{ $invoice->id }} </p>
                                                    <span>
                                                        {{ date('d M, Y H:i:sA', strtotime($invoice->created_at)) }}
                                                    </span>

                                                    <p class="mt-2">
                                                        <a
                                                            href="{{ route('order.invoices.view', ['order_id' => $order->order_id]) }}">View</a>
                                                        {{-- &ensp; --}}
                                                        {{-- <a
                                                                    href="{{ route('sale.orders.invoice.download', ['order_id' => $order->order_id]) }}">Download</a>
                                                        --}}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        @endif

                                        <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-->
    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Create new Shipment</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">X</button>
                </div>
                <form action="{{ route('shipping.create', ['order_id' => $order->id]) }}" method="POST">
                    @csrf
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="">Carrier Name</label>
                            <select name="carrier_name" required class="form-control">
                                <option value="UPS Parcel Pro">UPS Parcel Pro</option>
                            </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">Create Shipment</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>
@push('scripts')
<script>
    function MakeInvoice(order_id) {
        var url = "{{ route('make.order.invoice', ['order_id' => ':order_id']) }}";
        url = url.replace(':order_id', order_id);
        var confirmation = confirm("Are you sure you want to generate the invoice?");
        if (confirmation) {
            $.ajax({
                url: url,
                method: "GET",
                success: function(response) {
                    console.log(response);

                    if (response == 'true') {
                        alert("Invoice generated successfully!");
                        // swal("Good job!", "Invoice generated successfully!", "success");
                        setTimeout(function() {
                            window.location.reload();
                        }, 900);
                    }
                },
                error: function(response) {
                    // console.log(response);
                    alert(response.msg);
                }
            })
        } else {
            alert("Invoice generation canceled.");
        }
    }
</script>
@endpush
@endsection