@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.ticket_categories') }}
@endpush

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="row">
                @include('components.datatable.custom-search', [
                    'tableId' => 'datatable-main',
                    'actionButton' => Auth::user()->can('create', \App\Models\SupportTicketCategory::class)
                        ? [
                            'text' => __('labels.create_ticket_category'),
                            'url' => route('support-ticket-categories.create'),
                        ]
                        : null,
                ])

                @include('components.common.flush-message')

                <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                    <div class="table-responsive full-data">
                        <table class="table-responsive-lg table display dataTablesCard student-tab dataTable no-footer"
                            id="datatable-main">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('labels.name') }}</th>
                                    <th>{{ __('labels.description') }}</th>
                                    <th class="text-center">{{ __('labels.status') }}</th>
                                    <th>{{ __('labels.tickets') }}</th>
                                    <th>{{ __('labels.created_at') }}</th>
                                    <th class="text-end">{{ __('labels.action') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($listresults as $index => $category)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $category->name }}</td>
                                        <td>{{ \Illuminate\Support\Str::limit($category->description, 80) }}</td>
                                        <td>
                                            @if($category->is_active)
                                                <span class="status-badge status-active text-white">{{ __('labels.active') }}</span>
                                            @else
                                                <span class="status-badge status-inactive text-white">{{ __('labels.inactive') }}</span>
                                            @endif
                                        </td>
                                        {{-- <td>{{ ucfirst($category->default_priority ?? 'medium') }}</td> --}}
                                        <td>{{ $category->tickets_count ?? 0 }}</td>
                                        <td>{{ $category->created_at?->format('d.m.Y H:i') }}</td>
                                        <td>
                                            <div class="d-flex justify-content-end">
                                                <div class="action-group">
                                                    @can('view', $category)
                                                        <a href="{{ route('support-ticket-categories.show', $category) }}"
                                                            class="btn-action btn-view" data-bs-toggle="tooltip"
                                                            title="{{ __('labels.details') }}">
                                                            <i class="fas fa-eye"></i>
                                                        </a>
                                                    @endcan
                                                    @can('update', $category)
                                                        <a href="{{ route('support-ticket-categories.edit', $category) }}"
                                                            class="btn-action btn-edit" data-bs-toggle="tooltip"
                                                            title="{{ __('labels.edit') }}">
                                                            <i class="fas fa-pencil-alt"></i>
                                                        </a>
                                                    @endcan
                                                    @can('delete', $category)
                                                        <a href="javascript:void(0);" class="btn-action btn-delete"
                                                            data-bs-toggle="tooltip" title="{{ __('labels.delete') }}"
                                                            onclick="deleteRecord('{{ route('support-ticket-categories.destroy', $category) }}')">
                                                            <i class="fas fa-trash"></i>
                                                        </a>
                                                    @endcan
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="col-xl-12 mt-3">
                    {{ $listresults->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection