@extends('layouts.master')
@section('title', 'CrossFire Pharaoh - User support')
@section('content')
    <div class="nk-box">
        <div class="container">
            <div class="nk-gap-4"></div>
            <h1 class="nk-title">{{ __("ticket.supportUser") }}</h1>
        </div>
    </div>
    <div class="nk-gap-2"></div>
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="table-responsive mt-10">
                    <div class="nk-box bg-dark-1">
                        <div class="nk-gap-1"></div>
                        <div class="row no-gutters">
                            <div class="col-2 offset-10">
                                <a href="{{ route('support.create') }}" class="nk-btn nk-btn-block nk-btn-bg-dark-2 nk-btn-color-success">{{ __("ticket.createTicket") }}</a>
                            </div>
                            <div class="col-12">
                                @if (Session::has('success'))
                                    <div class="nk-info-box nk-info-box-sm bg-success">
                                        <div class="nk-info-box-icon">
                                            <i class="ion-checkmark"></i>
                                        </div>
                                        {{ \Session::get('success') }}
                                    </div>
                                @endif
                                <div class="table-responsive mt-10">
                                    <table class="table table-bordered m-0">
                                        <thead class="thead-default">
                                            <tr>
                                                <th class="text-center">ID</th>
                                                <th class="text-center">{{ __("ticket.SubjectMatter") }}</th>
                                                <th class="text-center">{{ __("ticket.SubjectCategory") }}</th>
                                                <th class="text-center">{{ __("ticket.TicketResponsible") }}</th>
                                                <th class="text-center">{{ __("ticket.TicketStatus") }}</th>
                                                <th class="text-center">{{ __("ticket.TicketData") }}</th>
                                                <th class="text-center">{{ __("ticket.LastTicketDate") }}</th>
                                                <th class="text-center"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @forelse ($data as $item)
                                            <tr class="order">
                                                <td class="text-center">{{ $item->TID }}</td>
                                                <td>{{ $item->TICKET_SUBJECT }}</td>
                                                <td>{{ $item->category->CATEGORY_NAME }}</td>
                                                <td class="text-center">{{ $item->AUTHORITY_USN != 0 ? $item->authority->NICK ?? "No Char" : "Wait for support" }}</td>
                                                <td class="text-center">
                                                    @if ($item->TICKET_STATUS_NARF == 'N')
                                                        <span>{{ __("ticket.New") }}</span>
                                                    @elseif ($item->TICKET_STATUS_NARF == 'A')
                                                        <span class="text-info">{{ __("ticket.AwaitingResponse") }}</span>
                                                    @elseif ($item->TICKET_STATUS_NARF == 'R')
                                                        <span class="text-warning">{{ __("ticket.Responded") }}</span>
                                                    @else
                                                        <span class="text-success">{{ __("ticket.Finalized") }}</span>
                                                    @endif
                                                </td>
                                                <td class="text-center">{{ \Helper::date_stringFormat($item->REG_DATE) }}</td>
                                                <td class="text-center">{{ $item->LAST_UPDATE != null ? \Helper::date_stringFormat($item->LAST_UPDATE) : "N/A" }}</td>
                                                <td class="text-center">
                                                    <a href="{{ route('support.view', $item->TID) }}" class="nk-btn nk-btn-sm nk-btn-bg-dark-2 nk-btn-color-warning">{{ __("ticket.See") }}</a>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr class="text-center">
                                                <td colspan="8">{{ __("ticket.NoTickets") }}</td>
                                            </tr>
                                        @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            @if ($data->total() > $data->perPage())
                            <div class="col-12">
                                <div style="margin: 5px;">
                                    <div class="nk-pagination nk-pagination-center py-2" style="background-color: #333;">
                                        <nav>
                                            @for ($i = 1; $i <= $data->lastPage(); $i++)
                                                <a href="?page={{ $i }}"{{ $i == $data->currentPage() ? " class=nk-pagination-current-white" : "" }}>
                                                    {{ $i }}
                                                </a>
                                            @endfor
                                        </nav>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nk-gap-2"></div>
@endsection