@extends("admin.layouts.app")
@section("title", __("admin.tickets.title"))
@section("content")

<div class="page-header" style="display:flex;align-items:center;justify-content:space-between;">
    <h1>{{ __('admin.tickets.title') }}</h1>
    <a href="{{ route('admin.tickets.create') }}" class="btn btn-primary btn-sm">+ {{ __('admin.tickets.open_ticket') }}</a>
</div>

<!-- Status Filter Tabs -->
<div style="margin-bottom:16px;border-bottom:1px solid #ddd;display:flex;gap:0;flex-wrap:wrap;">
    @foreach(["" => "All", "open" => "Open", "answered" => "Answered", "customer-reply" => "Customer Reply", "closed" => "Closed", "on hold" => "On Hold"] as $val => $label)
    @php $isActive = (request("status","") == $val); @endphp
    <a href="{{ $filters->withQuery(["status" => $val ?: null]) }}"
       style="display:inline-block;padding:8px 16px;font-size:13px;text-decoration:none;color:{{ $isActive ? "#1a4d80" : "#666" }};font-weight:{{ $isActive ? "700" : "400" }};border-bottom:{{ $isActive ? "3px solid #1a4d80" : "3px solid transparent" }};margin-bottom:-1px;">
        {{ $label }} <span style="font-size:11px;color:#999;font-weight:400;">{{ $val === '' ? array_sum($statusCounts) : ($statusCounts[$val] ?? 0) }}</span>
    </a>
    @endforeach
    <a href="{{ request()->boolean('guests') ? route('admin.tickets.index', request()->except('guests', 'page')) : route('admin.tickets.index', array_merge(request()->except('page'), ['guests' => 1])) }}"
       style="margin-left:auto;align-self:center;font-size:12px;text-decoration:none;padding:4px 10px;border-radius:12px;border:1px solid {{ request()->boolean('guests') ? '#1a4d80' : '#ddd' }};color:{{ request()->boolean('guests') ? '#1a4d80' : '#666' }};">
        <i class="fas fa-user-slash"></i> {{ __('admin.tickets.only_guests') }}
    </a>
</div>

@php $canDelete = auth('admin')->user()?->hasPermission('manage_tickets'); @endphp

<!-- Table -->
@include('admin.partials.list-filters', ['filters' => $filters, 'action' => route('admin.tickets.index'), 'keep' => ['status' => request('status'), 'guests' => request()->boolean('guests') ? 1 : null]])

@if($canDelete)
<x-admin-bulk-bar id="ticket-bulk" :action="route('admin.tickets.bulk')"
    :actions="['close' => __('admin.bulk_bar.close'), 'status' => __('admin.bulk_bar.change_status'), 'priority' => __('admin.bulk_bar.change_priority'), 'department' => __('admin.bulk_bar.change_department'), 'assign' => __('admin.bulk_bar.assign'), 'delete' => __('admin.bulk_bar.delete')]"
    :confirms="['close' => __('admin.bulk_bar.confirm_close'), 'delete' => __('admin.bulk_bar.confirm_delete')]"
    :dangers="['delete']">
    <span class="bulk-fields" data-for="status" style="display:none;align-items:center;">
        <select name="bulk_status" class="form-control input-sm" style="width:auto;" aria-label="{{ __('common.table.status') }}">
            @foreach($statuses as $st)<option value="{{ $st }}">{{ $st }}</option>@endforeach
        </select>
    </span>
    <span class="bulk-fields" data-for="priority" style="display:none;align-items:center;">
        <select name="bulk_priority" class="form-control input-sm" style="width:auto;" aria-label="{{ __('common.table.priority') }}">
            @foreach(['Low' => __('admin.tickets.priority_low'), 'Medium' => __('admin.tickets.priority_medium'), 'High' => __('admin.tickets.priority_high')] as $v => $l)<option value="{{ $v }}">{{ $l }}</option>@endforeach
        </select>
    </span>
    <span class="bulk-fields" data-for="department" style="display:none;align-items:center;">
        <select name="bulk_department_id" class="form-control input-sm" style="width:auto;" aria-label="{{ __('common.table.department') }}">
            @foreach($departments as $d)<option value="{{ $d->id }}">{{ $d->name }}</option>@endforeach
        </select>
    </span>
    <span class="bulk-fields" data-for="assign" style="display:none;align-items:center;">
        <select name="bulk_flag" class="form-control input-sm" style="width:auto;" aria-label="{{ __('admin.bulk_bar.assign') }}">
            <option value="">{{ __('admin.bulk_bar.unassigned') }}</option>
            @foreach($staff as $a)<option value="{{ $a->id }}">{{ trim($a->first_name.' '.$a->last_name) ?: $a->username }}</option>@endforeach
        </select>
    </span>
</x-admin-bulk-bar>
@endif
<div class="card">
    <table class="data-table">
        <thead>
            <tr>
                @if($canDelete)<th style="width:30px;"><input type="checkbox" id="ticket-bulk-all" aria-label="{{ __('admin.bulk_bar.select_all') }}"></th>@endif
                <th>{!! $filters->sortLink('tid', __('admin.tickets.ticket_num')) !!}</th>
                <th>{{ __('common.table.department') }}</th>
                <th>{{ __('common.table.subject') }}</th>
                <th>{{ __('common.table.client') }}</th>
                <th>{!! $filters->sortLink('priority', __('common.table.priority')) !!}</th>
                <th>{{ __('common.table.status') }}</th>
                <th>{!! $filters->sortLink('last_reply', __('common.table.last_reply')) !!}</th>
            </tr>
        </thead>
        <tbody>
            @forelse($tickets as $ticket)
            @php
            $statusBadge = match(strtolower($ticket->status ?? "")) {
                "open"            => "badge-open",
                "answered"        => "badge-answered",
                "customer-reply"  => "badge-customer-reply",
                "closed"          => "badge-terminated",
                "on hold"         => "badge-suspended",
                "in progress"     => "badge-pending",
                default           => "badge-cancelled",
            };
            $priorityBadge = match(strtolower($ticket->priority ?? "")) {
                "high", "critical" => "badge-terminated",
                "medium"           => "badge-pending",
                "low"              => "badge-active",
                default            => "badge-cancelled",
            };
            @endphp
            <tr>
                @if($canDelete)<td><input type="checkbox" name="ticket_ids[]" value="{{ $ticket->id }}" form="ticket-bulk" class="bulk-row" aria-label="#{{ $ticket->tid }}"></td>@endif
                <td><a href="{{ route("admin.tickets.show", $ticket) }}" style="color:#337ab7;text-decoration:none;font-family:monospace;">#{{ $ticket->tid }}</a></td>
                <td style="color:#666;">{{ $ticket->department->name ?? "N/A" }}</td>
                <td><a href="{{ route("admin.tickets.show", $ticket) }}" style="color:#337ab7;text-decoration:none;font-weight:500;">{{ Str::limit($ticket->title, 55) }}</a></td>
                <td>{{ $ticket->client?->full_name ?? $ticket->name ?? $ticket->email }}@if(! $ticket->client_id) <span class="badge badge-cancelled" style="font-size:10px;">{{ __('admin.tickets.guest') }}</span>@endif</td>
                <td><span class="badge {{ $priorityBadge }}">{{ ucfirst($ticket->priority ?? "") }}</span></td>
                <td><span class="badge {{ $statusBadge }}">{{ ucfirst($ticket->status ?? "") }}</span></td>
                <td style="color:#666;font-size:12px;">{{ $ticket->last_reply?->diffForHumans() ?? "-" }}</td>
            </tr>
            @empty
            <tr>
                <td colspan="{{ $canDelete ? 8 : 7 }}" style="text-align:center;padding:32px;color:#999;">{{ __('admin.tickets.no_tickets') }}</td>
            </tr>
            @endforelse
        </tbody>
    </table>
    <div style="padding:10px 16px;border-top:1px solid #e5e7eb;">
        {{ $tickets->withQueryString()->links() }}
    </div>
</div>


@endsection