@extends('layout.app')

@section('content')
<div class="container">
    <div class="form-row row">
        <h2 class="col">
            <a href="{{ route('home') }}" class="text-decoration-none">←</a>
            Ticket n°{{ $ticket->id }} : {{ $ticket->site->name }} - {{ $ticket->type->label }}
            {{--@cannot('createMessage', $ticket)--}}
            <span class="badge bg-secondary">{{ $ticket->status->label }}</span>
            {{--@endcan--}}
        </h2>
        <div class="col d-flex flex-row  text-end">
            @can('suscribeToTicket', $ticket)
            <form action="{{ route('ticket.subscribe', $ticket->id) }}" method="POST" id="form_abonnement" class="col">
                @csrf
                <div class="custom-control custom-checkbox text-right p-2">
                    <input type="checkbox" name="subscription" class="custom-control-input" id="subscription" @if ($isSubscribed)checked @endif onchange="$('#form_abonnement').submit()">
                    <label class="custom-control-label" for="subscription">Suivre le ticket</label>
                </div>
            </form>
            @endcan
            @can('changeStatus', $ticket)
            <form action="{{ route('ticket.changeStatus', $ticket->id) }}" method="POST" id="form_status" class="col">
                @csrf
                <select class="form-select" name="status" id="status" onchange="$('#form_status').submit();">
                    @foreach(TicketStatus::toArray() as $ticketStatus)
                    <option value="{{ $ticketStatus->value }}" @if($ticketStatus->equals($ticket->status))selected @endif>{{ $ticketStatus->label }}</option>
                    @endforeach
                </select>
            </form>
            @endcan
        </div>
    </div>
    <hr>
    <div>
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <h4>
            Suivi
            @can('createMessage', $ticket)
            <button type="button" class="btn btn-sm btn-primary float-end" data-bs-toggle="modal" data-bs-target="#messageModal">
                Répondre
            </button>
            <div class="modal fade" id="messageModal" tabindex="-1" aria-labelledby="messageModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <form action="{{ route('ticket.message.create', $ticket) }}" method="POST" enctype="multipart/form-data">
                        @method('PUT')
                        @csrf
                        <input type="hidden" name="ticket_id" value="{{ $ticket->id }}">
                        <div class="modal-header">
                        <h5 class="modal-title" id="messageModalLabel">
                            Répondre au ticket n°{{ $ticket->id }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col">
                                    <textarea name="message" class="form-control" rows="10"></textarea>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col">
                                    <label for="formFile" class="form-label">Joindre un fichier (jpg, png, pdf) 2Mo max</label>
                                    <input class="form-control" type="file" id="formFile" name="file_message" accept="image/jpeg, image/png, image/jpg, .pdf">
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col">
                                    <div class="form-check">
                                        <input name="subscribe" type="checkbox" class="form-check-input" id="subscribeResponse" autocomplete="off" @if ($isSubscribed)checked @endif value="1">
                                        <label class="form-check-label" for="subscribeResponse">Suivre le ticket</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="reset" class="btn btn-sm btn-danger" data-bs-dismiss="modal">Fermer</button>
                            <button type="submit" class="btn btn-sm btn-success">Envoyer</button>
                        </div>
                    </form>
                </div>
                </div>
            </div>
            @endcan
        </h4>
        @foreach ($messages as $message)
            @if ($message->user_id === null)
            <div class="offset-md-3 col-md-6 alert alert-info text-center text-dark">
                {!! nl2br(e($message->message)) !!} - Le {{ \Carbon\Carbon::parse($message->created_at)->format('d/m/Y à H:i')}}
                <small class="fw-bold">(Message système)</small>
            </div>
            @else
            <div class="@if($message->user_id === Auth::user()->id)offset-md-4 alert-dark @else alert-light @endif col-md-8 alert">
                {!! Utils::plainToHtml($message->message) !!}
                @if ($message->file !== null)
                <br><a data-fslightbox="gallery" href="{{ asset($message->file) }}" target="_blank">Ouvrir la pièce jointe</a><br>
                @endif<br><br>
                <small class="text-muted fw-bold">Le {{ \Carbon\Carbon::parse($message->created_at)->format('d/m/Y à H:i')}} par {{ $message->user->name }}</small>
            </div>
            @endif
        @endforeach
    </div>
    <hr>
    <div>
        <h4>Description</h4>
        <p>{!! Utils::plainToHtml($ticket->text) !!}</p>
        <small class="text-muted">Créé le {{ \Carbon\Carbon::parse($ticket->created_at)->format('d/m/Y à H:i') }} par <b>{{ $ticket->user->name }}</b></small>
    </div>
    @if ($ticket->file !== null || $ticket->file2 !== null)
    <hr>
    <div>
        <h4>Pièces jointes</h4>
        <ul>
            @if ($ticket->file !== null)
            <li>
                Pièce jointe n°1 :
                <a @if(Utils::isImageFile($ticket->file))data-fslightbox="gallery" @endif href="{{ asset($ticket->file) }}" target="_blank">Ouvrir la pièce jointe</a>
            </li>
            @endif
            @if ($ticket->file2 !== null)
            <li>
                Pièce jointe n°2 :
                <a @if(Utils::isImageFile($ticket->file))data-fslightbox="gallery" @endif href="{{ asset($ticket->file2) }}" target="_blank">Ouvrir la pièce jointe</a>
            </li>
            @endif
        </ul>
    </div>
    @endif
</div>
@endsection