{{-- resources/views/admin/support/index.blade.php --}}
@extends('admin.layouts.app')

@section('title', 'Support Tickets')
@section('page_title', 'Support Tickets')
@section('breadcrumb', 'Property support requests')

@section('content')

{{-- Filter Bar --}}
<div class="card mb-4">
    <div class="card-body" style="padding:14px 18px;">
        <form method="GET" class="d-flex align-items-center gap-2 flex-wrap">

            {{-- Status tabs --}}
            @foreach([
                ''               => 'All',
                'open'           => 'Open',
                'in_progress'    => 'In Progress',
                'awaiting_property' => 'Awaiting Property',
                'resolved'       => 'Resolved',
                'closed'         => 'Closed',
            ] as $val => $label)
                <a href="{{ request()->fullUrlWithQuery(['status' => $val, 'priority' => request('priority')]) }}"
                   class="btn btn-sm {{ request('status', '') === $val ? 'btn-primary' : 'btn-outline-secondary' }}">
                    {{ $label }}
                </a>
            @endforeach

            <div style="width:1px;height:20px;background:var(--border);margin:0 4px;"></div>

            {{-- Priority --}}
            <select name="priority"
                    onchange="this.form.submit()"
                    class="form-select form-select-sm" style="width:auto;">
                <option value="">All Priorities</option>
                @foreach(['low' => 'Low', 'medium' => 'Medium', 'high' => 'High', 'urgent' => 'Urgent'] as $val => $label)
                    <option value="{{ $val }}" {{ request('priority') === $val ? 'selected' : '' }}>
                        {{ $label }}
                    </option>
                @endforeach
            </select>

            @if(request()->hasAny(['status', 'priority']))
                <a href="{{ route('admin.support.index') }}"
                   class="btn btn-sm btn-outline-secondary">Clear</a>
            @endif

            <span style="margin-left:auto;font-size:.75rem;color:var(--muted);">
                {{ $tickets->total() }} tickets
            </span>

        </form>
    </div>
</div>

{{-- Tickets Table --}}
<div class="card">
    <div class="card-header">
        <span class="card-title">Tickets</span>
    </div>

    @if($tickets->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-headset" style="font-size:2.5rem;color:var(--success)"></i>
            <p class="fw-semibold mt-3 mb-1">All clear</p>
            <p class="text-muted" style="font-size:.82rem;">No tickets in this view</p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Ticket</th>
                        <th>Property</th>
                        <th>Raised By</th>
                        <th>Type</th>
                        <th>Priority</th>
                        <th>Assigned To</th>
                        <th>Status</th>
                        <th>Opened</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($tickets as $ticket)
                        <tr>
                            <td>
                                <div class="fw-semibold" style="font-size:.82rem;">
                                    {{ $ticket->subject }}
                                </div>
                                <div style="font-size:.7rem;color:var(--muted);font-family:monospace;">
                                    {{ $ticket->ticket_number }}
                                </div>
                            </td>
                            <td>
                                @if($ticket->property)
                                    <a href="{{ route('admin.properties.show', $ticket->property) }}"
                                       style="font-size:.8rem;color:var(--clay);text-decoration:none;font-weight:500;">
                                        {{ $ticket->property->name }}
                                    </a>
                                @else
                                    <span style="color:var(--muted);font-size:.78rem;">—</span>
                                @endif
                            </td>
                            <td>
                                <div style="font-size:.8rem;">{{ $ticket->user?->name ?? '—' }}</div>
                                <div style="font-size:.7rem;color:var(--muted);">{{ $ticket->user?->email }}</div>
                            </td>
                            <td>
                                <span style="font-size:.73rem;color:var(--muted);">
                                    {{ ucfirst(str_replace('_', ' ', $ticket->type)) }}
                                </span>
                            </td>
                            <td>
                                @php
                                    $priorityStyle = match($ticket->priority) {
                                        'urgent' => 'background:#fee2e2;color:#991b1b;',
                                        'high'   => 'background:#fef3c7;color:#92400e;',
                                        'medium' => 'background:#dbeafe;color:#1e40af;',
                                        default  => 'background:var(--bg);color:var(--muted);',
                                    };
                                @endphp
                                <span style="font-size:.7rem;font-weight:600;padding:2px 8px;
                                             border-radius:4px;{{ $priorityStyle }}">
                                    {{ ucfirst($ticket->priority) }}
                                </span>
                            </td>
                            <td style="font-size:.8rem;color:var(--muted);">
                                {{ $ticket->admin?->name ?? '—' }}
                            </td>
                            <td>
                                @php
                                    $statusClass = match($ticket->status) {
                                        'open'               => 'bs-pending',
                                        'in_progress'        => 'bs-trialing',
                                        'awaiting_property'  => 'bs-info_requested',
                                        'resolved'           => 'bs-approved',
                                        'closed'             => 'bs-draft',
                                        default              => 'bs-draft',
                                    };
                                @endphp
                                <span class="badge-status {{ $statusClass }}">
                                    {{ str_replace('_', ' ', $ticket->status) }}
                                </span>
                            </td>
                            <td style="font-size:.75rem;color:var(--muted);white-space:nowrap;">
                                {{ $ticket->created_at->diffForHumans() }}
                            </td>
                            <td>
                                <a href="{{ route('admin.support.show', $ticket) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    Open →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($tickets->hasPages())
            <div class="card-body" style="border-top:1px solid var(--border);padding:12px 18px;">
                {{ $tickets->links() }}
            </div>
        @endif
    @endif
</div>

@endsection