@extends('admin.theme.default')
@section('styles')
    <link rel="stylesheet"
        href="{{ url(env('ASSETSPATHURL') . 'admin-assets/assets/css/bootstrap/bootstrap-select.v1.14.0-beta2.min.css') }}">
@endsection
@section('content')
    @include('admin.breadcrumb')
    <div class="container-fluid">

        <div class="row g-2 justify-content-end pb-3">
            {{-- <div class="col-12 mb-3 d-flex "> --}}
            <div class="col-md-3 col-sm-9 col-12">
                @if ($getdriver->count() > 0)
                    @if ($orderdata->order_type == 1 && ($orderdata->status_type == 1 || $orderdata->status_type == 2))
                        <select class="form-select" name="driver" id="driver" tooltip="assign deliveryman">
                            <option value="0">{{ trans('labels.select') }}</option>
                            @foreach ($getdriver as $driver)
                                <option value="{{ $driver->id }}"
                                    {{ $orderdata->driver_id == $driver->id ? 'selected' : '' }}>{{ $driver->name }}
                                </option>
                            @endforeach
                        </select>
                    @endif
                @endif
            </div>

            <div class="col-md-auto col-sm-3 col-12">
                <div class="dropdown lag-btn">
                    @if ($orderdata->status_type == 1 || $orderdata->status_type == 2)
                        <button type="button" class="btn btn-primary w-100 dropdown-toggle" name="status"
                            data-bs-toggle="dropdown">{{ @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name == null ? trans('labels.action') : @helper::gettype($orderdata->status, $orderdata->status_type, $orderdata->order_type, '')->name }}
                        </button>
                        <div
                            class="dropdown-menu bg-body-secondary p-0 shadow {{ Auth::user()->type == 1 ? 'disabled' : '' }}">
                            @foreach (helper::customstauts($orderdata->order_type) as $status)
                                <a class="dropdown-item p-2 cursor-pointer @if ($orderdata->status == $status->id) fw-bold @endif"
                                    onclick="OrderStatusUpdate('{{ URL::to('admin/orders/update-' . $orderdata->id . '-' . $status->id . '-' . $status->type) }}')">{{ $status->name }}</a>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
            {{-- </div> --}}
        </div>
        <div class="row justify-content-between g-3 mb-3">
            <div
                class="{{ $orderdata->order_type == 2 || $orderdata->order_type == 4 ? 'col-md-4' : 'col-xl-3 col-md-6' }}">
                <div class="card box-shadow border-0 mb-3 h-100 d-flex">
                    <div
                        class="card-header border-bottom d-flex align-items-center bg-transparent text-dark py-3 justify-content-between">
                        <h6 class="px-2 fw-600 color-changer"><i class="fa-solid fa-clipboard fs-5"></i>
                            {{ trans('labels.order_details') }}</h6>
                    </div>
                    <div class="card-body">

                        <div class="basic-list-group">
                            <ul class="list-group list-group-flush">
                                <li
                                    class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                    <p class="color-changer">{{ trans('labels.order_number') }}</p>
                                    <p class="color-changer fw-600">{{ $orderdata->order_number }}</p>
                                </li>
                                <li
                                    class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                    <p class="color-changer">
                                        {{ trans('labels.order_date') }}
                                    </p>
                                    <p class="text-muted">
                                        {{ helper::date_format($orderdata->created_at) }}
                                    </p>
                                </li>
                                @if ($orderdata->delivery_date != '' && $orderdata->delivery_date != null)
                                    <li
                                        class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                        <p class="color-changer">
                                            {{ $orderdata->order_type == 1 ? trans('labels.delivery_date') : trans('labels.pickup_date') }}
                                        </p>
                                        <p class="text-muted">
                                            {{ helper::date_format($orderdata->delivery_date) }}
                                        </p>
                                    </li>
                                @endif
                                @if ($orderdata->delivery_time != '' && $orderdata->delivery_time != null)
                                    <li
                                        class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                        <p class="color-changer">
                                            {{ $orderdata->order_type == 1 ? trans('labels.delivery_time') : trans('labels.pickup_time') }}
                                        </p>
                                        <p class="text-muted">{{ $orderdata->delivery_time }}</p>
                                    </li>
                                @endif
                                {{-- payment_type = COD : 1,RazorPay : 2, Stripe : 3, Flutterwave : 4, Paystack : 5, Mercado Pago : 7, PayPal : 8, MyFatoorah : 9, toyyibpay : 10 --}}

                                <li
                                    class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                    <p class="color-changer">
                                        {{ trans('labels.payment_type') }}
                                    </p>
                                    <span class="text-muted">
                                        @if ($orderdata->transaction_type == 0)
                                            {{ trans('labels.online') }}
                                        @elseif ($orderdata->transaction_type == 16)
                                            {{ @helper::getpayment($orderdata->transaction_type) }}
                                            : <small><a href="{{ helper::image_path($orderdata->screenshot) }}"
                                                    target="_blank"
                                                    class="text-danger">{{ trans('labels.click_here') }}</a></small>
                                        @else
                                            {{ @helper::getpayment($orderdata->transaction_type) }}
                                        @endif
                                    </span>
                                </li>
                                @if (@helper::checkaddons('vendor_tip'))
                                    @if (@helper::otherappdata()->tips_settings == 1)
                                        <li
                                            class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                            <p class="color-changer">
                                                {{ trans('labels.tips_pro') }}
                                            </p>
                                            <p class="text-muted">
                                                {{ helper::currency_format($orderdata->tips) }}
                                            </p>
                                        </li>
                                    @endif
                                @endif
                                @if (in_array($orderdata->transaction_type, [3, 4, 5, 7, 8, 9, 10, 11, 12, 13, 14, 15]))
                                    <li class="list-group-item bg-transparent px-0">
                                        <p class="color-changer">
                                            {{ trans('labels.payment_id') }}
                                        </p>
                                        <p class="text-muted">
                                            {{ $orderdata->transaction_id }}
                                        </p>
                                    </li>
                                @endif
                                @if ($orderdata->order_notes != '')
                                    <li class="list-group-item bg-transparent px-0">
                                        <p class="color-changer">
                                            {{ trans('labels.notes') }}
                                        </p>
                                        <p class="text-muted">
                                            {{ $orderdata->order_notes }}
                                        </p>
                                    </li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div
                class="{{ $orderdata->order_type == 2 || $orderdata->order_type == 4 ? 'col-xl-4 col-md-4' : 'col-xl-3 col-md-6' }}">
                <div class="card box-shadow border-0 mb-3 h-100 d-flex">
                    <div
                        class="card-header border-bottom d-flex align-items-center bg-transparent text-dark py-3 justify-content-between">
                        <h6 class="px-2 fw-600 color-changer"><i class="fa-solid fa-user fs-5"></i>
                            {{ trans('labels.customer') }}</h6>
                        <p class="text-muted cursor-pointer"
                            onclick='editcustomerdata("{{ $orderdata->order_number }}","{{ $orderdata->name }}","{{ $orderdata->mobile }}","{{ $orderdata->email }}","{{ $orderdata->address_type }}","{{ str_replace(' ', '|', $orderdata->address) }}","{{ str_replace(' ', '|', $orderdata->city) }}","{{ str_replace(' ', '|', $orderdata->state) }}","{{ str_replace(' ', '|', $orderdata->country) }}","{{ str_replace(' ', '|', $orderdata->landmark) }}","{{ str_replace(' ', '|', $orderdata->postal_code) }}","customer_info")'>
                            <i class="fa-solid fa-pen-to-square"></i>
                        </p>

                    </div>
                    <div class="card-body">
                        <div class="basic-list-group">
                            <div class="row">
                                <div class="basic-list-group">
                                    <ul class="list-group list-group-flush">
                                        <li
                                            class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                            <p class="color-changer">{{ trans('labels.name') }}</p>
                                            <p class="text-muted"> {{ $orderdata->name }}</p>
                                        </li>
                                        @if ($orderdata->mobile != null)
                                            <li
                                                class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                <p class="color-changer">{{ trans('labels.mobile') }}</p>
                                                <p class="text-muted">{{ $orderdata->mobile }}</p>
                                            </li>
                                        @endif
                                        @if ($orderdata->email != null)
                                            <li
                                                class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                <p class="color-changer">{{ trans('labels.email') }}</p>
                                                <p class="text-muted">{{ $orderdata->email }}</p>
                                            </li>
                                        @endif
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div
                class="{{ $orderdata->order_type == 2 || $orderdata->order_type == 4 ? 'd-none' : 'd-block' }} {{ $orderdata->order_type == 2 || $orderdata->order_type == 4 ? 'col-md-4' : 'col-xl-3 col-md-6' }}">
                <div class="card box-shadow border-0 mb-3 h-100 d-flex">

                    <div
                        class="card-header border-bottom d-flex align-items-center bg-transparent text-dark py-3 justify-content-between">
                        <h6 class="px-2 color-changer fw-600"><i class="fa-solid fa-file-invoice fs-5"></i>
                            @if ($orderdata->order_type == 3 or $orderdata->order_type == 4 or $orderdata->order_type == 5)
                                {{ trans('labels.info') }}
                            @else
                                {{ trans('labels.bill_to') }}
                            @endif
                        </h6>
                        @if ($orderdata->order_type == 1)
                            <p class="text-muted cursor-pointer"
                                onclick="editcustomerdata('{{ $orderdata->order_number }}','{{ $orderdata->name }}','{{ $orderdata->mobile }}','{{ $orderdata->email }}','{{ $orderdata->address_type }}','{{ $orderdata->address }}','{{ $orderdata->city }}','{{ $orderdata->state }}','{{ $orderdata->country }}','{{ $orderdata->landmark }}','{{ $orderdata->postal_code }}','delivery_info')">
                                <i class="fa-solid fa-pen-to-square"></i>
                            </p>
                        @endif
                    </div>
                    <div class="card-body">
                        <div class="basic-list-group">
                            <div class="row">
                                @if ($orderdata->order_type == 1)
                                    <div class="col-12 mb-2">
                                        <div class="basic-list-group">
                                            <ul class="list-group list-group-flush">
                                                @if ($orderdata->order_from == 'pos')
                                                    <li
                                                        class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                        <p class="color-changer">{{ trans('labels.pos') }}</p>
                                                        <p class="text-muted">
                                                            {{ trans('labels.dine_in') }}</p>
                                                    </li>
                                                @else
                                                    <li
                                                        class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                        <p class="color-changer">{{ trans('labels.address') }}</p>
                                                        <p class="text-muted">{{ $orderdata->address }}</p>
                                                    </li>
                                                    @if ($orderdata->city != null && $orderdata->city != '')
                                                        <li
                                                            class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                            <p class="color-changer">{{ trans('labels.city') }}</p>
                                                            <p class="text-muted">{{ $orderdata->city }}
                                                            </p>
                                                        </li>
                                                    @endif
                                                    @if ($orderdata->state != null && $orderdata->state != '')
                                                        <li
                                                            class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                            <p class="color-changer">{{ trans('labels.state') }}</p>
                                                            <p class="text-muted">{{ $orderdata->state }}
                                                            </p>
                                                        </li>
                                                    @endif
                                                    @if ($orderdata->country != null && $orderdata->country != '')
                                                        <li
                                                            class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                            <p class="color-changer">{{ trans('labels.country') }}</p>
                                                            <p class="text-muted">{{ $orderdata->country }}
                                                            </p>
                                                        </li>
                                                    @endif
                                                    @if ($orderdata->landmark != null && $orderdata->landmark != '')
                                                        <li
                                                            class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                            <p class="color-changer">{{ trans('labels.landmark') }}</p>
                                                            <p class="text-muted">
                                                                {{ $orderdata->landmark }}</p>
                                                        </li>
                                                    @endif
                                                    @if ($orderdata->postal_code != null && $orderdata->postal_code != '')
                                                        <li
                                                            class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                            <p class="color-changer">{{ trans('labels.pincode') }}</p>
                                                            <p class="text-muted">
                                                                {{ $orderdata->postal_code }}</p>
                                                        </li>
                                                    @endif
                                                @endif
                                            </ul>
                                        </div>
                                    </div>
                                @elseif ($orderdata->order_type == 2)
                                    <div class="col-12 mb-2">
                                        <div class="basic-list-group">
                                            <ul class="list-group list-group-flush">
                                                @if ($orderdata->order_from == 'pos')
                                                    <li
                                                        class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                        <p class="color-changer">{{ trans('labels.order_type') }}</p>
                                                        <p class="text-muted">
                                                            {{ trans('labels.takeaway') }}</p>
                                                    </li>
                                                @else
                                                    <li
                                                        class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                        <p class="color-changer">{{ trans('labels.order_type') }}</p>
                                                        <p class="text-muted">
                                                            {{ trans('labels.pickup') }}</p>
                                                    </li>
                                                @endif
                                            </ul>
                                        </div>
                                    </div>
                                @elseif ($orderdata->order_type == 3)
                                    <div class="col-12 mb-2">
                                        <div class="basic-list-group">
                                            <ul class="list-group list-group-flush">
                                                <li
                                                    class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                    <p class="color-changer">{{ trans('labels.table') }}</p>
                                                    <p class="text-muted">
                                                        ({{ $orderdata->dinein_tablename != '' ? $orderdata->dinein_tablename : '-' }})
                                                    </p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                @elseif ($orderdata->order_type == 4)
                                    <div class="col-12 mb-2">
                                        <div class="basic-list-group">
                                            <ul class="list-group list-group-flush">
                                                <li
                                                    class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                    <p class="color-changer">{{ trans('labels.pos') }}</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                @elseif ($orderdata->order_type == 5)
                                    <div class="col-12 mb-2">
                                        <div class="basic-list-group">
                                            <ul class="list-group list-group-flush">
                                                <li
                                                    class="list-group-item bg-transparent px-0 fs-7 fw-500 d-flex justify-content-between align-items-center">
                                                    <p class="color-changer">{{ trans('labels.digital') }}</p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" id="order_type" name="order_type" value="{{ $orderdata->order_type }}">
            <div
                class="{{ $orderdata->order_type == 2 || $orderdata->order_type == 4 ? 'col-md-4' : 'col-xl-3 col-md-6' }}">
                <div class="card box-shadow border-0 mb-3 h-100 d-flex">
                    <div
                        class="card-header border-bottom d-flex align-items-center bg-transparent text-dark py-3 justify-content-between">
                        <h6 class="px-2 fw-600 color-changer"><i class="fa-solid fa-clipboard fs-5"></i>
                            {{ trans('labels.notes') }}</h6>
                    </div>
                    <div class="card-body">
                        <div class="basic-list-group">
                            <div class="row">
                                <div class="basic-list-group">
                                    @if ($orderdata->vendor_note != '')
                                        <div class="alert alert-info" role="alert">
                                            {{ $orderdata->vendor_note }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer border-top bg-transparent">
                        <form action="{{ URL::to('admin/orders/vendor_note') }}" method="POST">
                            @csrf
                            <div class="form-group col-12">
                                <label for="note" class="form-label color-changer"> {{ trans('labels.notes') }}
                                </label>
                                <div class="controls">
                                    <input type="hidden" name="order_id" class="form-control"
                                        value="{{ $orderdata->order_number }}">
                                    <input type="text" name="vendor_note" class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group mt-3 text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                <button
                                    @if (env('Environment') == 'sendbox') type="button" onclick="myFunction()" type="submit" @endif
                                    class="btn btn-primary px-4"> {{ trans('labels.update') }} </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="card box-shadow border-0 mb-5">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>{{ trans('labels.image') }}</th>
                                <th>{{ trans('labels.item') }}</th>
                                <th class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                    {{ trans('labels.unit_cost') }}</th>
                                <th class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                    {{ trans('labels.qty') }}</th>
                                <th class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                    {{ trans('labels.total') }}</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];
                                    $order_total = array_sum(array_column(@$data, 'total_price'));
                                @endphp
                                <tr>
                                    <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="">
                                        {{ $orders->item_name }}
                                        @if ($orders['variation'] != '' || $orders['addons_id'] != '')
                                            <li class="mb-2">
                                                <p>
                                                    <span type="button" class="text-muted fw-500 fs-7"
                                                        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-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                        {{ helper::currency_format($orders['item_price'] + $extras_total_price) }}
                                    </td>
                                    <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                        {{ $orders->qty }}</td>
                                    <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                        {{ helper::currency_format($total_price) }}</td>
                                </tr>
                            @endforeach
                            <tr>
                                <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}"
                                    colspan="4">
                                    <p class="color-changer">{{ trans('labels.subtotal') }}</p>
                                </td>
                                <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                    <p class="color-changer">{{ helper::currency_format($order_total) }}</p>
                                </td>
                            </tr>
                            @if ($orderdata->discount_amount > 0 && $orderdata->discount_amount != null)
                                <tr>
                                    <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}"
                                        colspan="4">
                                        <p class="color-changer">{{ trans('labels.discount') }}</p>
                                        {{ $orderdata->offer_code != '' ? '(' . $orderdata->offer_code . ')' : '' }}
                                    </td>
                                    <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                        <p class="color-changer">-
                                            {{ helper::currency_format($orderdata->discount_amount) }}</p>
                                    </td>
                                </tr>
                            @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)
                                    <tr>
                                        <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}"
                                            colspan="4">
                                            <p class="color-changer">{{ $tax_name[$key] }}</p>
                                        </td>
                                        <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                            <p class="color-changer">{{ helper::currency_format($tax[$key]) }}</p>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif

                            <tr>
                                <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}"
                                    colspan="4">
                                    <p class="color-changer">{{ trans('labels.delivery') }}
                                        @if ($orderdata->shipping_area != '')
                                            ({{ $orderdata->shipping_area }})
                                        @endif
                                    </p>
                                </td>
                                <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }}">
                                    <p class="color-changer">
                                        @if ($orderdata->delivery_charge > 0)
                                            {{ helper::currency_format($orderdata->delivery_charge) }}
                                        @else
                                            {{ trans('labels.free') }}
                                        @endif
                                    </p>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }} color-changer"
                                    colspan="4">
                                    <strong>{{ trans('labels.grand_total') }}</strong>
                                </td>
                                <td
                                    class="text-{{ session()->get('direction') == '2' ? 'start' : 'end' }} color-changer">
                                    <strong>{{ helper::currency_format($orderdata->grand_total) }}</strong>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="customerinfo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable">
            <div class="modal-content rounded-4">
                <div class="modal-header justify-content-between">
                    <h5 class="modal-title color-changer fw-500" id="modalbankdetailsLabel">{{ trans('labels.edit') }}
                    </h5>
                    <button type="button" class="bg-transparent border-0 m-0" data-bs-dismiss="modal"
                        aria-label="Close">
                        <i class="fa-regular fa-xmark fs-5 color-changer"></i>
                    </button>
                </div>
                <form enctype="multipart/form-data" action="{{ URL::to('admin/orders/customerinfo') }}" method="POST">
                    <div class="modal-body">
                        @csrf
                        <input type="hidden" name="order_id" id="modal_order_id" class="form-control" value="">
                        <input type="hidden" name="edit_type" id="edit_type" class="form-control" value="">
                        <div id="customer_info" class="row g-3">
                            <div class="form-group col-12">
                                <label for="customer_name"> {{ trans('labels.name') }} </label>
                                <div class="controls">
                                    <input type="text" name="customer_name" id="customer_name" class="form-control"
                                        required>
                                </div>
                            </div>
                            <div class="form-group col-12">
                                <label for="customer_mobile"> {{ trans('labels.mobile') }} </label>
                                <div class="controls">
                                    <input type="text" name="customer_mobile" id="customer_mobile"
                                        class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group col-12">
                                <label for="customer_email"> {{ trans('labels.email') }} </label>
                                <div class="controls">
                                    <input type="text" name="customer_email" id="customer_email" class="form-control"
                                        required>
                                </div>
                            </div>
                        </div>

                        <div id="delivery_info" class="row g-3">

                            <div class="form-group col-12">
                                <label for="address"> {{ trans('labels.address') }} </label>
                                <div class="controls">
                                    <input type="text" name="address" id="address" class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group col-12">
                                <label for="city"> {{ trans('labels.city') }} </label>
                                <div class="controls">
                                    <input type="text" name="city" id="city" class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group col-12">
                                <label for="state"> {{ trans('labels.state') }} </label>
                                <div class="controls">
                                    <input type="text" name="state" id="state" class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group col-12">
                                <label for="country"> {{ trans('labels.country') }} </label>
                                <div class="controls">
                                    <input type="text" name="country" id="country" class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group col-12">
                                <label for="landmark"> {{ trans('labels.landmark') }} </label>
                                <div class="controls">
                                    <input type="text" name="landmark" id="landmark" class="form-control" required>
                                </div>
                            </div>
                            <div class="form-group col-12">
                                <label for="postal_code"> {{ trans('labels.pincode') }} </label>
                                <div class="controls">
                                    <input type="text" name="postal_code" id="postal_code" class="form-control"
                                        required>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger px-4"
                            data-bs-dismiss="modal">{{ trans('labels.close') }}</button>
                        <button @if (env('Environment') == 'sendbox') type="button" onclick="myFunction()" type="submit" @endif
                            class="btn btn-primary px-4"> {{ trans('labels.save') }} </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="modal fade" id="modal_selected_addons" tabindex="-1" aria-labelledby="selected_addons_Label"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header justify-content-between">
                    <h6 class="modal-title fs-5 color-changer fw-500" id="selected_addons_Label"></h6>
                    <button type="button" class="bg-transparent border-0 m-0" data-bs-dismiss="modal"
                        aria-label="Close">
                        <i class="fa-regular fa-xmark fs-5 color-changer"></i>
                    </button>
                </div>
                <div class="modal-body p-0 extra-variation-modal">
                    <ul
                        class="list-group list-group-flush p-0 {{ session()->get('direction') == 2 ? 'text-right' : 'text-left' }}">
                    </ul>

                    <!-- Variants -->
                    <div class="p-3">
                        <div id="item-variations" class="">

                        </div>
                        <!-- Extras -->
                        <div id="item-extras" class="mt-2">
                            <div class="p-3 border-top">
                                <h6 class="fw-normal m-0 d-none" id="extras_title">{{ trans('labels.extras') }} </h6>
                                <ul class="m-0 ps-2">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ url(env('ASSETSPATHURL') . 'admin-assets/assets/js/custom/orders.js') }}"></script>

    <script>
        var variation_title = "{{ trans('labels.variation') }}";
        var extras_title = "{{ trans('labels.extras') }}";
        var addons_title = "{{ trans('labels.addons') }}";

        function showaddons(id, item_name, extra_name, extra_price, variation_name,
            variation_price) {

            $('#selected_addons_Label').html(item_name);
            var extras = extra_name.split("|");
            var variations = variation_name.split(',');
            var extra_price = extra_price.split('|');


            var html = "";
            if (variations != '') {
                html += '<p class="fw-bolder color-changer m-0 mb-2" id="variation_title">' + variation_title +
                    '</p><ul class="m-0 ps-2">';
                html += '<li class="px-0 color-changer d-flex justify-content-between mb-1 align-items-center fs-7 fw-500">' +
                    variations + '<span class="text-muted">' + currency_format(parseFloat(
                        variation_price)) + '</span></li>'
                html += '</ul>';
            }
            $('#item-variations').html(html);
            var html1 = '';
            if (extras != '') {
                $('#extras_title').removeClass('d-none');
                html1 += '<p class="fw-bolder color-changer m-0 mb-2" id="extras_title">' + extras_title + '</p><ul class="m-0 ps-2">';
                for (i in extras) {
                    html1 += '<li class="px-0 d-flex color-changer justify-content-between mb-1 align-items-center fs-7 fw-500">' +
                        extras[i] + '<span class="text-muted">' + currency_format(parseFloat(
                            extra_price[i])) + '</span></li>'
                }
                html1 += '</ul>';
            }
            $('#item-extras').html(html1);


            $('#modal_selected_addons').modal('show');
        }
    </script>
    <script>
        $('#driver').on('change', function() {
            $.ajax({
                headers: {
                    "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
                },
                url: "{{ URL::to('admin/orders/assign-driver') }}",
                type: "post",
                dataType: "json",
                data: {
                    driver_id: $(this).val(),
                    order_id: "{{ $orderdata->id }}",
                },
                success: function(response) {
                    $("#preload").hide();
                    if (response.status == 0) {
                        toastr.error(response.message);
                    } else {
                        location.reload();
                    }
                }
            });
        });
    </script>
    <script
        src="{{ url(env('ASSETSPATHURL') . 'admin-assets/assets/js/bootstrap/bootstrap-select.v1.14.0-beta2.min.js') }}">
    </script>
@endsection