@extends('frontend.dashboard.dashboard-app')

@section('dashboard_contents')
<div class="card">
    <div class="card-header">
        <h3 class="card-title">My Tickets</h3>
        <a href="{{ route('dashboard.tickets.create') }}" class="btn btn-primary">
            <i class="ti ti-plus"></i> Raise New Ticket
        </a>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-mb-0 mt-20">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Title</th>
                        <th>Status</th>
                        <th>Created At</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($tickets as $ticket)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>
                            <a href="{{ route('dashboard.tickets.show', $ticket) }}" class="text-decoration-none">
                                {{ $ticket->title }}
                            </a>
                        </td>
                        <td>
                            <span class="badge
                                @if($ticket->status === 'open') bg-success
                                @elseif($ticket->status === 'in_progress') bg-primary
                                @elseif($ticket->status === 'resolved') bg-warning
                                @else bg-secondary @endif">
                                {{ ucfirst(str_replace('_', ' ', $ticket->status)) }}
                            </span>
                        </td>
                        <td>{{ $ticket->created_at->format('Y-m-d H:i') }}</td>
                        <td>
                            <a href="{{ route('dashboard.tickets.show', $ticket) }}" class="btn btn-sm btn-info">
                                <i class="ti ti-eye"></i> View
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="text-center py-4">
                            <p class="text-muted mb-3">You haven't raised any tickets yet.</p>
                            <a href="{{ route('dashboard.tickets.create') }}" class="btn btn-primary">
                                <i class="ti ti-plus"></i> Raise Your First Ticket
                            </a>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($tickets->hasPages())
    <div class="card-footer">
        {{ $tickets->links() }}
    </div>
    @endif
</div>
@endsection