@extends('admin::layouts.master')

@push('styles')
    <style>
        table#attribute-table tr td a.button {
            display: none;
        }

        table#attribute-table tr:hover td a.button {
            display: inline-block;
        }
    </style>
@endpush

@section('content')

    <div class="header-container-order">
        <h1 class="h4 fw-700 mb-3">{{ translate('Order code') }}: {{ $order->order_code }}</h1>
        <a href="javascript:history.back()" class="btn btn-secondary btn-sm mb-3">Back</a>
    </div>

    <div class="row gutters-5">
        <div class="col-lg">
            <div class="card">
                <div class="card-header">
                    <h2 class="h2 fs-16 fw-600 mb-0">{{ translate('Order Details') }}</h2>
                </div>
                <div class="card-header">
                    <div class="flex-grow-1 row">
                        <div class="col-md mb-3">
                            <div>
                                <div class="fs-15 fw-600 mb-2">{{ translate('Customer info') }}</div>
                                <div><span class="opacity-80 mr-2 ml-0">{{ translate('Name') }}:</span>
                                    {{ $order->user->name ?? '' }}</div>
                                <div><span class="opacity-80 mr-2 ml-0">{{ translate('Email') }}:</span>
                                    {{ $order->user->email ?? '' }}</div>
                                <div><span class="opacity-80 mr-2 ml-0">{{ translate('Phone') }}:</span>
                                    {{ $order->user->phone ?? '' }}</div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-4">
                            <table class="table table-borderless table-sm">
                                <tbody>
                                    <tr>
                                        <td class="">{{ translate('Order code') }}:</td>
                                        <td class="text-right text-info fw-700">{{ $order->order_code }}</td>
                                    </tr>
                                    <tr>
                                        <td class="">{{ translate('Bill Number') }}:</td>
                                        <td class="text-right text-info fw-700">{{ $order->bill_no ?? 'Not provided' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="">{{ translate('Order Date') }}:</td>
                                        <td class="text-right fw-700">{{ $order->created_at->format('d.m.Y') }}</td>
                                    </tr>
                                    <tr>
                                        <td class="">{{ translate('Payment method') }}:</td>
                                        <td class="text-right fw-700">
                                            {{ strtoupper(str_replace('_', ' ', $order->payment_type)) }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="card-header">
                    <div class="flex-grow-1 row align-items-start">

                        <div class="col-md-3 mr-auto ml-0">
                            <div class="mb-3">
                                <label class="mb-0">{{ translate('Payment Status') }}</label>
                                <select class="form-control aiz-selectpicker" id="update_payment_status"
                                    data-minimum-results-for-search="Infinity" data-selected="{{ $order->payment_status }}"
                                    @if ($order->payment_status == 'paid' || $order->order_status == 'delivered' || $order->order_status == 'cancelled') disabled @endif>
                                    <option value="paid">{{ translate('Paid') }}</option>
                                    <option value="unpaid">{{ translate('Unpaid') }}</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="mb-0">{{ translate('Delivery Status') }}</label>
                                <select class="form-control aiz-selectpicker" id="update_delivery_status"
                                    data-minimum-results-for-search="Infinity"
                                    data-selected="{{ strtolower($order->order_status) }}"
                                    @if ($order->order_status == 'delivered' || $order->order_status == 'cancelled') disabled @endif>
                                    <option value="pending">{{ translate('Pending') }}</option>
                                    <option value="confirmed">{{ translate('Confirmed') }}</option>
                                    <option value="packed">{{ translate('Packed') }}</option>
                                    <option value="shipped">{{ translate('Shipped') }}</option>
                                    <option value="delivered">{{ translate('Delivered') }}</option>
                                    <option value="cancelled">{{ translate('Cancel') }}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-auto w-md-250px">

                            <h5 class="fs-14 mb-3">{{ translate('Shipping address') }}</h5>
                            <address class="">
                                @isset($order->address->address)
                                    {{ $order->address->address }},<br>
                                @endisset
                                @isset($order->user->phone)
                                    {{ $order->user->phone }},<br>
                                @endisset
                                @isset($order->address->landmark)
                                    {{ $order->address->landmark }},<br>
                                @endisset
                                @isset($order->address->level_id)
                                    @php
                                        $request = 'en';
                                        $level = shipping_address_details($request, $order->address->level_id);
                                    @endphp
                                    @if (!empty($level['child']))
                                        {{ $level['child'] }},<br>
                                    @endif
                                    @if (!empty($level['parent']))
                                        {{ $level['parent'] }},
                                    @endif
                                    @if (!empty($level['grand_parent']))
                                        {{ $level['grand_parent'] }},
                                    @endif
                                @endisset
                                @isset($order->country->name)
                                    {{ $order->country->name }},@isset($order->address->address_type)
                                        {{ $order->address->address_type == 1 ? 'Home' : 'Office' }}
                                    @endisset
                                @endisset
                            </address>
                        </div>
                        <div class="col-md-auto w-md-250px">

                            <h5 class="fs-14 mb-3">{{ translate('Billing address') }}</h5>
                            <address class="">

                                @isset($order->address->address)
                                    {{ $order->address->address }},<br>
                                @endisset
                                @isset($order->user->phone)
                                    {{ $order->user->phone }},<br>
                                @endisset
                                @isset($order->address->landmark)
                                    {{ $order->address->landmark }},<br>
                                @endisset
                                @isset($order->address->level_id)
                                    @if (!empty($level['child']))
                                        {{ $level['child'] }},<br>
                                    @endif
                                    @if (!empty($level['parent']))
                                        {{ $level['parent'] }},
                                    @endif
                                    @if (!empty($level['grand_parent']))
                                        {{ $level['grand_parent'] }},
                                    @endif
                                @endisset

                                @isset($order->country->name)
                                    {{ $order->country->name }},@isset($order->address->address_type)
                                        {{ $order->address->address_type == 1 ? 'Home' : 'Office' }}
                                    @endisset
                                @endisset
                            </address>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <table class="aiz-table table-bordered">
                        <thead>
                            <tr class="">
                                <th class="text-center" width="5%" data-breakpoints="lg">SN</th>
                                <th width="40%">{{ translate('Product') }}</th>
                                <th class="text-center" data-breakpoints="lg">{{ translate('Qty') }}</th>
                                <th class="text-center" data-breakpoints="lg">{{ translate('MRP') }}</th>
                                <th class="text-center" data-breakpoints="lg">{{ translate('Offer Price') }}</th>

                                <th class="text-center" data-breakpoints="lg">{{ translate('Total') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($order->orderDetails as $key => $orderDetail)
                                <tr>
                                    <td class="text-center">{{ $key + 1 }}</td>
                                    <td>
                                        @if ($orderDetail->product != null)
                                            <div class="media">
                                                <img src="{{ uploadedAsset($orderDetail->product->thumbnail) }}"
                                                    class="size-60px mr-3">
                                                <div class="media-body">
                                                    <h4 class="fs-14 fw-400">{{ $orderDetail->product->name }}</h4>
                                                    @if ($orderDetail->variation)
                                                        <div>
                                                            @foreach ($orderDetail->variation->combinations as $combination)
                                                                <span class="mr-2">
                                                                    <span
                                                                        class="opacity-50">{{ $combination->attribute->name }}</span>:
                                                                    {{ $combination->attributeValue->attribute_value }}
                                                                </span>
                                                            @endforeach
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        @else
                                            <strong>{{ translate('Product Unavailable') }}</strong>
                                        @endif
                                    </td>
                                    <td class="text-center">{{ $orderDetail->quantity }}</td>
                                    <td class="text-center">
                                        @if (auth('admin')->user()->country->symbol_position == 'left')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif

                                        {{ decimal_price($orderDetail->mrp) }}

                                        @if (auth('admin')->user()->country->symbol_position == 'right')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif
                                    </td>
                                    <td class="text-center">
                                        @if (auth('admin')->user()->country->symbol_position == 'left')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif

                                        {{ decimal_price($orderDetail->offer_price) }}

                                        @if (auth('admin')->user()->country->symbol_position == 'right')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif

                                    </td>
                                    <td class="text-center">

                                        @if (auth('admin')->user()->country->symbol_position == 'left')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif
                                        @php
                                            $priceToUse =
                                                $orderDetail->offer_price == 0 || $orderDetail->offer_price === null
                                                    ? $orderDetail->mrp
                                                    : $orderDetail->offer_price;

                                        @endphp

                                        {{ decimal_price($orderDetail->quantity * $priceToUse) }}


                                        @if (auth('admin')->user()->country->symbol_position == 'right')
                                            {{ auth('admin')->user()->country->currency_symbol }}
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="row">
                        <div class="col-xl-4 col-md-6 ml-auto mr-0">
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td><strong class="">{{ translate('Total Amount') }} :</strong></td>
                                        <td>
                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($order->total_amount + ($order->discount_rate ?? $order->discount_rate)) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><strong class="">{{ translate('Taxable Value') }} :</strong></td>
                                        <td>

                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($order->sub_total_amount - (float) $order->tax) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr class="">
                                        <td><strong class="">{{ translate('Total Tax') }} :</strong></td>
                                        <td>
                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($order->tax) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>
                                    @php
                                        $taxes = get_split_tax($order);
                                    @endphp

                                    @foreach ($taxes as $tax)
                                        @php
                                            $value = str_replace(',', '', $tax['value']);
                                            $value = (float) $value;
                                        @endphp
                                        <tr>
                                            <td><strong class="">{{ $tax['key'] }}
                                                    ({{ $tax['percentage'] }})
                                                    :</strong></td>
                                            <td>
                                                @if (auth('admin')->user()->country->symbol_position == 'left')
                                                    {{ auth('admin')->user()->country->currency_symbol }}
                                                @endif

                                                {{ decimal_price($value) }}

                                                @if (auth('admin')->user()->country->symbol_position == 'right')
                                                    {{ auth('admin')->user()->country->currency_symbol }}
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach


                                    <tr>
                                        <td><strong class=""> {{ translate('Shipping') }} :</strong></td>
                                        <td>
                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($order->delivery_charge) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <strong class=""> {{ translate('Coupon Discount') }}
                                                ({{ $order->discount_percentage }}%):</strong>
                                            @if ($order->coupon_code)
                                                <div>({{ $order->coupon_code }})</div>
                                            @endif
                                        </td>
                                        <td>
                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($order->discount_rate) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong class="">{{ translate('Grand Total') }} :</strong></td>
                                        <td class=" h4">
                                            @if (auth('admin')->user()->country->symbol_position == 'left')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif

                                            {{ decimal_price($order->total_amount) }}

                                            @if (auth('admin')->user()->country->symbol_position == 'right')
                                                {{ auth('admin')->user()->country->currency_symbol }}
                                            @endif
                                        </td>
                                    </tr>

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

        </div>
        <div class="col col-lg-auto w-lg-300px">
            <div class="card">
                <div class="card-header">
                    <h3 class="fs-16 mb-0">{{ translate('Delivery information') }}</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.order.delivery.update') }}" method="POST">
                        @csrf
                        <input type="hidden" name="order_id" value="{{ $order->id }}">
                        <div class="form-group mb-1">
                            <label class="mb-0">{{ translate('Delivery Date') }}:</label>
                            <input type="date" class="form-control form-control-sm" name="delivery_date"
                                value="{{ isset($order->delay_delivery_date) ? $order->delay_delivery_date : $order->delivery_date }}"
                                required>
                        </div>
                        <div class="form-group mb-1">
                            <label class="mb-0">{{ translate('Delivery Status') }}:</label>
                            <select class="form-control aiz-selectpicker" data-minimum-results-for-search="Infinity"
                                data-selected="{{ $order->delivery_status }}" name="delivery_status">
                                <option value="ontime">{{ translate('Ontime') }}</option>
                                <option value="delayed">{{ translate('Delayed') }}</option>
                            </select>
                        </div>

                        <div class="text-right">
                            <button class="btn btn-sm btn-primary" type="submit">{{ translate('Save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h3 class="fs-16 mb-0">{{ translate('Shipping information') }}</h3>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.orders.tracking') }}" method="POST">
                        @csrf
                        <input type="hidden" name="order_id" value="{{ $order->id }}">
                        <div class="form-group mb-1">
                            <label class="mb-0">{{ translate('Courier name') }}:</label>
                            <input type="text" class="form-control form-control-sm" name="courier_name"
                                value="{{ isset($tracking->courier_name) ? $tracking->courier_name : '' }}" required>
                        </div>
                        <div class="form-group mb-1">
                            <label class="mb-0">{{ translate('Tracking number') }}:</label>
                            <input type="text" class="form-control form-control-sm" name="tracking_number"
                                value="{{ isset($tracking->tracking_number) ? $tracking->tracking_number : '' }}"
                                required>
                        </div>
                        <div class="form-group mb-1">
                            <label class="mb-0">{{ translate('Tracking url') }}:</label>
                            <input type="url" class="form-control form-control-sm" name="tracking_url"
                                value="{{ isset($tracking->tracking_url) ? $tracking->tracking_url : '' }}" required>
                        </div>
                        <div class="text-right">
                            <button class="btn btn-sm btn-primary" type="submit">{{ translate('Save') }}</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h3 class="fs-16 mb-0">{{ translate('Order Updates') }}</h3>
                </div>
                <div class="card-body">
                    @foreach ($order->orderUpdates as $order_update)
                        <div class="mb-3">
                            <div class="p-2 bg-soft-secondary rounded">
                                {{ $order_update->translatable_note ? translate($order_update->note) : $order_update->note }}
                            </div>
                            @isset($order_update->user_id)
                                <span
                                    class="fs-12 opacity-60">{{ translate('by') . ' ' . ($order_update->user->name ?? translate('Deleted user')) . ' at ' . $order_update->created_at->format('h:ia, d-m-Y') }}</span>
                            @endisset

                            @isset($order_update->admin_id)
                                <span
                                    class="fs-12 opacity-60">{{ translate('by') . ' ' . ($order_update->admin->name ?? translate('Deleted user')) . ' at ' . $order_update->created_at->format('h:ia, d-m-Y') }}</span>
                            @endisset

                        </div>
                    @endforeach
                </div>
            </div>
            {{-- payment log --}}
            <div class="card">
                <div class="card-header">
                    <h3 class="fs-16 mb-0">{{ translate('Payment Log') }}</h3>
                </div>
                <div class="card-body">
                    @foreach ($order->paymentLog as $paymentLog)
                        <div class="mb-3">
                            <div class="p-2 bg-soft-secondary rounded">
                                <strong>Gateway:</strong> {{ ucwords($paymentLog->payment_type) }}
                                <hr>
                                <strong>Status:</strong> {{ ucwords($paymentLog->payment_status) }}
                                <hr>
                                <strong>Amount:</strong> {{ ucwords($paymentLog->transaction_amount) }}
                                <hr>
                                @php
                                    $response = json_decode($paymentLog->response);
                                @endphp
                                <strong>Transaction Id:</strong> {{ $response->id }}
                                <input type="hidden" value="{{ $response->id }}" id="responseId{{ $key }}">
                                <i title="Copy Transaction Id" class="fa fa-copy"
                                    onclick="copyToClipboard('responseId{{ $key }}')"
                                    style="cursor: pointer; color:rgb(195, 195, 195);"></i>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>

@endsection


@section('modal')
    @include('admin::modals.delete_modal')
    @include('admin::modals.confirm_modal')
    @include('orders::modals.update_delivery_status_modal')
    @include('orders::modals.update_payment_status_modal')
@endsection

@section('script')
    @include('tax::scripts.index_scripts')

    <script type="text/javascript">
        $('#update_delivery_status').on('change', function() {

            $("#update-delivery-modal").modal("show");

            $("#update-delivery-confirm").on('click', function() {
                var order_id = {{ $order->id }};
                var status = $('#update_delivery_status').val();
                $.post('{{ route('admin.orders.delivery.status') }}', {
                    _token: '{{ @csrf_token() }}',
                    order_id: order_id,
                    status: status
                }, function(data) {
                    if (data.status == "success") {
                        AIZ.plugins.notify('success', data.msg);
                        setTimeout(function() {
                            location.reload(true);
                        }, 500)

                    } else {
                        AIZ.plugins.notify('danger', data.msg);
                        setTimeout(function() {
                            location.reload(true);
                        }, 3000);
                    }
                });

            });
        });


        $('#update_payment_status').on('change', function() {

            $("#update-payment-modal").modal("show");

            $("#update-payment-confirm").on('click', function() {
                var order_id = {{ $order->id }};
                var status = $('#update_payment_status').val();
                $.post('{{ route('admin.orders.payment.status') }}', {
                    _token: '{{ @csrf_token() }}',
                    order_id: order_id,
                    status: status
                }, function(data) {
                    if (data.status == "success") {
                        AIZ.plugins.notify('success', data.msg);
                        setTimeout(function() {
                            location.reload(true);
                        }, 300)

                    } else {
                        AIZ.plugins.notify('danger', data.msg);
                        setTimeout(function() {
                            location.reload(true);
                        }, 300);
                    }
                });
            });
        });
    </script>

    <script>
        async function copyToClipboard(elementId) {

            var copyText = document.getElementById(elementId).value;

            try {
                await navigator.clipboard.writeText(copyText);
                alert("Copied the text: " + copyText);
            } catch (err) {
                console.error('Failed to copy text: ', err);
            }
        }
    </script>
@endsection