@extends('pro.layout',['user'=>$user])
@section('pro')

    <div class="col-12 justify-content-center my-5 mx-auto text-center">
        <p class="fts-24" style="font-weight: 900;">Vos tickets en cours</p>
    </div>

    <div class="row mx-auto px-0">
        @if ($tickets->isEmpty())
            <div style="position:absolute; left:42%; top:45%;">
                <p class="mb-0 fts-14 font-weight-bold" style="color:rgb(102,102,102);">Vous n'avez pas de tickets pour le moment.</p>
            </div>
        @else
            <table class="myfotable">
                <thead>
                    <tr style="background-color: rgba(38, 42, 62, .05);">
                        <th class="py-3" style="width:5%;">Catégorie</th>
                        <th style="width:15%;">Titre du ticket</th>
                        <th style="width:15%;">Status</th>
                        <th style="width:15%;">Date de soumission</th>
                        <th style="width:15%;">Client(e)</th>
                        <th style="width:25%;">Actions</th>
                    </tr>
                </thead>
                <tbody>
                @foreach ($tickets as $ticket)
                    <tr>
                        <td style="width:10%;" class="py-3">
                            {{ $ticket->category->name }}
                        </td>
                        @if ($ticket->read_sender == 1)
                            <td style="width:26%;">
                                <span style="background-color:#3A9AF3; border-radius:15px; padding:7px; display:inline-block; color:white;" class="blink_me mr-1 fts-10 text-center font-weight-normal">Unread message</span>
                                <a class="colorabc1 triggerspinner" style="display:inline-block;" href="{{ url('tickets/'. $ticket->ticket_id) }}">
                                    <!--#{{ $ticket->ticket_id }} - -->{{ $ticket->title }}
                                </a>
                            </td>
                        @else
                            <td style="width:26%;">
                                <a href="{{ url('tickets/'. $ticket->ticket_id) }}">
                                    <!--#{{ $ticket->ticket_id }} - -->{{ $ticket->title }}
                                </a>
                            </td>
                        @endif
                        <td style="width:6%;">
                            @if ($ticket->status === 'Open')
                                <span class="label label-success font-weight-bold" style="color:#17c231;">{{ $ticket->status }}</span>
                            @else
                                <span class="label label-danger">{{ $ticket->status }}</span>
                            @endif
                        </td>
                        <td style="width:10%;">{{ $ticket->updated_at }}</td>
                        <td style="width:9%;">
                            Nom du client
                        </td>
                        <td class="py-2" style="width:10%;">
                            @if($ticket->status === 'Open')
                                <a href="{{ url('tickets/' . $ticket->ticket_id) }}" class="btn-myfo-green m-1" style="display:inline-block;">Répondre</a>
                                <form action="{{ url('close_ticket/' . $ticket->ticket_id) }}" method="POST" style="display:inline-block;">
                                    {!! csrf_field() !!}
                                    <button type="submit" class="btn-myfo-purple m-1">Fermer</button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            {{ $tickets->render() }}
        @endif
    </div>

    @if($tickets->isEmpty())
        <div class="col-10 mx-auto my-4 text-center pr-0" style="position:absolute; top:50%;">
            <a class="btn-myfo-blue" href="{{ route('new.ticket') }}" role="button">Soumettre un nouveau ticket</a>
        </div>
    @else
        <div class="col-12 mx-auto my-4 text-center">
            <a class="btn-myfo-blue" href="{{ route('new.ticket') }}" role="button">Soumettre un nouveau ticket</a>
        </div>
    @endif

@endsection