@extends('layouts.client')
@section('title', 'Support tickets')
@section('content')
<div class="row g-3"><div class="col-lg-4"><div class="card p-3"><h2 class="h6">Open a ticket</h2><form method="post" action="{{ route('client.tickets.store') }}">@csrf<input class="form-control mb-2" name="subject" placeholder="Subject" required maxlength="160"><textarea class="form-control mb-2" name="body" rows="5" placeholder="Describe the issue" required></textarea><button class="btn btn-primary btn-sm" type="submit">Submit</button></form></div></div>
<div class="col-lg-8"><div class="card">@forelse($tickets as $t)<a class="d-block p-3 border-bottom text-decoration-none text-reset" href="{{ route('client.tickets.show', $t) }}"><strong>#{{ $t->id }} {{ $t->subject }}</strong> <x-badge :v="$t->status"/><div class="small text-muted">Updated {{ $t->updated_at->diffForHumans() }}</div></a>@empty<x-empty text="No tickets. Need help? Open one."/>@endforelse</div><div class="mt-3">{{ $tickets->links() }}</div></div></div>
@endsection