@extends('admin::layouts.master')
@php
    $pageTitle = 'سفارش‌ها';
@endphp

@section('title', 'سفارش‌ها')
@section('content')

    <div class="row mb-3">
        <div class="col-12">
            <h4>لیست سفارش‌ها</h4>
        </div>
    </div>

    <!-- فیلترهای سفارش -->
    <div id="orderList">
        <div class="row g-3 mb-3">
            <!-- جستجو -->
            <div class="col-xxl-3">
                <div class="search-box">
                    <form action="{{ route('admin.orders.index') }}" method="GET" id="searchForm">
                        <input type="text" class="form-control search" name="q" value="{{ request('q') }}"
                               placeholder="جستجوی شماره فاکتور، نام کاربر...">
                        <i class="ri-search-line search-icon"></i>
                    </form>
                </div>
            </div>

            <!-- فیلتر وضعیت سفارش -->
            <div class="col-xxl-2">
                <select class="form-select" name="status" form="searchForm" id="statusFilter">
                    <option value="">همه وضعیت‌ها</option>
                    <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>در انتظار پرداخت
                    </option>
                    <option value="paid" {{ request('status') == 'paid' ? 'selected' : '' }}>پرداخت شده</option>
                    <option
                        value="canceled_by_system" {{ request('status') == 'canceled_by_system' ? 'selected' : '' }}>
                        لغو
                        توسط سیستم
                    </option>
                    <option value="canceled_by_user" {{ request('status') == 'canceled_by_user' ? 'selected' : '' }}>لغو
                        توسط کاربر
                    </option>
                </select>
            </div>

            <!-- فیلتر نوع آیتم -->
            <div class="col-xxl-2">
                <select class="form-select" name="item_type" form="searchForm" id="itemTypeFilter">
                    <option value="">همه انواع</option>
                    <option value="wallet" {{ request('item_type') == 'wallet' ? 'selected' : '' }}>کیف پول</option>
                    <option value="subscription" {{ request('item_type') == 'subscription' ? 'selected' : '' }}>اشتراک
                    </option>
                    <option value="product" {{ request('item_type') == 'product' ? 'selected' : '' }}>محصول</option>
                    <option value="service" {{ request('item_type') == 'service' ? 'selected' : '' }}>سرویس</option>
                </select>
            </div>

            <!-- فیلتر بازه قیمت -->
            <div class="col-xxl-2">
                <input type="number" class="form-control" name="min_price" value="{{ request('min_price') }}"
                       placeholder="حداقل قیمت" form="searchForm">
            </div>

            <div class="col-xxl-2">
                <input type="number" class="form-control" name="max_price" value="{{ request('max_price') }}"
                       placeholder="حداکثر قیمت" form="searchForm">
            </div>

            <div class="col-xxl-auto col-sm-6 ms-auto">
                <div class="hstack gap-2">
                    <!-- دکمه اعمال فیلتر -->
                    <button type="submit" class="btn btn-primary" form="searchForm">
                        <i class="bi bi-funnel align-baseline me-1"></i> اعمال فیلتر
                    </button>

                    <!-- دکمه پاک کردن فیلترها -->
                    @if (request()->hasAny(['q', 'status', 'item_type', 'min_price', 'max_price']))
                        <a href="{{ route('admin.orders.index') }}" class="btn btn-outline-danger"
                           title="حذف تمام فیلترها">
                            <i class="bi bi-arrow-clockwise align-baseline me-1"></i> حذف فیلترها
                        </a>
                    @endif
                </div>
            </div>
        </div>

        <!-- نمایش وضعیت فیلترهای فعال -->
        @if (request()->hasAny(['q', 'status', 'item_type', 'min_price', 'max_price']))
            <div class="row mb-3">
                <div class="col-12">
                    <div class="alert alert-info alert-dismissible fade show py-2" role="alert">
                        <div class="d-flex align-items-center">
                            <i class="bi bi-funnel me-2"></i>
                            <div class="flex-grow-1">
                                <strong>فیلترهای فعال:</strong>
                                @if (request('q'))
                                    <span class="badge bg-primary me-1">جستجو: "{{ request('q') }}"</span>
                                @endif
                                @if (request('status'))
                                    @php
                                        $statusLabels = [
                                            'pending' => 'در انتظار پرداخت',
                                            'paid' => 'پرداخت شده',
                                            'canceled_by_system' => 'لغو توسط سیستم',
                                            'canceled_by_user' => 'لغو توسط کاربر',
                                        ];
                                    @endphp
                                    <span
                                        class="badge bg-success me-1">وضعیت: {{ $statusLabels[request('status')] ?? request('status') }}</span>
                                @endif
                                @if (request('item_type'))
                                    @php
                                        $typeLabels = [
                                            'wallet' => 'کیف پول',
                                            'subscription' => 'اشتراک',
                                            'product' => 'محصول',
                                            'service' => 'سرویس',
                                        ];
                                    @endphp
                                    <span
                                        class="badge bg-warning me-1">نوع: {{ $typeLabels[request('item_type')] ?? request('item_type') }}</span>
                                @endif
                                @if (request('min_price') || request('max_price'))
                                    <span class="badge bg-info me-1">
                                        قیمت:
                                        {{ request('min_price') ? number_format(request('min_price')) . ' تومان ' : '' }}
                                        {{ request('min_price') && request('max_price') ? ' - ' : '' }}
                                        {{ request('max_price') ? number_format(request('max_price')) . ' تومان' : '' }}
                                    </span>
                                @endif
                            </div>
                            <a href="{{ route('admin.orders.index') }}" class="btn-close" aria-label="بستن"></a>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>

    <div class="table-responsive">
        <table class="table table-custom align-middle table-borderless">
            <thead>
            <tr>
                <th>#</th>
                <th>شماره فاکتور</th>
                <th>کاربر</th>
                <th>مرتبط با</th>
                <th>مبلغ پرداختی</th>
                <th>درگاه</th>
                <th>وضعیت پرداخت</th>
                <th>آخرین بروزرسانی</th>
                <th>عملیات</th>
            </tr>
            </thead>
            <tbody>
            @foreach($orders as $order)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $order->order_number }}</td>
                    <td>{{ $order->user->name }}</td>
                    <td>
                        @foreach($order->items as $item)
                            <span class="badge bg-light text-dark">{{ $item->model_name }}</span>
                        @endforeach
                    </td>
                    <td>{{ number_format($order->payment_price) }} تومان</td>
                    <td>{{$order->payment->driver}}</td>
                    <td>
                        <span class="badge
                            @if($order->status == 'paid') bg-success-subtle text-success
                            @elseif($order->status == 'pending') bg-warning-subtle text-warning
                            @elseif(in_array($order->status, ['canceled_by_system', 'canceled_by_user'])) bg-danger-subtle text-danger
                            @else bg-secondary-subtle text-secondary
                            @endif">
                            {{ $order->status_name }}
                        </span>
                    </td>
                    <td>
                        {{ jdate($order->updated_at) }}
                    </td>
                    <td>
                        <a href="{{ route('admin.orders.show', $order->id) }}" class="btn btn-info btn-sm">
                            مشاهده فاکتور
                        </a>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    @include('components.pagination', ['paginator' => $orders])

@endsection