@extends('admin::layouts.master')

@section('content')
    <div class="page-header">
        <h3 class="page-title">مدیریت تیکت‌ها</h3>
    </div>

    <div class="row">
        <div class="col-md-12">

            <div id="ticketList">
                <div class="row g-3 mb-3">
                    <div class="col-xxl-3">
                        <div class="search-box">
                            <form action="{{ route('admin.tickets.index') }}" method="GET" id="searchForm">
                                <input type="text" class="form-control search" name="filter[filterUser]"
                                       value="{{ request('filter.filterUser') }}"
                                       placeholder="جستجو کاربر با موبایل یا ایمیل یا موضوع تیکت">
                                <i class="ri-search-line search-icon"></i>
                            </form>
                        </div>
                    </div>

                    <!-- فیلتر وضعیت -->
                    <div class="col-xxl-2">
                        <select class="form-select" name="filter[status]" form="searchForm" id="statusFilter">
                            <option value="">همه وضعیت‌ها</option>
                            <option value="open" {{ request('filter.status')=='open'?'selected':'' }}>باز</option>
                            <option value="pending" {{ request('filter.status')=='pending'?'selected':'' }}>در انتظار
                            </option>
                            <option value="closed" {{ request('filter.status')=='closed'?'selected':'' }}>بسته</option>
                        </select>
                    </div>

                    <!-- فیلتر اولویت -->
                    <div class="col-xxl-2">
                        <select class="form-select" name="filter[priority]" form="searchForm" id="priorityFilter">
                            <option value="">همه اولویت‌ها</option>
                            <option value="high" {{ request('filter.priority')=='high'?'selected':'' }}>زیاد</option>
                            <option value="medium" {{ request('filter.priority')=='medium'?'selected':'' }}>متوسط
                            </option>
                            <option value="low" {{ request('filter.priority')=='low'?'selected':'' }}>کم</option>
                        </select>
                    </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()->has('filter'))
                                <a href="{{ route('admin.tickets.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()->has('filter'))
                    <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('filter.filterUser'))
                                            <span class="badge bg-primary me-1">
                                    جستجو: "{{ request('filter.filterUser') }}"
                                </span>
                                        @endif
                                        @if (request('filter.status'))
                                            <span class="badge bg-success me-1">
                                    وضعیت: {{ ucfirst(request('filter.status')) }}
                                </span>
                                        @endif
                                        @if (request('filter.priority'))
                                            <span class="badge bg-warning me-1">
                                    اولویت: {{ ucfirst(request('filter.priority')) }}
                                </span>
                                        @endif
                                    </div>
                                    <a href="{{ route('admin.tickets.index') }}" class="btn-close"
                                       aria-label="بستن"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>

            {{-- جدول تیکت‌ها --}}
            <div class="card">
                <div class="card-body table-responsive">

                    @if($tickets->count() > 0)
                        <table class="table table-hover align-middle">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>موضوع</th>
                                <th>کاربر</th>
                                <th>اولویت</th>
                                <th>وضعیت</th>
                                <th>آخرین بروزرسانی</th>
                                <th>پیام‌های خوانده‌نشده</th>
                                <th>عملیات</th>
                            </tr>
                            </thead>
                            <tbody>

                            @foreach($tickets as $ticket)
                                <tr>
                                    <td>{{ $ticket->id }}</td>

                                    <td>
                                        <a href="{{ route('admin.tickets.show', $ticket->id) }}" class="text-dark">
                                            {{ $ticket->subject }}
                                        </a>
                                    </td>

                                    <td>
                                        {{ $ticket->user->name }}
                                        <br>
                                        <small class="text-muted">{{ $ticket->user->email }}</small>
                                        <br>
                                        <small class="text-muted">{{ $ticket->user->mobile }}</small>
                                    </td>

                                    <td>
                                        @if($ticket->priority === 'high')
                                            <span class="badge bg-danger">زیاد</span>
                                        @elseif($ticket->priority === 'medium')
                                            <span class="badge bg-warning">متوسط</span>
                                        @else
                                            <span class="badge bg-secondary">کم</span>
                                        @endif
                                    </td>

                                    <td>
                                        @if($ticket->status === 'open')
                                            <span class="badge bg-success">باز</span>
                                        @elseif($ticket->status === 'pending')
                                            <span class="badge bg-info">در انتظار</span>
                                        @else
                                            <span class="badge bg-dark">بسته</span>
                                        @endif
                                    </td>

                                    <td>
                                        {{ \Carbon\Carbon::parse($ticket->updated_at)->locale('fa')->diffForHumans() }}
                                    </td>

                                    <td>
                                        @if($ticket->unread_count > 0)
                                            <span class="badge bg-danger">{{ $ticket->unread_count }}</span>
                                        @else
                                            <span class="text-muted">0</span>
                                        @endif
                                    </td>

                                    <td>
                                        <a href="{{ route('admin.tickets.show', $ticket->id) }}"
                                           class="btn btn-sm btn-outline-primary">
                                            مشاهده
                                        </a>
                                    </td>
                                </tr>
                            @endforeach

                            </tbody>
                        </table>

                    @else
                        <div class="text-center p-4">
                            <h5 class="text-muted">هیچ تیکتی پیدا نشد.</h5>
                        </div>
                    @endif
                        @include('components.pagination', ['paginator' => $tickets])

                </div>
            </div>

        </div>
    </div>
@endsection