@extends('layout')
@section('title')
    <title>{{ __('translate.Support Tickets') }}</title>
@endsection
@section('body-content')

    <main>
        


        <section class="dashboard footer-top-pad">
            <div class="container">
                <div class="row">
                    @include('profile.sidebar')
                    <div class="col-xxl-9 col-xl-8 col-lg-8">
                        <div class="flex text-end">
                            <a href="{{ route('user.support-tickets.create') }}" type="button" class="main-btn">
                                <span class="fas fa-plus"></span>
                                {{ __('translate.Create New') }}
                            </a>
                        </div>
                        <div class="row mt-2">
                            <div class="col-lg-12">
                                <div class="manage-car two">
                                    <div class="car_list_table dashboard-stack-table-wrap">
                                        <table class="table two dashboard-stack-table support-tickets-table">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('translate.Subject') }}</th>
                                                    <th>{{ __('translate.Priority') }}</th>
                                                    <th>{{ __('translate.Created at') }}</th>
                                                    <th>{{ __('translate.Status') }}</th>
                                                    <th class="text-end">{{ __('translate.Actions') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse ($supportTickets as $ticket)
                                                    <tr @class(['support-tickets-table__row--unread' => $ticket->unseen_message > 0])>
                                                        <td data-label="{{ __('translate.Subject') }}">
                                                            <span class="support-tickets-table__subject">{{ $ticket->subject }}</span>
                                                            @if ($ticket->unseen_message > 0)
                                                                <span class="support-tickets-table__unread-dot" title="{{ __('translate.Unread support ticket replies count', ['count' => $ticket->unseen_message]) }}"></span>
                                                            @endif
                                                            <span class="support-tickets-table__ticket-id">#{{ $ticket->ticket_id }}</span>
                                                        </td>
                                                        <td data-label="{{ __('translate.Priority') }}">
                                                            <span class="support-ticket-priority {{ $ticket->priorityBadgeClass() }}">
                                                                {{ $ticket->priorityLabel() }}
                                                            </span>
                                                        </td>
                                                        <td data-label="{{ __('translate.Created at') }}">{{ $ticket->created_at->format('Y-m-d H:i') }}</td>
                                                        <td data-label="{{ __('translate.Status') }}">
                                                            @include('supportticket::user.partials.status-badge', ['ticket' => $ticket])
                                                        </td>
                                                        <td class="text-end" data-label="{{ __('translate.Actions') }}">
                                                            <a href="{{ route('user.support-tickets.show', $ticket->id) }}"
                                                                class="support-ticket-action-btn"
                                                                title="{{ __('translate.View ticket conversation') }}">
                                                                <i class="fas fa-comments" aria-hidden="true"></i>
                                                                <span>{{ __('translate.Open') }}</span>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr class="not_found">
                                                        <td colspan="5" class="text-center" data-label="">{{ __('translate.Data Not Found') }}</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            @if ($supportTickets->hasPages())
                                <div class="col-lg-12">
                                    {{ $supportTickets->links('pagination_box') }}
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </section>
        @include('profile.logout')
    </main>
@endsection