@extends('backend.layouts.app')

@section('content')

    <div class="card">
        <div class="card-header">
            <h1 class="h2 fs-16 mb-0">{{ translate('Order Details') }}</h1>
        </div>
        <div class="card-body">
            <div class="row gutters-5 mb-3">
                <div class="col text-md-left text-center">
                </div>
                @php
                    $delivery_status = $order->delivery_status;
                    $payment_status = $order->payment_status;
                    $admin_user_id = get_admin()->id;
                @endphp
                @if ($order->seller_id == $admin_user_id || get_setting('product_manage_by_admin') == 1)

                    <!--Assign Delivery Boy-->
                    @if (addon_is_activated('delivery_boy'))
                        <div class="col-md-3 ml-auto">
                            <label for="assign_deliver_boy">{{ translate('Assign Deliver Boy') }}</label>
                            @if (
                                ($delivery_status == 'pending' || $delivery_status == 'confirmed' || $delivery_status == 'picked_up') &&
                                    auth()->user()->can('assign_delivery_boy_for_orders'))
                                <select class="form-control aiz-selectpicker" data-live-search="true"
                                    data-minimum-results-for-search="Infinity" id="assign_deliver_boy">
                                    <option value="">{{ translate('Select Delivery Boy') }}</option>
                                    @foreach ($delivery_boys as $delivery_boy)
                                        <option value="{{ $delivery_boy->id }}"
                                            @if ($order->assign_delivery_boy == $delivery_boy->id) selected @endif>
                                            {{ $delivery_boy->name }}
                                        </option>
                                    @endforeach
                                </select>
                            @else
                                <input type="text" class="form-control"
                                    value="{{ optional($order->delivery_boy)->name }}" disabled>
                            @endif
                        </div>
                    @endif

                    <div class="col-md-3 ml-auto">
                        <label for="update_payment_status">{{ translate('Payment Status') }}</label>
                        @if (auth()->user()->can('update_order_payment_status') && $payment_status == 'unpaid')
                            {{-- <select class="form-control aiz-selectpicker" data-minimum-results-for-search="Infinity" id="update_payment_status"> --}}
                            <select class="form-control aiz-selectpicker" data-minimum-results-for-search="Infinity"
                                id="update_payment_status" onchange="confirm_payment_status()">
                                <option value="unpaid" @if ($payment_status == 'unpaid') selected @endif>
                                    {{ translate('Unpaid') }}
                                </option>
                                <option value="paid" @if ($payment_status == 'paid') selected @endif>
                                    {{ translate('Paid') }}
                                </option>
                            </select>
                        @else
                            <input type="text" class="form-control" value="{{ ucfirst($payment_status) }}" disabled>
                        @endif
                    </div>
                    <div class="col-md-3 ml-auto">
                        <label for="update_delivery_status">{{ translate('Delivery Status') }}</label>
                        @if (auth()->user()->can('update_order_delivery_status') &&
                                $delivery_status != 'delivered' &&
                                $delivery_status != 'cancelled')
                            <select class="form-control aiz-selectpicker" data-minimum-results-for-search="Infinity"
                                id="update_delivery_status">
                                <option value="pending" @if ($delivery_status == 'pending') selected @endif>
                                    {{ translate('Pending') }}
                                </option>
                                <option value="confirmed" @if ($delivery_status == 'confirmed') selected @endif>
                                    {{ translate('Confirmed') }}
                                </option>
                                <option value="picked_up" @if ($delivery_status == 'picked_up') selected @endif>
                                    {{ translate('Picked Up') }}
                                </option>
                                <option value="on_the_way" @if ($delivery_status == 'on_the_way') selected @endif>
                                    {{ translate('On The Way') }}
                                </option>
                                <option value="delivered" @if ($delivery_status == 'delivered') selected @endif>
                                    {{ translate('Delivered') }}
                                </option>
                                <option value="cancelled" @if ($delivery_status == 'cancelled') selected @endif>
                                    {{ translate('Cancel') }}
                                </option>
                            </select>
                        @else
                            <input type="text" class="form-control" value="{{ $delivery_status }}" disabled>
                        @endif
                    </div>
                    <div class="col-md-3 ml-auto d-none">
                        <label for="update_tracking_code">
                            {{ translate('Tracking Code (optional)') }}
                        </label>
                        <input type="text" class="form-control" id="update_tracking_code"
                            value="{{ $order->tracking_code }}">
                    </div>
                @endif
            </div>
            <div class="row gutters-5">
                <div class="col text-md-left text-center">
                    @if (json_decode($order->shipping_address))
                        <address>
                            <strong class="text-main">
                                {{ json_decode($order->shipping_address)->name }}
                            </strong><br>
                            {{ json_decode($order->shipping_address)->email }}<br>
                            {{ json_decode($order->shipping_address)->phone }}<br>
                            {{ json_decode($order->shipping_address)->address }},
                            {{ json_decode($order->shipping_address)->city }}, @if (isset(json_decode($order->shipping_address)->state))
                                {{ json_decode($order->shipping_address)->state }} -
                            @endif {{ json_decode($order->shipping_address)->postal_code }}<br>
                            {{ json_decode($order->shipping_address)->country }}
                        </address>
                    @else
                        <address>
                            <strong class="text-main">
                                {{ $order->user->name }}
                            </strong><br>
                            {{ $order->user->email }}<br>
                            {{ $order->user->phone }}<br>
                        </address>
                    @endif
                    @if ($order->manual_payment && is_array(json_decode($order->manual_payment_data, true)))
                        <br>
                        <strong class="text-main">{{ translate('Payment Information') }}</strong><br>
                        {{ translate('Name') }}: {{ json_decode($order->manual_payment_data)->name }},
                        {{ translate('Amount') }}:
                        {{ single_price(json_decode($order->manual_payment_data)->amount) }},
                        {{ translate('TRX ID') }}: {{ json_decode($order->manual_payment_data)->trx_id }}
                        <br>
                        <a href="{{ uploaded_asset(json_decode($order->manual_payment_data)->photo) }}" target="_blank">
                            <img src="{{ uploaded_asset(json_decode($order->manual_payment_data)->photo) }}" alt=""
                                height="100">
                        </a>
                    @endif
                </div>
                <div class="col-md-4">
                    <table class="ml-auto">
                        <tbody>
                            <tr>
                                <td class="text-main text-bold">{{ translate('Order #') }}</td>
                                <td class="text-info text-bold text-right"> {{ $order->code }}</td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">{{ translate('Order Status') }}</td>
                                <td class="text-right">
                                    @if ($delivery_status == 'delivered')
                                        <span class="badge badge-inline badge-success">
                                            {{ translate(ucfirst(str_replace('_', ' ', $delivery_status))) }}
                                        </span>
                                    @else
                                        <span class="badge badge-inline badge-info">
                                            {{ translate(ucfirst(str_replace('_', ' ', $delivery_status))) }}
                                        </span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">{{ translate('Order Date') }} </td>
                                <td class="text-right">{{ date('d-m-Y h:i A', $order->date) }}</td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">
                                    {{ translate('Total amount') }}
                                </td>
                                <td class="text-right">
                                    {{ single_price($order->grand_total) }}
                                </td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">{{ translate('Payment method') }}</td>
                                <td class="text-right">
                                    {{ translate(ucfirst(str_replace('_', ' ', $order->payment_type))) }}</td>
                            </tr>
                            <tr>
                                <td class="text-main text-bold">{{ translate('Additional Info') }}</td>
                                <td class="text-right">{{ $order->additional_info }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <hr class="new-section-sm bord-no">
            <div class="row">
                <div class="col-lg-12 table-responsive">
                    <table class="table-bordered aiz-table invoice-summary table">
                        <thead>
                            <tr class="bg-trans-dark">
                                <th data-breakpoints="lg" class="min-col">#</th>
                                <th width="10%">{{ translate('Photo') }}</th>
                                <th class="text-uppercase">{{ translate('Description') }}</th>
                                <th data-breakpoints="lg" class="text-uppercase">{{ translate('Delivery Type') }}</th>
                                <th data-breakpoints="lg" class="min-col text-uppercase text-center">
                                    {{ translate('Qty') }}
                                </th>
                                @if (config('app.ENABLE_LENSES') == 'true')
                                    <th data-breakpoints="lg" class="text-uppercase text-center">
                                        {{ translate('Lens Type') }}
                                    </th>
                                @endif
                                <th data-breakpoints="lg" class="min-col text-uppercase text-center">
                                    {{ translate('Price') }}</th>
                                <th data-breakpoints="lg" class="min-col text-uppercase text-center">
                                    {{ translate('Total') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($order->orderDetails as $key => $orderDetail)
                            
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>
                                        @if ($orderDetail->product != null && $orderDetail->product->auction_product == 0)
                                            <a href="{{ route('product', $orderDetail->product->slug) }}" target="_blank">
                                                <img height="50"
                                                    src="{{ uploaded_asset($orderDetail->product->thumbnail_img) }}">
                                            </a>
                                        @elseif ($orderDetail->product != null && $orderDetail->product->auction_product == 1)
                                            <a href="{{ route('auction-product', $orderDetail->product->slug) }}"
                                                target="_blank">
                                                <img height="50"
                                                    src="{{ uploaded_asset($orderDetail->product->thumbnail_img) }}">
                                            </a>
                                        @else
                                            <strong>{{ translate('N/A') }}</strong>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($orderDetail->product != null && $orderDetail->product->auction_product == 0)
                                            <strong>
                                                <a href="{{ route('product', $orderDetail->product->slug) }}"
                                                    target="_blank" class="text-muted">
                                                    {{ $orderDetail->product->getTranslation('name') }}
                                                </a>
                                            </strong>
                                            <small>
                                                {{ $orderDetail->variation }}
                                            </small>
                                            <br>
                                            <small>
                                                @php
                                                    $product_stock = $orderDetail->product->stocks
                                                        ->where('variant', $orderDetail->variation)
                                                        ->first();
                                                @endphp
                                                {{ translate('SKU') }}: {{ $product_stock['sku'] ?? '' }}
                                            </small>
                                        @elseif ($orderDetail->product != null && $orderDetail->product->auction_product == 1)
                                            <strong>
                                                <a href="{{ route('auction-product', $orderDetail->product->slug) }}"
                                                    target="_blank" class="text-muted">
                                                    {{ $orderDetail->product->getTranslation('name') }}
                                                </a>
                                            </strong>
                                        @else
                                            <strong>{{ translate('Product Unavailable') }}</strong>
                                        @endif
                                    </td>
                                    <!--<td>-->
                                    <!--    @if ($order->shipping_type != null && $order->shipping_type == 'home_delivery')-->
                                    <!--        {{ translate('Home Delivery') }}-->
                                    <!--    @elseif ($order->shipping_type == 'pickup_point')-->
                                    <!--        @if ($order->pickup_point != null)-->
                                    <!--            {{ $order->pickup_point->getTranslation('name') }}-->
                                    <!--            ({{ translate('Pickup Point') }})-->
                                    <!--        @else-->
                                    <!--            {{ translate('Pickup Point') }}-->
                                    <!--        @endif-->
                                    <!--    @elseif($order->shipping_type == 'carrier')-->
                                    <!--        @if ($order->carrier != null)-->
                                    <!--            {{ $order->carrier->name }} ({{ translate('Carrier') }})-->
                                    <!--            <br>-->
                                    <!--            {{ translate('Transit Time') . ' - ' . $order->carrier->transit_time }}-->
                                    <!--        @else-->
                                    <!--            {{ translate('Carrier') }}-->
                                    <!--        @endif-->
                                    <!--    @endif-->
                                    <!--</td>-->
                                    <td class="text-center">
                                        {{ $order->payment_type }}
                                    </td>
                                    <td class="text-center">
                                        {{ $orderDetail->quantity }}
                                    </td>
                                    <td class="text-center">
                                        {{ single_price( $orderDetail->price) }}
                                    </td>
                                    
                                    <td class="text-center">
                                        @php
                                            $lensDetails = $orderDetail->selectedLenses();
                                        @endphp
                                        {{ $lensDetails->first() !== null
                                            ? single_price($orderDetail->price / $orderDetail->quantity - (float) $lensDetails->first()->discounted_price)
                                            : single_price($orderDetail->price / $orderDetail->quantity) }}
                                    </td>
                                    <td class="text-center">
                                        {{ single_price($orderDetail->price) }}
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            {{-- show lens prescription data here --}}
            @foreach ($order->orderDetails as $orderDetail)
                @php
                    $cartLens = $orderDetail->cart_lens_data;
                @endphp
                @if ($cartLens)
                    <div class="row mt-4">
                        <div class="col-lg-12">
                            <h5 class="mb-3">{{ translate('Prescription Details for') }}
                                {{ $orderDetail->product ? $orderDetail->product->getTranslation('name') : 'Unknown Product' }}
                            </h5>
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        @if (
                                            $cartLens->right_eye_sphere ||
                                                $cartLens->right_eye_cylinder ||
                                                $cartLens->right_eye_axis ||
                                                $cartLens->right_eye_add)
                                            <div class="col-md-6">
                                                <h6 class="text-muted mb-3">{{ translate('Right Eye') }}</h6>
                                                <table class="table table-sm">
                                                    <tbody>
                                                        @if ($cartLens->right_eye_sphere)
                                                            <tr>
                                                                <td><strong>{{ translate('Sphere') }}:</strong></td>
                                                                <td>{{ $cartLens->right_eye_sphere }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->right_eye_cylinder)
                                                            <tr>
                                                                <td><strong>{{ translate('Cylinder') }}:</strong></td>
                                                                <td>{{ $cartLens->right_eye_cylinder }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->right_eye_axis)
                                                            <tr>
                                                                <td><strong>{{ translate('Axis') }}:</strong></td>
                                                                <td>{{ $cartLens->right_eye_axis }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->right_eye_add)
                                                            <tr>
                                                                <td><strong>{{ translate('Add') }}:</strong></td>
                                                                <td>{{ $cartLens->right_eye_add }}</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        @endif
                                        @if ($cartLens->left_eye_sphere || $cartLens->left_eye_cylinder || $cartLens->left_eye_axis || $cartLens->left_eye_add)
                                            <div class="col-md-6">
                                                <h6 class="text-muted mb-3">{{ translate('Left Eye') }}</h6>
                                                <table class="table table-sm">
                                                    <tbody>
                                                        @if ($cartLens->left_eye_sphere)
                                                            <tr>
                                                                <td><strong>{{ translate('Sphere') }}:</strong></td>
                                                                <td>{{ $cartLens->left_eye_sphere }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->left_eye_cylinder)
                                                            <tr>
                                                                <td><strong>{{ translate('Cylinder') }}:</strong></td>
                                                                <td>{{ $cartLens->left_eye_cylinder }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->left_eye_axis)
                                                            <tr>
                                                                <td><strong>{{ translate('Axis') }}:</strong></td>
                                                                <td>{{ $cartLens->left_eye_axis }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->left_eye_add)
                                                            <tr>
                                                                <td><strong>{{ translate('Add') }}:</strong></td>
                                                                <td>{{ $cartLens->left_eye_add }}</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        @endif
                                    </div>
                                    @if (($cartLens->pd && $cartLens->pd != '0.00') || $cartLens->pd_left_eye || $cartLens->pd_right_eye)
                                        <div class="row mt-3">
                                            <div class="col-md-12">
                                                <h6 class="text-muted mb-3">{{ translate('Pupillary Distance (PD)') }}
                                                </h6>
                                                <table class="table table-sm">
                                                    <tbody>
                                                        @if ($cartLens->pd && $cartLens->pd != '0.00')
                                                            <tr>
                                                                <td><strong>{{ translate('PD') }}:</strong></td>
                                                                <td>{{ $cartLens->pd }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->pd_left_eye)
                                                            <tr>
                                                                <td><strong>{{ translate('Left Eye PD') }}:</strong></td>
                                                                <td>{{ $cartLens->pd_left_eye }}</td>
                                                            </tr>
                                                        @endif
                                                        @if ($cartLens->pd_right_eye)
                                                            <tr>
                                                                <td><strong>{{ translate('Right Eye PD') }}:</strong></td>
                                                                <td>{{ $cartLens->pd_right_eye }}</td>
                                                            </tr>
                                                        @endif
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($cartLens->prescription_image)
                                        <div class="row mt-3">
                                            <div class="col-md-12">
                                                <h6 class="text-muted mb-3">{{ translate('Prescription Image') }}</h6>
                                                <img src="{{ uploaded_asset($cartLens->prescription_image) }}"
                                                    alt="Prescription" class="img-thumbnail" style="max-width: 300px;">
                                            </div>
                                        </div>
                                    @endif
                                    @if ($cartLens->eyesight_description)
                                        <div class="row mt-3">
                                            <div class="col-md-12">
                                                <h6 class="text-muted mb-3">{{ translate('Description') }}</h6>
                                                <p>{{ $cartLens->eyesight_description }}</p>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            @endforeach
            <div class="clearfix float-right">
                <table class="table">
                    <tbody>
                        <tr>
                            <td>
                                <strong class="text-muted">{{ translate('Sub Total') }} :</strong>
                            </td>
                            <td>
                                {{ single_price($order->orderDetails->sum('price')) }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong class="text-muted">{{ translate('Tax') }} :</strong>
                            </td>
                            <td>
                                {{ single_price($order->orderDetails->sum('tax')) }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong class="text-muted">{{ translate('Shipping') }} :</strong>
                            </td>
                            <td>
                                {{ single_price($order->orderDetails->sum('shipping_cost')) }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong class="text-muted">{{ translate('Coupon') }} :</strong>
                            </td>
                            <td>
                                {{ single_price($order->coupon_discount) }}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong class="text-muted">{{ translate('TOTAL') }} :</strong>
                            </td>
                            <td class="text-muted h5">
                                {{ single_price($order->grand_total) }}
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="no-print text-right">
                    <a href="{{ route('invoice.download', $order->id) }}" type="button"
                        class="btn btn-icon btn-light"><i class="las la-print"></i></a>
                </div>
            </div>

        </div>
    </div>
@endsection

@section('modal')
    <!-- confirm payment Status Modal -->
    <div id="confirm-payment-status" class="modal fade">
        <div class="modal-dialog modal-md modal-dialog-centered" style="max-width: 540px;">
            <div class="modal-content p-2rem">
                <div class="modal-body text-center">
                    <svg xmlns="http://www.w3.org/2000/svg" width="72" height="64" viewBox="0 0 72 64">
                        <g id="Octicons" transform="translate(-0.14 -1.02)">
                            <g id="alert" transform="translate(0.14 1.02)">
                                <path id="Shape"
                                    d="M40.159,3.309a4.623,4.623,0,0,0-7.981,0L.759,58.153a4.54,4.54,0,0,0,0,4.578A4.718,4.718,0,0,0,4.75,65.02H67.587a4.476,4.476,0,0,0,3.945-2.289,4.773,4.773,0,0,0,.046-4.578Zm.6,52.555H31.582V46.708h9.173Zm0-13.734H31.582V23.818h9.173Z"
                                    transform="translate(-0.14 -1.02)" fill="#ffc700" fill-rule="evenodd" />
                            </g>
                        </g>
                    </svg>
                    <p class="mt-3 mb-3 fs-16 fw-700">
                        {{ translate('Are you sure you want to change the payment status?') }}</p>
                    <button type="button" class="btn btn-light rounded-2 mt-2 fs-13 fw-700 w-150px"
                        data-dismiss="modal">{{ translate('Cancel') }}</button>
                    <button type="button" onclick="update_payment_status()"
                        class="btn btn-success rounded-2 mt-2 fs-13 fw-700 w-150px">{{ translate('Confirm') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('script')
    <script type="text/javascript">
        $('#assign_deliver_boy').on('change', function() {
            var order_id = {{ $order->id }};
            var delivery_boy = $('#assign_deliver_boy').val();
            $.post('{{ route('orders.delivery-boy-assign') }}', {
                _token: '{{ @csrf_token() }}',
                order_id: order_id,
                delivery_boy: delivery_boy
            }, function(data) {
                AIZ.plugins.notify('success', '{{ translate('Delivery boy has been assigned') }}');
            });
        });
        $('#update_delivery_status').on('change', function() {
            var order_id = {{ $order->id }};
            var status = $('#update_delivery_status').val();
            $.post('{{ route('orders.update_delivery_status') }}', {
                _token: '{{ @csrf_token() }}',
                order_id: order_id,
                status: status
            }, function(data) {
                AIZ.plugins.notify('success', '{{ translate('Delivery status has been updated') }}');
                location.reload();
            });
        });

        // Payment Status Update
        function confirm_payment_status(value) {
            $('#confirm-payment-status').modal('show');
        }

        function update_payment_status() {
            $('#confirm-payment-status').modal('hide');
            var order_id = {{ $order->id }};
            $.post('{{ route('orders.update_payment_status') }}', {
                _token: '{{ @csrf_token() }}',
                order_id: order_id,
                status: 'paid'
            }, function(data) {
                $('#update_payment_status').prop('disabled', true);
                AIZ.plugins.bootstrapSelect('refresh');
                AIZ.plugins.notify('success', '{{ translate('Payment status has been updated') }}');
                location.reload();
            });
        }

        $('#update_tracking_code').on('change', function() {
            var order_id = {{ $order->id }};
            var tracking_code = $('#update_tracking_code').val();
            $.post('{{ route('orders.update_tracking_code') }}', {
                _token: '{{ @csrf_token() }}',
                order_id: order_id,
                tracking_code: tracking_code
            }, function(data) {
                AIZ.plugins.notify('success', '{{ translate('Order tracking code has been updated') }}');
            });
        });
    </script>
@endsection