@extends('admin.layouts.main')

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

@section('content')
<div class="panel panel-primary">
    <div class="panel-body table-responsive">
        <div class="row margin-bottom-10">
            <div class="col-md-12">
                <form action="{{ route('admin.tickets.index') }}" method="GET" class="form-inline">
                    <div class="input-group input-group-sm" style="width: 250px;">
                        <input type="text" name="search" class="form-control" placeholder="Search subject or ticket #..." value="{{ request('search') }}">
                    </div>
                    <select name="status" class="form-control form-control-sm mr-2 ml-2">
                        <option value="">All Statuses</option>
                        @foreach(['open', 'in_progress', 'answered', 'customer_reply', 'on_hold', 'closed'] as $status)
                            <option value="{{ $status }}" {{ request('status') === $status ? 'selected' : '' }}>{{ ucwords(str_replace('_', ' ', $status)) }}</option>
                        @endforeach
                    </select>
                    <select name="priority" class="form-control form-control-sm mr-2">
                        <option value="">All Priorities</option>
                        @foreach(['low', 'medium', 'high', 'urgent'] as $priority)
                            <option value="{{ $priority }}" {{ request('priority') === $priority ? 'selected' : '' }}>{{ ucfirst($priority) }}</option>
                        @endforeach
                    </select>
                    <select name="department" class="form-control form-control-sm mr-2">
                        <option value="">All Departments</option>
                        @foreach(\App\Models\SupportTicket::distinct()->whereNotNull('department')->pluck('department') as $dept)
                            <option value="{{ $dept }}" {{ request('department') === $dept ? 'selected' : '' }}>{{ $dept }}</option>
                        @endforeach
                    </select>
                    <button class="btn btn-sm default" type="submit"><i class="fa fa-search"></i> Filter</button>
                    @if(request()->hasAny(['search', 'status', 'priority', 'department']))
                        <a href="{{ route('admin.tickets.index') }}" class="btn btn-sm default ml-2"><i class="fa fa-times"></i> Reset</a>
                    @endif
                </form>
            </div>
        </div>
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>Ticket #</th>
                    <th>Subject</th>
                    <th>Client</th>
                    <th>Department</th>
                    <th class="tc">Priority</th>
                    <th class="tc">Status</th>
                    <th class="tc">Last Reply</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($tickets as $ticket)
                <tr>
                    <td>{{ $ticket->ticket_number }}</td>
                    <td>{{ Str::limit($ticket->subject, 50) }}</td>
                    <td>
                        @if($ticket->user)
                            <a href="{{ route('admin.customers.show', $ticket->user) }}">{{ $ticket->user->first_name }} {{ $ticket->user->last_name }}</a>
                        @else
                            <span class="font-grey-mint">N/A</span>
                        @endif
                    </td>
                    <td>{{ $ticket->department ?? '-' }}</td>
                    <td class="tc">
                        @php
                            $priorityClass = match($ticket->priority) {
                                'low' => 'default',
                                'medium' => 'info',
                                'high' => 'warning',
                                'urgent' => 'danger',
                                default => 'default',
                            };
                        @endphp
                        <span class="label label-sm label-{{ $priorityClass }}">{{ ucfirst($ticket->priority) }}</span>
                    </td>
                    <td class="tc">
                        @php
                            $statusClass = match($ticket->status) {
                                'open' => 'warning',
                                'in_progress' => 'info',
                                'answered' => 'success',
                                'customer_reply' => 'warning',
                                'on_hold' => 'default',
                                'closed' => 'default',
                                default => 'default',
                            };
                        @endphp
                        <span class="label label-sm label-{{ $statusClass }}">{{ ucwords(str_replace('_', ' ', $ticket->status)) }}</span>
                    </td>
                    <td class="tc">
                        @if($ticket->last_reply_at)
                            {{ $ticket->last_reply_at->diffForHumans() }}
                        @else
                            {{ $ticket->created_at->format('M d, Y') }}
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('admin.tickets.show', $ticket) }}" class="btn btn-sm blue"><i class="fa fa-eye"></i></a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="8" class="text-center font-grey-mint">No tickets found</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($tickets->hasPages())
    <div class="panel-footer clearfix">
        {{ $tickets->links() }}
    </div>
    @endif
</div>
@endsection