@extends('layouts.admin.home')

@section('title')
    <title>{{ __('admin.pages.orders.title') }}</title>
@endsection

@section('css')
    <style>
        .admin-orders-toggle {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 8px;
            border: 1px solid rgba(216, 227, 240, 0.98);
            border-radius: 22px;
            background: linear-gradient(180deg, #ffffff, #f6faff);
            box-shadow: 0 12px 28px rgba(16, 32, 58, 0.06);
        }

        .admin-orders-toggle__link {
            min-height: 50px;
            min-width: 170px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 0 22px;
            border: 1px solid rgba(216, 227, 240, 0.98);
            border-radius: 16px;
            background: #fff;
            color: #274066;
            font-weight: 800;
            text-decoration: none;
            transition: all 0.2s ease;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
        }

        .admin-orders-toggle__link:hover {
            color: #10203a;
            border-color: rgba(15, 75, 191, 0.28);
            background: #f4f8ff;
            transform: translateY(-1px);
        }

        .admin-orders-toggle__link.is-active {
            border-color: transparent;
            background: linear-gradient(135deg, #18326f, #0f4bbf);
            color: #fff;
            box-shadow: 0 14px 26px rgba(15, 75, 191, 0.24);
        }

        .admin-orders-toggle__link.is-active:hover {
            color: #fff;
        }

        .admin-orders-toggle__link i {
            font-size: 1rem;
        }

        @media (max-width: 767.98px) {
            .admin-orders-toggle {
                width: 100%;
                display: grid;
                grid-template-columns: 1fr;
            }

            .admin-orders-toggle__link {
                width: 100%;
                min-width: 0;
            }
        }

        .admin-filter-bar {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .admin-filter-bar .form-control,
        .admin-filter-bar .form-select {
            min-height: 44px;
            border-radius: 14px !important;
            font-size: 0.88rem;
        }

        .admin-filter-bar .input-group {
            min-width: 160px;
        }

        .admin-filter-bar .input-group-text {
            border-radius: 14px 0 0 14px !important;
        }

        html[dir='rtl'] .admin-filter-bar .input-group-text {
            border-radius: 0 14px 14px 0 !important;
        }

        .admin-filter-bar .btn-filter {
            min-height: 44px;
            border-radius: 14px;
            font-weight: 800;
            padding-inline: 20px;
        }

        .admin-filter-tags {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            padding: 12px 0 0;
        }

        .admin-filter-tag {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 14px;
            border-radius: 999px;
            background: rgba(15, 75, 191, 0.10);
            color: #0f4bbf;
            font-size: 0.82rem;
            font-weight: 700;
        }

        .admin-filter-tag .btn-close-sm {
            width: 16px;
            height: 16px;
            font-size: 0.6rem;
            opacity: 0.6;
            cursor: pointer;
            background: transparent;
            border: 0;
            padding: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #0f4bbf;
        }

        .admin-filter-tag .btn-close-sm:hover {
            opacity: 1;
        }

        .admin-filter-tag.is-reset {
            background: rgba(216, 79, 79, 0.10);
            color: #d84f4f;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .admin-filter-tag.is-reset:hover {
            background: rgba(216, 79, 79, 0.18);
        }

        .flatpickr-input {
            background: #fff !important;
        }

        .status-dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            margin-inline-end: 6px;
            flex-shrink: 0;
        }

        .filter-section-toggle {
            cursor: pointer;
            user-select: none;
        }

        .filter-section-toggle .ri-arrow-up-s-line,
        .filter-section-toggle .ri-arrow-down-s-line {
            transition: transform 0.2s ease;
        }

        .filter-section-toggle.collapsed .ri-arrow-up-s-line {
            display: none;
        }

        .filter-section-toggle:not(.collapsed) .ri-arrow-down-s-line {
            display: none;
        }

        .admin-pagination-wrap {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding-top: 1.25rem;
        }

        .admin-pagination-info {
            font-size: 0.82rem;
            color: #6b7280;
            white-space: nowrap;
        }

        .admin-pagination {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 4px;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .admin-pagination .page-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 36px;
            height: 36px;
            padding: 0 .5rem;
            border-radius: 8px !important;
            border: 1px solid #e2e5f1;
            background: #fff;
            color: #4b5563;
            font-size: 0.82rem;
            font-weight: 600;
            text-decoration: none;
            transition: all .15s ease;
        }

        .admin-pagination .page-link:hover {
            background: #f3f6ff;
            border-color: #c4d0e3;
            color: #0f4bbf;
        }

        .admin-pagination .page-item.active .page-link {
            background: #0f4bbf;
            border-color: #0f4bbf;
            color: #fff;
            font-weight: 700;
            box-shadow: 0 2px 8px rgba(15, 75, 191, 0.2);
        }

        .admin-pagination .page-item.disabled .page-link {
            opacity: .4;
            pointer-events: none;
        }

        .admin-pagination .page-link.prev-next {
            font-size: 0.75rem;
            gap: 4px;
            padding: 0 .65rem;
        }

        .admin-pagination .page-link.ellipsis {
            border: 0;
            background: transparent;
            min-width: 24px;
            color: #9ca3af;
            pointer-events: none;
        }

        @media (max-width: 767.98px) {
            .admin-filter-bar .input-group,
            .admin-filter-bar .form-select {
                min-width: 100%;
            }

            .admin-filter-bar {
                flex-direction: column;
                align-items: stretch;
            }

            .admin-pagination-wrap {
                flex-direction: column;
                align-items: center;
            }
        }
    </style>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
@endsection

@section('content')
    @php
        $tab = (string) ($tab ?? request('tab', 'orders'));
        $isRequestsPage = $tab === 'requests';
        $orderNo = (string) ($orderNo ?? request('order_no', ''));
        $status = (string) ($status ?? request('status', ''));
        $orderType = (string) ($orderType ?? request('order_type', ''));
        $paymentStatus = (string) ($paymentStatus ?? request('payment_status', ''));
        $dateFrom = (string) ($dateFrom ?? request('date_from', ''));
        $dateTo = (string) ($dateTo ?? request('date_to', ''));
        $scheduledStatus = (string) ($scheduledStatus ?? request('scheduled_status', ''));

        $statusOptions = orderStatusOptions('admin');
        $statusLabels = collect($statusOptions)->mapWithKeys(fn ($option, $key) => [$key => $option['label']])->all();
        $statusColors = [
            'pending' => '#f59e0b',
            'confirmed' => '#10b981',
            'accepted_orders' => '#10b981',
            'processing' => '#3b82f6',
            'completed' => '#059669',
            'scheduled' => '#8b5cf6',
            'active_scheduled' => '#3b82f6',
            'completed_scheduled' => '#059669',
            'cancelled' => '#ef4444',
            'rejected' => '#ef4444',
        ];

        $hasActiveFilters = $orderNo !== '' || $status !== '' || $scheduledStatus !== '' || $orderType !== '' || $paymentStatus !== '' || $dateFrom !== '' || $dateTo !== '';
    @endphp

    <div class="page-content">
        <div class="container-fluid">
            <x-admin.page-header
                :badge="__('admin.pages.orders.module_label')"
                :title="__('admin.pages.orders.title')"
                :description="__('admin.pages.orders.description')"
                :breadcrumbs="[
                    ['label' => __('admin.pages.common.home'), 'href' => route('admin/index')],
                    ['label' => __('admin.nav.orders'), 'href' => route('admin/orders/index') . '/0/' . PAGINATION_COUNT],
                    ['label' => __('admin.pages.common.index'), 'active' => true],
                ]"
            />

            @include('flash::message')
            @if ($errors->any())
                <div class="card mb-4">
                    <div class="card-body">
                        <ul class="mb-0" dir="ltr">
                            @foreach ($errors->all() as $error)
                                <li class="text-danger">{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif

            <div class="card admin-content-card">
                <div class="card-header">
                    <div class="admin-card-head">
                        <div class="admin-card-head__copy">
                            <span class="admin-card-head__eyebrow">{{ __('admin.pages.orders.module_label') }}</span>
                            <h5 class="admin-card-head__title">{{ __('admin.pages.orders.overview') }}</h5>
                            <p class="admin-card-head__text">{{ __('admin.pages.orders.overview_subtitle') }}</p>
                        </div>
                        <div class="admin-card-head__actions">
                            <div class="admin-orders-toggle" role="tablist" aria-label="Orders tabs">
                                <a
                                    href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab=orders"
                                    class="admin-orders-toggle__link {{ $isRequestsPage ? '' : 'is-active' }}"
                                    aria-selected="{{ $isRequestsPage ? 'false' : 'true' }}">
                                    <i class="ri-shopping-bag-3-line"></i>
                                    <span>{{ __('admin.nav.orders') }}</span>
                                </a>
                                <a
                                    href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab=requests"
                                    class="admin-orders-toggle__link {{ $isRequestsPage ? 'is-active' : '' }}"
                                    aria-selected="{{ $isRequestsPage ? 'true' : 'false' }}">
                                    <i class="ri-inbox-archive-line"></i>
                                    <span>{{ __('admin.pages.common.requests') }}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ route('admin/orders/index', ['offset' => 0, 'limit' => PAGINATION_COUNT]) }}" id="ordersFilterForm">
                        <input type="hidden" name="tab" value="{{ $tab }}">
                        <input type="hidden" name="scheduled_status" value="{{ $scheduledStatus }}">

                        <div class="admin-filter-bar">
                            <div class="input-group" style="min-width:170px;">
                                <span class="input-group-text bg-transparent">
                                    <i class="ri-search-line"></i>
                                </span>
                                <input
                                    type="text"
                                    name="order_no"
                                    value="{{ $orderNo }}"
                                    inputmode="numeric"
                                    pattern="[0-9]*"
                                    class="form-control"
                                    placeholder="{{ __('admin.pages.orders.search_by_order_no') }}">
                            </div>

                            <select name="order_type" class="form-select" style="width:auto;min-width:130px;">
                                <option value="">{{ __('admin.pages.common.order_type') }}</option>
                                <option value="1" {{ $orderType === '1' ? 'selected' : '' }}>{{ __('admin.pages.common.order') }}</option>
                                <option value="2" {{ $orderType === '2' ? 'selected' : '' }}>{{ __('admin.pages.common.quotation') }}</option>
                                <option value="3" {{ $orderType === '3' ? 'selected' : '' }}>{{ __('admin.pages.common.maintenance') }}</option>
                            </select>

                            <select name="status" class="form-select" style="width:auto;min-width:150px;">
                                <option value="">{{ __('admin.pages.common.status') }}</option>
                                @foreach($statusLabels as $key => $label)
                                    @if(!in_array($key, ['active_scheduled', 'completed_scheduled'], true))
                                        <option value="{{ $key }}" {{ $status === $key ? 'selected' : '' }}>&#9679; {{ $label }}</option>
                                    @endif
                                @endforeach
                            </select>

                            <select name="payment_status" class="form-select" style="width:auto;min-width:120px;">
                                <option value="">{{ __('admin.dashboard.payment_status') }}</option>
                                <option value="1" {{ $paymentStatus === '1' ? 'selected' : '' }}>{{ __('admin.dashboard.paid') }}</option>
                                <option value="0" {{ $paymentStatus === '0' ? 'selected' : '' }}>{{ __('admin.dashboard.unpaid') }}</option>
                            </select>

                            <input
                                type="text"
                                name="date_from"
                                value="{{ $dateFrom }}"
                                class="form-control flatpickr-input"
                                placeholder="{{ __('forms.date') }}"
                                style="width:auto;min-width:130px;"
                                data-input>
                            <input
                                type="text"
                                name="date_to"
                                value="{{ $dateTo }}"
                                class="form-control flatpickr-input"
                                placeholder="{{ __('forms.date') }}"
                                style="width:auto;min-width:130px;"
                                data-input>

                            <button type="submit" class="btn btn-primary btn-filter">
                                <i class="ri-search-2-line align-bottom"></i>
                            </button>

                            @if($hasActiveFilters)
                                <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status={{ $scheduledStatus }}" class="btn btn-light btn-filter">
                                    <i class="ri-close-line align-bottom"></i>
                                </a>
                            @endif
                        </div>

                        @if($hasActiveFilters)
                            <div class="admin-filter-tags">
                                @if($orderNo !== '')
                                    <span class="admin-filter-tag">
                                        <i class="ri-hashtag"></i> {{ $orderNo }}
                                        <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status={{ $scheduledStatus }}&order_no=&status={{ $status }}&order_type={{ $orderType }}&payment_status={{ $paymentStatus }}&date_from={{ $dateFrom }}&date_to={{ $dateTo }}" class="btn-close-sm">&times;</a>
                                    </span>
                                @endif
                                @if($status !== '')
                                    <span class="admin-filter-tag">
                                        <span class="status-dot" style="background:{{ $statusColors[$status] ?? '#6b7280' }}"></span>
                                        {{ $statusLabels[$status] ?? $status }}
                                        <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status={{ $scheduledStatus }}&order_no={{ $orderNo }}&status=&order_type={{ $orderType }}&payment_status={{ $paymentStatus }}&date_from={{ $dateFrom }}&date_to={{ $dateTo }}" class="btn-close-sm">&times;</a>
                                    </span>
                                @endif
                                @if($scheduledStatus !== '')
                                    <span class="admin-filter-tag">
                                        <span class="status-dot" style="background:{{ $statusColors[$scheduledStatus] ?? '#6b7280' }}"></span>
                                        {{ $statusLabels[$scheduledStatus] ?? $scheduledStatus }}
                                        <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status=&order_no={{ $orderNo }}&status={{ $status }}&order_type={{ $orderType }}&payment_status={{ $paymentStatus }}&date_from={{ $dateFrom }}&date_to={{ $dateTo }}" class="btn-close-sm">&times;</a>
                                    </span>
                                @endif
                                @if($orderType !== '')
                                    <span class="admin-filter-tag">
                                        <i class="ri-file-list-3-line"></i>
                                        @if($orderType === '1') {{ __('admin.pages.common.order') }}
                                        @elseif($orderType === '2') {{ __('admin.pages.common.quotation') }}
                                        @else {{ __('admin.pages.common.maintenance') }}
                                        @endif
                                        <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status={{ $scheduledStatus }}&order_no={{ $orderNo }}&status={{ $status }}&order_type=&payment_status={{ $paymentStatus }}&date_from={{ $dateFrom }}&date_to={{ $dateTo }}" class="btn-close-sm">&times;</a>
                                    </span>
                                @endif
                                @if($paymentStatus !== '')
                                    <span class="admin-filter-tag">
                                        @if($paymentStatus === '1')
                                            <i class="ri-checkbox-circle-line" style="color:#10b981;"></i> {{ __('admin.dashboard.paid') }}
                                        @else
                                            <i class="ri-time-line" style="color:#f59e0b;"></i> {{ __('admin.dashboard.unpaid') }}
                                        @endif
                                        <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status={{ $scheduledStatus }}&order_no={{ $orderNo }}&status={{ $status }}&order_type={{ $orderType }}&payment_status=&date_from={{ $dateFrom }}&date_to={{ $dateTo }}" class="btn-close-sm">&times;</a>
                                    </span>
                                @endif
                                @if($dateFrom !== '' || $dateTo !== '')
                                    <span class="admin-filter-tag">
                                        <i class="ri-calendar-line"></i> {{ $dateFrom ?: '...' }} <i class="ri-arrow-left-right-line"></i> {{ $dateTo ?: '...' }}
                                        <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status={{ $scheduledStatus }}&order_no={{ $orderNo }}&status={{ $status }}&order_type={{ $orderType }}&payment_status={{ $paymentStatus }}&date_from=&date_to=" class="btn-close-sm">&times;</a>
                                    </span>
                                @endif
                                <a href="{{ route('admin/orders/index') }}/0/{{ PAGINATION_COUNT }}?tab={{ $tab }}&scheduled_status={{ $scheduledStatus }}" class="admin-filter-tag is-reset">
                                    <i class="ri-restart-line"></i> {{ __('admin.pages.common.reset') }}
                                </a>
                            </div>
                        @endif
                    </form>
                </div>
                <div class="card-body" style="padding-top:0;">
                    <div class="table-responsive">
                        <table id="scroll-horizontal" class="table nowrap align-middle dataTable no-footer" style="width: 100%" aria-describedby="scroll-horizontal_info">
                            <thead>
                                <tr>
                                    <th class="text-center">{{ __('admin.pages.common.id') }}</th>
                                    <th class="text-center">{{ __('admin.pages.common.order_type') }}</th>
                                    <th class="text-center">{{ __('admin.pages.common.customer') }}</th>
                                    <th class="text-center">{{ __('admin.pages.common.provider') }}</th>
                                    <th class="text-center">{{ __('admin.pages.common.status') }}</th>
                                    <th class="text-center">{{ __('admin.pages.common.vat_amount') }}</th>
                                    <th class="text-center">{{ __('admin.pages.common.total_cost') }}</th>
                                    <th class="text-center">{{ __('admin.pages.common.actions') }}</th>
                                </tr>
                            </thead>
                            <tbody id="tableShowData">
                                @forelse($orders as $record)
                                            @php
                                                $orderType = '---';
                                                $orderBadge = 'bg-info-subtle text-info';
                                                $statusState = $record->admin_status_state ?? $record->admin_status ?? $record->resolveAdminStatus((int) ($record->provider_id ?? 0) ?: null);
                                                if ((int) $record->order_type === 1) {
                                                    $orderType = __('admin.pages.common.order');
                                                    $orderBadge = 'bg-primary-subtle text-primary';
                                                } elseif ((int) $record->order_type === 2) {
                                                $orderType = __('admin.pages.common.quotation');
                                                $orderBadge = 'bg-warning-subtle text-warning';
                                            } elseif ((int) $record->order_type === 3) {
                                                $orderType = __('admin.pages.common.maintenance');
                                                $orderBadge = 'bg-success-subtle text-success';
                                            }
                                        @endphp
                                        <tr class="text-center">
                                            <td class="fw-semibold">#{{ $record->id }}</td>
                                            <td><span class="badge {{ $orderBadge }}">{{ $orderType }}</span></td>
                                            <td>
                                                <a href="{{ route('admin/orders/edit', $record->id) }}" class="text-reset text-decoration-none fw-semibold">
                                                    {{ $record->user?->name }}
                                                </a>
                                            </td>
                                            <td>{{ $record->provider?->name }}</td>
                                            <td><span class="badge {{ $statusState['class'] }}">{{ $statusState['text'] }}</span></td>
                                            <td>{{ $record->vat_amount }}</td>
                                            <td class="fw-semibold">{{ $record->total_cost }}</td>
                                            <td>
                                                <div class="dropdown d-inline-block">
                                                    <button class="btn btn-soft-secondary btn-sm dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                        <i class="ri-more-fill align-middle"></i>
                                                    </button>
                                                    <ul class="dropdown-menu dropdown-menu-end" style="text-align: end;">
                                                        <li>
                                                            <a href="{{ route('admin/orders/edit', $record->id) }}" class="dropdown-item edit-item-btn">
                                                                <i class="ri-eye-line align-bottom me-2 text-muted"></i> {{ __('admin.pages.common.details') }}
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                @empty
                                    <tr>
                                        <td colspan="8" class="text-center text-muted py-5">{{ __('admin.pages.common.no_data') }}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div class="admin-pagination-wrap">
                        <div class="admin-pagination-info">
                            @php
                                $from = $orders->firstItem() ?? 0;
                                $to = $orders->lastItem() ?? 0;
                                $total = $orders->total();
                            @endphp
                            {{ __('admin.pages.common.showing_entries', ['from' => $from, 'to' => $to, 'total' => $total]) }}
                        </div>
                        <nav aria-label="Page navigation">
                            <ul class="admin-pagination">
                                <li class="page-item {{ $orders->onFirstPage() ? 'disabled' : '' }}">
                                    <a class="page-link prev-next" href="{{ $orders->previousPageUrl() ?? '#' }}" aria-label="Previous">
                                        <i class="ri-arrow-left-s-line"></i> <span>{{ __('admin.pages.common.previous') }}</span>
                                    </a>
                                </li>
                                @php
                                    $current = $orders->currentPage();
                                    $last = $orders->lastPage();
                                    $start = max(1, $current - 2);
                                    $end = min($last, $current + 2);
                                @endphp
                                @if($start > 1)
                                    <li class="page-item {{ $current == 1 ? 'active' : '' }}">
                                        <a class="page-link" href="{{ $orders->url(1) }}">1</a>
                                    </li>
                                    @if($start > 2)
                                        <li class="page-item"><span class="page-link ellipsis">...</span></li>
                                    @endif
                                @endif
                                @for($i = $start; $i <= $end; $i++)
                                    <li class="page-item {{ $i == $current ? 'active' : '' }}">
                                        <a class="page-link" href="{{ $orders->url($i) }}">{{ $i }}</a>
                                    </li>
                                @endfor
                                @if($end < $last)
                                    @if($end < $last - 1)
                                        <li class="page-item"><span class="page-link ellipsis">...</span></li>
                                    @endif
                                    <li class="page-item {{ $current == $last ? 'active' : '' }}">
                                        <a class="page-link" href="{{ $orders->url($last) }}">{{ $last }}</a>
                                    </li>
                                @endif
                                <li class="page-item {{ !$orders->hasMorePages() ? 'disabled' : '' }}">
                                    <a class="page-link prev-next" href="{{ $orders->nextPageUrl() ?? '#' }}" aria-label="Next">
                                        <span>{{ __('admin.pages.common.next') }}</span> <i class="ri-arrow-right-s-line"></i>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>

                    <div class="modal fade" id="myModalDelete" tabindex="-1" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title fw-bold">{{ __('admin.pages.common.confirm_delete') }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('admin.pages.common.close') }}"></button>
                                </div>
                                <div class="modal-body text-center p-5">
                                    <form role="form" action="{{ route('admin/orders/delete') }}" method="post">
                                        {{ csrf_field() }}
                                        <lord-icon src="https://cdn.lordicon.com/tdrtiskw.json" trigger="loop" colors="primary:#f7b84b,secondary:#405189" style="width:130px;height:130px"></lord-icon>
                                        <div class="mt-4 pt-4">
                                            <h4>{{ __('admin.pages.common.confirm_delete') }}</h4>
                                            <p class="text-muted">{{ __('admin.pages.common.confirm_delete_message') }}</p>
                                            <input id="delete_record_id" name="record_id" type="hidden">
                                            <button type="submit" class="btn btn-warning">
                                                {{ __('admin.pages.common.continue') }}
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal fade" id="myModalActivation" tabindex="-1" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title fw-bold">{{ __('admin.pages.common.confirm_activate') }}</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('admin.pages.common.close') }}"></button>
                                </div>
                                <div class="modal-body text-center p-5">
                                    <form role="form" action="{{ route('admin/orders/activate') }}" method="post">
                                        {{ csrf_field() }}
                                        <lord-icon src="https://cdn.lordicon.com/tdrtiskw.json" trigger="loop" colors="primary:#f7b84b,secondary:#405189" style="width:130px;height:130px"></lord-icon>
                                        <div class="mt-4 pt-4">
                                            <h4>{{ __('admin.pages.common.confirm_activate') }}</h4>
                                            <p class="text-muted">{{ __('admin.pages.common.confirm_activate_message') }}</p>
                                            <input id="activation_record_id" name="record_id" type="hidden">
                                            <button type="submit" class="btn btn-warning">
                                                {{ __('admin.pages.common.continue') }}
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).on('click', '.openDeleteFrom', function() {
            var id = $(this).attr('data-id');
            $('#delete_record_id').val(id);
        });
        $(document).on('click', '.openActivationFrom', function() {
            var id = $(this).attr('data-id');
            $('#activation_record_id').val(id);
        });
    </script>
@endsection