@extends('layouts.user_type.auth')
@section('header_title', __('مدیریت تیکت ها'))

@section('content')

    <div class="col-lg-12">
        <div class="container py-4" dir="rtl">
            <div class="mb-4">
                <h2 class="fw-bold mb-1">{{ __('مدیریت تیکت‌ها') }}</h2>
                <p class="text-muted mb-0">{{ __('مشاهده، فیلتر و پاسخ‌دهی به تیکت‌های کاربران') }}</p>
            </div>

            <div class="card admin-card border-0 shadow-sm mb-4">
                <div class="card-body">
                    <form method="GET" class="row g-3 align-items-end">
                        <div class="col-md-4">
                            <label class="form-label">{{ __('وضعیت') }}</label>
                            <select name="status" class="form-select">
                                <option value="">{{ __('همه وضعیت‌ها') }}</option>
                                <option value="open" @selected(request('status') === 'open')>{{ __('ticket.status.open') }}</option>
                                <option value="answered" @selected(request('status') === 'answered')>{{ __('ticket.status.answered') }}</option>
                                <option value="pending" @selected(request('status') === 'pending')>{{ __('ticket.status.pending') }}</option>
                                <option value="closed" @selected(request('status') === 'closed')>{{ __('ticket.status.closed') }}</option>
                            </select>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">{{ __('اولویت') }}</label>
                            <select name="priority" class="form-select">
                                <option value="">{{ __('همه اولویت‌ها') }}</option>
                                <option value="low" @selected(request('priority') === 'low')>{{ __('ticket.priority.low') }}</option>
                                <option value="medium" @selected(request('priority') === 'medium')>{{ __('ticket.priority.medium') }}</option>
                                <option value="high" @selected(request('priority') === 'high')>{{ __('ticket.priority.high') }}</option>
                                <option value="urgent" @selected(request('priority') === 'urgent')>{{ __('ticket.priority.urgent') }}</option>
                            </select>
                        </div>

                        <div class="col-md-4 d-flex gap-2">
                            <button class="btn btn-primary flex-fill">
                                {{ __('اعمال فیلتر') }}
                            </button>

                            <a href="{{ localized_route('admin.tickets.index') }}" class="btn btn-light border">
                                {{ __('حذف فیلتر') }}
                            </a>
                        </div>
                    </form>
                </div>
            </div>

            <div class="card admin-card border-0 shadow-sm">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="">
                        <tr>
                            <th>{{ __('عنوان') }}</th>
                            <th>{{ __('کاربر') }}</th>
                            <th>{{ __('وضعیت') }}</th>
                            <th>{{ __('اولویت') }}</th>
                            <th>{{ __('تاریخ') }}</th>
                            <th class="text-end">{{ __('عملیات') }}</th>
                        </tr>
                        </thead>

                        <tbody>
                        @forelse($tickets as $ticket)
                            @php
                                $statusClasses = [
                                    'open' => 'bg-success',
                                    'answered' => 'bg-info text-dark',
                                    'pending' => 'bg-warning text-dark',
                                    'closed' => 'bg-secondary',
                                ];

                                $priorityClasses = [
                                    'low' => 'bg-secondary',
                                    'medium' => 'bg-primary',
                                    'high' => 'bg-warning text-dark',
                                    'urgent' => 'bg-danger',
                                ];

                                $statusLabel = __('ticket.status.' . $ticket->status);
                                $priorityLabel = __('ticket.priority.' . $ticket->priority);
                            @endphp

                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ $ticket->title }}</div>
                                    <small class="text-muted">{{ $ticket->department }}</small>
                                </td>

                                <td>
                                    <div>{{ $ticket->user->fname }} {{ $ticket->user->lname }}</div>
                                    <small class="text-muted">{{ $ticket->user->email }}</small>
                                </td>

                                <td>
                                <span class="badge {{ $statusClasses[$ticket->status] ?? 'bg-secondary' }}">
                                    {{ $statusLabel }}
                                </span>
                                </td>

                                <td>
                                <span class="badge {{ $priorityClasses[$ticket->priority] ?? 'bg-primary' }}">
                                    {{ $priorityLabel }}
                                </span>
                                </td>

                                <td>
                                    <small>{{ $ticket->created_at->format('Y/m/d H:i') }}</small>
                                </td>

                                <td class="text-end">
                                    <a href="{{ localized_route('admin.tickets.show', $ticket) }}" class="btn btn-sm btn-outline-primary">
                                        {{ __('مشاهده') }}
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center py-5 text-muted">
                                    {{ __('هیچ تیکتی یافت نشد.') }}
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-4">
                {{ $tickets->links() }}
            </div>
        </div>
    </div>

@endsection