@extends('client.layouts.main')

@section('title', 'My Support Tickets')

@section('content')
<div class="portlet light">
    <div class="portlet-title">
        <div class="caption"><span class="caption-subject theme-font bold uppercase">Support Tickets</span></div>
        <div class="actions">
            <a href="{{ route('client.tickets.create') }}" class="btn btn-success">
                <i class="fa fa-plus"></i> Open New Ticket
            </a>
        </div>
    </div>
    <div class="portlet-body">
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Ticket #</th>
                    <th>Subject</th>
                    <th>Department</th>
                    <th>Priority</th>
                    <th>Status</th>
                    <th>Last Updated</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($tickets as $ticket)
                @php
                    $priorityColors = [
                        'low' => 'default',
                        'medium' => 'info',
                        'high' => 'warning',
                        'urgent' => 'danger',
                    ];
                    $statusColors = [
                        'open' => 'warning',
                        'in_progress' => 'info',
                        'answered' => 'success',
                        'customer_reply' => 'warning',
                        'on_hold' => 'default',
                        'closed' => 'default',
                    ];
                @endphp
                <tr>
                    <td>{{ $ticket->ticket_number }}</td>
                    <td>{{ $ticket->subject }}</td>
                    <td>{{ ucfirst($ticket->department) }}</td>
                    <td><span class="label label-sm label-{{ $priorityColors[$ticket->priority] ?? 'default' }}">{{ ucfirst($ticket->priority) }}</span></td>
                    <td><span class="label label-sm label-{{ $statusColors[$ticket->status] ?? 'default' }}">{{ ucfirst(str_replace('_', ' ', $ticket->status)) }}</span></td>
                    <td>{{ $ticket->last_reply_at ? $ticket->last_reply_at->diffForHumans() : $ticket->created_at->diffForHumans() }}</td>
                    <td>
                        <a href="{{ route('client.tickets.show', $ticket) }}" class="btn btn-sm blue">
                            <i class="fa fa-eye"></i> View
                        </a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center font-grey-mint">
                        No tickets found. Need help? <a href="{{ route('client.tickets.create') }}">Open a new ticket</a>.
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($tickets->hasPages())
    <div class="panel-footer clearfix">
        {{ $tickets->links() }}
    </div>
    @endif
</div>
@endsection