@extends('layout.app')

@section('bodyClass', 'content ticketsIndex')

@section('content')
@php
$userPr = Auth::user()->sites ?? collect([]);
@endphp
<div class="container container-xxl">
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <h2 class="d-inline">{{ __('Gestion des tickets') }} @if(request()->st) (Archivés) @endif</h2>
                    <div class="float-end">
                        <div class="row">
                            <div class="col">
                                <div class="btn-group float-end">
                                    @can('viewAny', App\Models\Label::class)
                                    <a href="{{ route('labels.index') }}" class="btn btn-info"><i class="fa-solid fa-tags"></i></a>
                                    @endif
                                    <a href="{{ route('ticket.create') }}" class="btn btn-primary"><i class="fa-solid fa-square-plus"></i>&nbsp;&nbsp;{{ __('ticket') }}</a>
                                    @if(session('tickets.st') == TicketStatus::archived())
                                    <a href="{{ route('ticket.index', ['sts' => -1 ]) }}" class="btn btn-success"><i class="fa-solid fa-inbox"></i></a>
                                    @else
                                    <a href="{{ route('ticket.index', ['st' => TicketStatus::archived()]) }}" class="float-end btn btn-secondary"><i class="fa-solid fa-box-archive"></i></a>
                                    @endif
                                    <a href="{{ route('ticket.index', ['rst' => 1]) }}" class="btn btn-dark"><i class="fa-solid fa-eraser"></i>&nbsp;{{ __(' le tri') }}</a>
                                </div>
                                <div class="float-end me-2">
                                    <div class="input-group">
                                        <label class="input-group-text" for="selectProject"><i class="fa-solid fa-diagram-project"></i></label>
                                        <select id="selectProject" class="form-select">
                                            <option value="-1">{{ __('Tous') }}</option>
                                            @foreach($sites as $site)
                                            @if (Auth::user()->isAdmin())
                                            <option value="{{ $site->id }}" @if(intval(session('tickets.pr'))==$site->id)selected="selected" @endif>{{ $site->name }}</option>
                                            @elseif ($userPr->filter(function($pr) use($site) { return $pr->id === $site->id; })->count())
                                            <option value="{{ $site->id }}" @if(intval(session('tickets.pr'))==$site->id)selected="selected" @endif>{{ $site->name }}</option>
                                            @endif
                                            @endforeach
                                        </select>
                                        @push('scripts')
                                        <script nonce="{{ $nonce }}">document.getElementById('selectProject').addEventListener('change', function (e) {
                                            window.location='{{ route('ticket.index') }}?'+(this.value == -1 ? 'prs=-1' : 'pr='+this.value);
                                        });</script>
                                        @endpush
                                    </div>
                                </div>
                                <div class="float-end me-2">
                                    <div class="input-group">
                                        <label class="input-group-text" for="selectStatus"><i class="fa-solid fa-sign-hanging"></i></label>
                                        <select id="selectStatus" class="form-select">
                                            <option value="-1">{{ __('Tous') }}</option>
                                            @foreach($status as $statut)
                                            <option value="{{ $statut->value }}" @if(intval(session('tickets.st'))==$statut->value)selected="selected" @endif>{{ $statut->label }}</option>
                                            @endforeach
                                        </select>
                                        @push('scripts')
                                        <script nonce="{{ $nonce }}">document.getElementById('selectStatus').addEventListener('change', function (e) {
                                            window.location='{{ route('ticket.index') }}?'+(this.value == -1 ? 'sts=-1' : 'st='+this.value);
                                        });</script>
                                        @endpush
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            @can('assignTickets', App\Models\Ticket::class)
                            <div class="col">
                                <div class="float-end mt-3 me-2">
                                    <div class="input-group">
                                        <label class="input-group-text" for="selectAssign"><i class="fa-solid fa-hat-wizard"></i></label>
                                        <select id="selectAssign" class="form-select">
                                            <option value="-1">{{ __('Tous') }}</option>
                                            @foreach(\App\Models\User::adminUsers() as $user)
                                            <option value="{{ $user->id }}" @if(intval(session('tickets.ass'))==$user->id)selected="selected" @endif>{{ $user->name }}</option>
                                            @endforeach
                                        </select>
                                        @push('scripts')
                                        <script nonce="{{ $nonce }}">document.getElementById('selectAssign').addEventListener('change', function (e) {
                                            window.location='{{ route('ticket.index') }}?'+(this.value == -1 ? 'assr=-1' : 'ass='+this.value);
                                        });</script>
                                        @endpush
                                    </div>
                                </div>
                            </div>
                            @endcan
                            <div class="col">
                                <form id="searchTicketForm" class="float-end mt-3 w-75" action="{{ request()->fullUrlWithQuery(['search' => '']) }}">
                                    <div class="input-group mb-3">
                                        <input id="searchTicket" type="text" name="search" class="form-control" placeholder="{{ __('Recherche de ticket..') }}" aria-label="{{ __('Recherche de ticket..') }}" aria-describedby="searchTicket" value="{{ session()->get('tickets.search') }}">
                                        <button id="searchDelete" class="btn btn-outline-danger" type="button"><i class="fa-solid fa-delete-left"></i></button>
                                        <button class="btn btn-outline-primary" type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
                                    </div>
                                    @push('scripts')
                                    <script nonce="{{ $nonce }}">
                                        document.getElementById('searchDelete').addEventListener('click', function (e) {
                                            document.getElementById('searchTicket').value = '';
                                            document.getElementById('searchTicketForm').submit();
                                        });
                                    </script>
                                    @endpush
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th scope="col">
                                    <span>#&nbsp;</span>
                                    <span>@include('modules.sorter', ['colname' => 'id'])</span>
                                </th>
                                <th scope="col">
                                    <span>{{__('Type') }}&nbsp;</span>
                                    <span>@include('modules.sorter', ['colname' => 'type'])</span>
                                </th>
                                @can('assignLabels', App\Models\Ticket::class)
                                <th scope="col">{{ __('Étiquettes') }}</th>
                                @endcan
                                @if(Auth::user()->isAdmin())
                                <th scope="col">
                                    <span>{{__('Assigné à') }}&nbsp;</span>
                                    <span>@include('modules.sorter', ['colname' => 'assigned_to'])</span>
                                </th>
                                @endif
                                <th scope="col">
                                    <span>{{__('Créé par') }}&nbsp;</span>
                                    <span>@include('modules.sorter', ['colname' => 'created_by'])</span>
                                </th>
                                <th scope="col">
                                    <span>{{__('Le') }}&nbsp;</span>
                                    <span>@include('modules.sorter', ['colname' => 'created_at'])</span>
                                </th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(!count($tickets))
                            <tr>
                                <td colspan="@if(Auth::user()->isAdmin()) 6 @else 5 @endif" class="text-center">
                                    <h2>{{ __('Aucun ticket') }}</h2>
                                </td>
                            </tr>
                            @endif
                            @foreach ($tickets as $ticket)
                            <tr class="position-relative">
                                <td scope="row">
                                    <div class="d-flex justify-content-between">
                                        <span class="me-1">{{ $ticket->id }}&nbsp;&nbsp;@if($ticket->is_internal)<i class="fa-solid fa-lock"></i>@endif</span>
                                        <span class="d-flex flex-column text-end">
                                            @if (Auth::user()->isAdmin())
                                            <a href="{{ route('sites.show', $ticket->site) }}" title="{{ __('Voir le site :sitename', [
                                                'sitename' => $ticket->site->name
                                            ]) }}">{{ $ticket->site->name }}</a>
                                            @else
                                            <span class="text-decoration-underline">{{ $ticket->site->name }}</span>
                                            @endif
                                            <span class="rounded text-center {{ $ticket->status->class }}">{{ $ticket->status->label }}</span>
                                        </span>
                                    </div>
                                </td>
                                <td class="text-center">
                                    <span class="badge {{ $ticket->type->class }}">{{ $ticket->type->label }}</span>
                                </td>
                                @can('assignLabels', App\Models\Ticket::class)
                                <td>
                                    <span class="ticketIndexLabels">
                                        @foreach ($ticket->labels as $label)
                                            <span class="badge label colorize" data-color="{{ $label->color }}">{{ $label->name }}</span>
                                        @endforeach
                                    </span>
                                </td>
                                @endcan
                                @if(Auth::user()->isAdmin())
                                <td>{{ $ticket->assignedUser ? $ticket->assignedUser->name : __('Personne') }}</td>
                                @endif
                                <td>{{ $ticket->user ? $ticket->user->name : __('Utilisateur supprimé') }}</td>
                                <td>{{ Carbon\Carbon::parse($ticket->created_at)->format('d/m/Y à H:i') }}</td>
                                <td>
                                    <div class="d-flex flex-column">
                                        <div>
                                            <div class="btn-group" role="group">
                                                @if ($ticket->file !== null)
                                                <a data-gallery="gallery{{ $ticket->id }}" href="{{ asset($ticket->file) }}" class="glightbox btn btn-outline-dark" target="_blank"><i class="fa-solid fa-file-image"></i></a>
                                                @endif
                                                @if ($ticket->file2 !== null)
                                                <a data-gallery="gallery{{ $ticket->id }}" href="{{ asset($ticket->file2) }}" class="glightbox btn btn-outline-dark {{ $ticket->file !== null ? 'd-none' : '' }}" target="_blank"></a>
                                                @endif
                                                {{-- Modal du ticket --}}
                                                <!-- Button trigger modal -->
                                                <button type="button" class="btn btn-outline-info" data-bs-toggle="modal" data-bs-target="#ticket{{ $ticket->id }}Modal"><i class="fa-solid fa-eye"></i></button>
                                                <a href="{{ route('ticket.show', $ticket->id) }}" class="btn btn-outline-success"><i class="fa-solid fa-comment"></i></a>
                                                @if(auth()->user()->isAdmin())
                                                <a href="{{ route('ticket.edit', $ticket) }}" class="btn btn-outline-primary"><i class="fa-solid fa-pen"></i></a>
                                                @endif
                                                @can('changeStatus', $ticket)
                                                @if(!$ticket->status->equals(TicketStatus::archived()))
                                                <form method="POST" action="{{ route('ticket.archive', $ticket) }}" class="confirmJS">
                                                    @method('PUT')
                                                    @csrf
                                                    <button type="submit" class="btn btn-outline-danger"><i class="fa-solid fa-box-archive"></i></button>
                                                </form>
                                                @endif
                                                @endcan
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Modal -->
                                    <div class="modal fade" id="ticket{{ $ticket->id }}Modal" tabindex="-1" aria-labelledby="ticket{{ $ticket->id }}ModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="ticket{{ $ticket->id }}ModalLabel">
                                                        @can('view', App\Models\Site::class)
                                                        <a href="{{ route('sites.show', $ticket->site) }}" title="{{ __('Voir le site :sitename', [
                                                            'sitename' => $ticket->site->name
                                                        ]) }}"><b>{{ $ticket->site->name }}</b></a>
                                                        @else
                                                        <b>{{ $ticket->site->name }}</b>
                                                        @endcan -
                                                        <u>
                                                            {{__('Ticket n°') }} {{ $ticket->id }}
                                                            @if ($ticket->is_internal)
                                                            <i class="fa-solid fa-lock"></i>
                                                            @endif
                                                        </u>&nbsp;-&nbsp;
                                                        <span class="badge {{ $ticket->type->class }}">
                                                            {{$ticket->type->label}}
                                                        </span>
                                                    </h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ __('Fermer') }}"></button>
                                                </div>
                                                <div class="modal-body">
                                                    @can('assignLabels', App\Models\Ticket::class)
                                                    <div class="mt-1 mb-3">
                                                        @foreach ($ticket->labels as $label)
                                                            <span class="badge label colorize" data-color="{{ $label->color }}">{{ $label->name }}</span>
                                                        @endforeach
                                                    </div>
                                                    @endcan
                                                    <p>{!! clean(nl2br($ticket->text)) !!}</p>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-sm btn-primary" data-bs-dismiss="modal">{{ __('Fermer') }}</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $tickets->withQueryString()->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection