@extends('web.layout.default')
@section('page_title')
    | {{ trans('labels.order_details') }}
@endsection
@section('content')
    <div class="breadcrumb-sec">
        <div class="container">
            <div class="breadcrumb-sec-content">
                <nav class="text-dark d-flex breadcrumb-divider" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li
                            class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }}">
                            <a class="text-dark" href="{{ route('home') }}">{{ trans('labels.home') }}</a>
                        </li>
                        <li class="breadcrumb-item {{ session()->get('direction') == '2' ? 'breadcrumb-item-rtl ps-0' : '' }} text-primary fw-bold active"
                            aria-current="page">{{ trans('labels.order_details') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="my-5">
        <div class="container">
            <h3 class="fw-bold fs-2 mb-4 truncate-2">{{ trans('labels.order_details') }}</h3>
            <div class="row">
                @if (Auth::user() && Auth::user()->type == 2)
                    <div class="col-lg-3">
                        @include('web.layout.usersidebar')
                    </div>
                @endif
                <div class="{{ Auth::user() && Auth::user()->type == 2 ? 'col-lg-9' : 'col-lg-12' }}">
                    <div class="user-content-wrapper card">
                        <div
                            class="d-flex flex-wrap gap-2 justify-content-between align-items-center mb-3 border-bottom pb-3">

                            <p class="title color-changer m-0">{{ trans('labels.order_details') }}
                            </p>
                            <div class="row g-2">
                                @if ($orderdata->status_type == 1)
                                    <div class="col-auto">
                                        <a class="btn btn-danger px-4 {{ session()->get('direction') == '2' ? 'float-sm-start' : 'float-sm-end' }}"
                                            href="javascript:void(0)"
                                            onclick="cancelorder('{{ $orderdata->order_number }}','{{ URL::to('/orders/cancel') }}')"><i
                                                class="fas fa-trash text-white fs-7 {{ session()->get('direction') == '2' ? 'ms-1' : 'me-1' }}"></i>{{ trans('labels.cancel_order') }}</a>
                                    </div>
                                @endif

                                @if (@helper::checkaddons('whatsapp_message'))
                                    @if (whatsapp_helper::whatsapp_message_config()->order_created == 1)
                                        @if (whatsapp_helper::whatsapp_message_config()->message_type == 2)
                                            <div class="col-auto">
                                                <a href="https://api.whatsapp.com/send?phone={{ whatsapp_helper::whatsapp_message_config()->whatsapp_number }}&text={{ @$whmessage }}"
                                                    class="btn btn-success {{ session()->get('direction') == '2' ? 'float-sm-start' : 'float-sm-end' }}"
                                                    target="_blank">
                                                    <i
                                                        class="fab fa-whatsapp {{ session()->get('direction') == '2' ? 'ms-1' : 'me-1' }}"></i>{{ trans('labels.send_order_on_whatsapp') }}
                                                </a>
                                            </div>
                                        @endif
                                    @endif
                                @endif
                                @if (@helper::checkaddons('telegram_message'))
                                    @if (@helper::telegramdata()->order_created == 1)
                                        <div class="col-auto">
                                            <a href="{{ URL::to('telegram/' . $orderdata->order_number) }}"
                                                class="btn btn-info text-white {{ session()->get('direction') == '2' ? 'float-sm-start' : 'float-sm-end' }}">
                                                <i
                                                    class="fab fa-telegram {{ session()->get('direction') == '2' ? 'ms-1' : 'me-1' }}"></i>{{ trans('labels.send_order_on_telegram') }}
                                            </a>
                                        </div>
                                    @endif
                                @endif
                            </div>
                        </div>
                        <div class="row mb-5 g-3">
                            <div class="col-md-6">
                                <div class="card border">
                                    <div class="card-header border-bottom">
                                        <h5 class="fw-bold color-changer fs-6 mb-0">{{ trans('labels.order_info') }}</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.order_number') }} : </p>&nbsp;
                                            <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->order_number }}</p>
                                        </div>
                                        <div class="d-flex">
                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.order_type') }} : </p>&nbsp;
                                            <p class="fw-500 fs-7 text-muted mb-2">
                                                {{ $orderdata->order_type == '1' ? trans('labels.delivery') : trans('labels.pickup') }}
                                            </p>
                                        </div>
                                        <div class="d-flex">
                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.order_date') }} : </p>&nbsp;
                                            <p class="fw-500 fs-7 text-muted mb-2">
                                                {{ helper::date_format($orderdata->created_at) }}
                                            </p>
                                        </div>
                                        @if ($orderdata->delivery_date != '' && $orderdata->delivery_date != null)
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">
                                                    {{ $orderdata->order_type == '1' ? trans('labels.delivery_date') : trans('labels.pickup_date') }}
                                                    : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">
                                                    {{ helper::date_format($orderdata->delivery_date) }}</p>
                                            </div>
                                        @endif
                                        @if ($orderdata->delivery_time != '' && $orderdata->delivery_time != null)
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">
                                                    {{ $orderdata->order_type == '1' ? trans('labels.delivery_time') : trans('labels.pickup_time') }}
                                                    : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->delivery_time }}</p>
                                            </div>
                                        @endif
                                        <div class="d-flex">

                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.order_status') }} : </p>&nbsp;
                                            @if ($orderdata->status_type == '1')
                                                <p class="fw-600 text-warning mb-1 fw-500 fs-7">
                                                    {{ @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name == null ? '-' : @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name }}
                                                </p>
                                            @elseif($orderdata->status_type == '2')
                                                <p class="fw-600 text-info mb-1 fw-500 fs-7">
                                                    {{ @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name == null ? '-' : @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name }}
                                                </p>
                                            @elseif($orderdata->status_type == '3')
                                                <p class="fw-600 text-success mb-1 fw-500 fs-7">
                                                    {{ @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name == null ? '-' : @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name }}
                                                </p>
                                            @elseif($orderdata->status_type == '4')
                                                <p class="fw-600 text-danger mb-1 fw-500 fs-7">
                                                    {{ @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name == null ? '-' : @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name }}
                                                </p>
                                            @endif

                                        </div>
                                        @if (@helper::checkaddons('vendor_tip'))
                                            @if (@helper::otherappdata()->tips_settings == 1)
                                                <div class="d-flex">
                                                    <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.tips_pro') }} : </p>
                                                    &nbsp;
                                                    <p class="fw-500 fs-7 text-muted mb-2">
                                                        {{ helper::currency_format($orderdata->tips) }}
                                                    </p>
                                                </div>
                                            @endif
                                        @endif
                                        <div class="d-flex">
                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.payment_type') }} : </p>&nbsp;
                                            <p class="fw-500 fs-7 text-muted mb-2">
                                                {{ helper::getpayment($orderdata->transaction_type) }}
                                                @if ($orderdata->transaction_type == 16)
                                                    <span class="text-danger">
                                                        <a href="{{ helper::image_path($orderdata->screenshot) }}"
                                                            target="_blank">{{ trans('labels.click_here') }}</a></span>
                                                @endif
                                                @if (!in_array($orderdata->transaction_type, [1, 2, 16]))
                                                    [{{ $orderdata->transaction_id }}]
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="card border">
                                    <div class="card-header border-bottom">
                                        <h5 class="fw-bold color-changer fs-6 mb-0">{{ trans('labels.address_info') }}</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.name') }} : </p>&nbsp;
                                            <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->name }}</p>
                                        </div>
                                        <div class="d-flex">
                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.email') }} : </p>&nbsp;
                                            <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->email }}</p>
                                        </div>
                                        <div class="d-flex">
                                            <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.mobile') }} : </p>&nbsp;
                                            <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->mobile }}</p>
                                        </div>
                                        @if ($orderdata->address != null && $orderdata->address != '')
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.address') }} : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->address }}</p>
                                            </div>
                                        @endif
                                        @if ($orderdata->city != null && $orderdata->city != '')
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.city') }} : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->city }}</p>
                                            </div>
                                        @endif
                                        @if ($orderdata->state != null && $orderdata->state != '')
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.state') }} : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->state }}</p>
                                            </div>
                                        @endif
                                        @if ($orderdata->country != null && $orderdata->country != '')
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.country') }} : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->country }}</p>
                                            </div>
                                        @endif
                                        @if ($orderdata->landmark != null && $orderdata->landmark != '')
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.landmark') }} : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->landmark }}</p>
                                            </div>
                                        @endif
                                        @if ($orderdata->postal_code != null && $orderdata->postal_code != '')
                                            <div class="d-flex">
                                                <p class="fw-bold color-changer fs-7 mb-2">{{ trans('labels.pincode') }} : </p>&nbsp;
                                                <p class="fw-500 fs-7 text-muted mb-2">{{ $orderdata->postal_code }}</p>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="table-responsive">
                            <table class="table border-top">
                                <thead>
                                    <tr>
                                        <th class="color-changer">{{ trans('labels.image') }}</th>
                                        <th class="color-changer">{{ trans('labels.item') }}</th>
                                        <th class="text-end color-changer">{{ trans('labels.unit_cost') }}</th>
                                        <th class="text-end color-changer">{{ trans('labels.qty') }}</th>
                                        <th class="text-end color-changer">{{ trans('labels.subtotal') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($ordersdetails as $orders)
                                        @php
                                            $extras_id = explode('|', $orders['extras_id']);
                                            $extras_name = explode('|', $orders['extras_name']);
                                            $extras_price = explode('|', $orders['extras_price']);
                                            $extras_total_price = 0;
                                            if ($orders['extras_id'] != '') {
                                                foreach ($extras_id as $key => $addons) {
                                                    $extras_total_price += $extras_price[$key];
                                                }
                                            } else {
                                                $extras_total_price = 0;
                                            }

                                            $total_price =
                                                ($orders['item_price'] + $extras_total_price) * $orders['qty'];
                                            $data[] = ['total_price' => $total_price];
                                        @endphp
                                        <tr class="align-middle">
                                            <td>
                                                <img src="{{ helper::image_path($orders->item_image) }}"
                                                    class="rounded hw-50" alt="">
                                            </td>
                                            <td>
                                                <img @if ($orders['item_type'] == 1) src="{{ helper::image_path('veg.svg') }}" @else src="{{ helper::image_path('nonveg.svg') }}" @endif
                                                    class="item-type-img" alt="">
                                                <span class="fs-7 color-changer">
                                                    {{ $orders->item_name }}
                                                </span>
                                                @if ($orders['variation'] != '' || $orders['extras_id'] != '')
                                                    <li>
                                                        <p class="mb-1">
                                                            <span type="button" class="text-muted fs-7 fw-600"
                                                                onclick="showaddons('{{ $orders['item_id'] }}','{{ $orders['item_name'] }}','{{ $orders['extras_name'] }}','{{ $orders['extras_price'] }}','{{ $orders['variation'] }}','{{ $orders['variation_price'] }}')">
                                                                {{ trans('labels.customize') }}
                                                            </span>
                                                        </p>
                                                    </li>
                                                @endif

                                            </td>
                                            <td class="text-end color-changer">
                                                {{ helper::currency_format($orders['item_price'] + $orders['addons_total_price'] + $extras_total_price) }}

                                            </td>
                                            <td class="text-end color-changer">{{ $orders->qty }}</td>
                                            <td class="text-end color-changer">{{ helper::currency_format($total_price) }}</td>
                                        </tr>
                                    @endforeach
                                    @php
                                        $order_total = array_sum(array_column(@$data, 'total_price'));
                                    @endphp
                                </tbody>
                            </table>
                        </div>

                        <div class="d-flex justify-content-end">
                            <div class="col-md-4 col-12">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item px-0 d-flex justify-content-between">
                                        <span class="fw-500 fs-7 color-changer"> {{ trans('labels.order_total') }} </span>
                                        <span class="text-break color-changer">{{ helper::currency_format($order_total) }}</span>
                                    </li>
                                    @if ($orderdata->discount_amount > 0 && $orderdata->discount_amount != null && $orderdata->discount_amount != '')
                                        <li class="list-group-item px-0 d-flex justify-content-between">
                                            <span class="fw-500 fs-7 color-changer"> {{ trans('labels.discount') }}
                                                {{ $orderdata->offer_code != '' ? '(' . $orderdata->offer_code . ')' : '' }}
                                            </span>
                                            <span class="text-break color-changer">-
                                                {{ helper::currency_format($orderdata->discount_amount) }}</span>
                                        </li>
                                    @endif
                                    @php
                                        $tax = explode('|', $orderdata->tax_amount);
                                        $tax_name = explode('|', $orderdata->tax_name);
                                    @endphp
                                    @if ($orderdata->tax_amount != null && $orderdata->tax_amount != '')
                                        @foreach ($tax as $key => $tax_value)
                                            <li class="list-group-item px-0 d-flex justify-content-between">
                                                <span class="fw-500 fs-7 color-changer"> {{ $tax_name[$key] }}</span>
                                                <span class="text-break color-changer">{{ helper::currency_format($tax[$key]) }}</span>
                                            </li>
                                        @endforeach
                                    @endif

                                    @if ($orderdata->order_type == 1)
                                        <li class="list-group-item px-0 d-flex justify-content-between">
                                            <span class="fw-500 fs-7 color-changer"> {{ trans('labels.delivery') }}
                                                @if ($orderdata->shipping_area != '')
                                                    ({{ $orderdata->shipping_area }})
                                                @endif
                                            </span>
                                            <span class="text-break color-changer">
                                                @if ($orderdata->delivery_charge > 0)
                                                    {{ helper::currency_format($orderdata->delivery_charge) }}
                                                @else
                                                    {{ trans('labels.free') }}
                                                @endif
                                            </span>
                                        </li>
                                    @endif
                                    <li class="list-group-item px-0 d-flex justify-content-between">
                                        <span class="fw-bold text-success"> {{ trans('labels.grand_total') }} </span>
                                        <span
                                            class="fw-bold text-break text-success">{{ helper::currency_format($orderdata->grand_total) }}</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection
@section('scripts')
    <script src="{{ url(env('ASSETSPATHURL') . 'web-assets/js/custom/orders.js') }}"></script>
@endsection