@extends('layouts.admin')

@section('page_kicker', 'Help desk')
@section('page_title', 'Support & issues')

@section('content')
    <div class="admin-content-card">
        <h3 class="admin-card-title">Support tickets</h3>
        <p class="admin-card-desc">Resolve open cases with an internal note.</p>
        @if($tickets instanceof \Illuminate\Pagination\AbstractPaginator)
            <div class="mt-5 space-y-4">
                @foreach($tickets as $ticket)
                    <div class="rounded-xl border border-slate-100 bg-slate-50/90 p-4 sm:p-5">
                        <p class="font-semibold text-slate-900">{{ $ticket->subject }}</p>
                        <p class="mt-2 text-sm text-slate-700">{{ $ticket->description }}</p>
                        <p class="mt-2 text-xs text-slate-500">
                            By: {{ $ticket->user->name ?? 'unknown' }} · Priority: {{ $ticket->priority }} · Status: {{ $ticket->status }}
                        </p>
                        @if($ticket->status !== 'resolved')
                            <form method="POST" action="{{ route('superadmin.support.resolve', $ticket) }}" class="mt-4 space-y-3 border-t border-slate-200/60 pt-4">
                                @csrf
                                @method('PATCH')
                                <div>
                                    <label class="admin-form-label" for="resolution-{{ $ticket->id }}">Resolution note</label>
                                    <textarea id="resolution-{{ $ticket->id }}" name="resolution_note" rows="2" placeholder="Resolution note" class="admin-input" required></textarea>
                                </div>
                                <button type="submit" class="admin-btn-primary">Resolve ticket</button>
                            </form>
                        @else
                            <p class="mt-3 text-xs font-medium text-emerald-800">Resolved: {{ $ticket->resolution_note }}</p>
                        @endif
                    </div>
                @endforeach
            </div>
            <div class="mt-5 border-t border-slate-100 pt-4">{{ $tickets->links() }}</div>
        @else
            <p class="mt-5 text-sm text-slate-500">Support tickets table not available yet.</p>
        @endif
    </div>
@endsection