@extends('admin::layouts.app')

@section('content')
    <section class="content mb-5">
        <div class="container-fluid">
            @include('admin::partials.title-pad', [
                'title' => 'Ticket',
                'search' => $search,
                'searchPlaceholder' => __('placeholder.Search_ticket_number_user'),
                'create' => 'admin.tickets.create',
                'list' => $tickets,
            ])
            <div class="row">
                <div class="col-md-12">
                    <div class="mb-3">
                        <div class="dashbed-border-bottom"></div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive bg-white">
                        {{-- Table Start --}}
                        <table class="table table-striped table-bordered admintable border-0" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('master.ticket_number') }}</th>
                                    <th>{{ __('master.ticket_type') }}</th>
                                    <th>{{ __('master.user_name') }}</th>
                                    <th>{{ __('admin.status') }}</th>
                                    <th>{{ __('master.ticket_details') }}</th>
                                    <th>{{ __('admin.created_at') }}</th>
                                    <th>{{ __('admin.action') }}</th>
                                </tr>
                                @forelse ($tickets as $key => $ticket)
                                    <tr>
                                        <td>{{ $key + 1 }}</td>
                                        <td>{{ ucfirst($ticket->ticket_number) }}</td>
                                        <td>{{ isset($ticket->ticketType->name_en) ? $ticket->ticketType->name_en : '' }}</td>
                                        <td>{{ isset($ticket->user->name) ? $ticket->user->name : '' }}</td>
                                        <td><span
                                                class="badge bad-status @if ($ticket->status == 'active') badge-success @else badge-danger @endif">{{ ucfirst($ticket->status) }}</span>
                                        </td>
                                        <td>{{ $ticket->comments }}</td>
                                        <td>
                                            {{ $ticket->created_at ? Modules\Admin\Helpers\GeneralHelper::dateFormat($ticket->created_at) : '-' }}
                                        </td>
                                        <td>
                                            @if (Auth::user()->hasPermission('admin.tickets.action'))
                                                <a href="#" class="f-16 mr-1" data-target="#updateStatus" data-toggle="modal" onclick="setActionModal({{ json_encode($ticket) }})" title="Update Status"><i class="iconly-boldEdit"></i></a>
                                            @endif
                                        </td>
                                    @empty
                                    <tr>
                                        <td colspan="10">
                                            <p>
                                                <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                                </center>
                                            </p>
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        {{-- Table End --}}
                    </div>

                </div>
                {{-- Pagination --}}
                {{ $tickets->appends(request()->input())->links('admin::partials.pagination') }}
                {{-- Pagination End --}}
            </div>
        </div>
    </section>

    <!-- Ticket Status Modal-->
    @include('admin::ticket-support.ticket.update-status');
@endsection

@section('script')
    <script>
        function setActionModal(data) {
            $("#ticket-comments").val("");
            $("#ticket-number").html("#" + data.ticket_number);
            $('.ticket-action').attr('action', '/api/admin/tickets/actions/' + data.id);
            $("#ticket-status option[value=" + data.status + "]").attr('selected', 'selected');
        }
    </script>
@endsection