@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Support Cases')
@section('topbar-search', 'enabled')

@section('content')
<main class="portal-workspace">
    <header class="portal-page-header"><div><span class="portal-eyebrow">Customer support</span><h1>Cases</h1><p>Resolve customer issues within the agreed response time.</p></div><a class="btn btn-mlk-primary" href="{{ route('support.cases.create') }}"><i class="bx bx-plus"></i> New case</a></header>
    @if(session('message'))<div class="alert alert-success" role="status">{{ session('message') }}</div>@endif
    <section class="portal-card">
        <form class="portal-filter-bar" method="GET"><label class="portal-search-field"><i class="bx bx-search"></i><input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Subject, customer, project or case ID"></label><select name="status" aria-label="Filter cases by status"><option value="" @selected(($filters['status'] ?? '') === '')>All statuses</option>@foreach(\App\Models\SupportCase::STATUSES as $status)<option value="{{ $status }}" @selected(($filters['status'] ?? '') === $status)>{{ ucfirst(str_replace('_', ' ', $status)) }}</option>@endforeach</select><select name="type"><option value="">All types</option>@foreach(\App\Models\SupportCase::TYPES as $type)<option value="{{ $type }}" @selected(($filters['type'] ?? '') === $type)>{{ ucfirst($type) }}</option>@endforeach</select><select name="priority"><option value="">All priorities</option>@foreach(\App\Models\SupportCase::PRIORITIES as $priority)<option value="{{ $priority }}" @selected(($filters['priority'] ?? '') === $priority)>{{ ucfirst($priority) }}</option>@endforeach</select><button class="btn btn-mlk-primary" type="submit">Filter</button><a class="btn btn-mlk-outline" href="{{ route('support.cases.index') }}">Clear</a></form>
        <div class="table-responsive"><table class="table portal-table"><thead><tr><th>Case</th><th>Customer</th><th>Type</th><th>Priority</th><th>Status</th><th>Resolution target</th><th></th></tr></thead><tbody>
        @forelse($cases as $case)<tr><td><strong>{{ $case->subject }}</strong><small>{{ substr($case->public_id, 0, 8) }}</small></td><td>{{ $case->customer ? trim($case->customer->first_name . ' ' . $case->customer->last_name) : 'Not linked' }}<small>{{ optional($case->property)->name }}</small></td><td>{{ ucfirst($case->type) }}</td><td><span class="portal-priority-label priority-{{ $case->priority }}">{{ ucfirst($case->priority) }}</span></td><td>@include('support.cases.partials.status-pill', ['case' => $case])</td><td class="{{ $case->resolution_due_at && $case->resolution_due_at->isPast() && !in_array($case->status, ['resolved','closed']) ? 'text-danger' : '' }}">{{ optional($case->resolution_due_at)->diffForHumans() ?: 'Not set' }}</td><td><a class="portal-row-action" href="{{ route('support.cases.show', $case) }}"><i class="bx bx-right-arrow-alt"></i></a></td></tr>
        @empty<tr><td colspan="7"><div class="portal-empty"><i class="bx bx-support"></i><h3>No cases found</h3><p>Adjust the filters or create a support case.</p></div></td></tr>@endforelse
        </tbody></table></div><div class="portal-pagination">{{ $cases->links() }}</div>
    </section>
</main>
@endsection