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

@section('tickets')

    <div class="col-6 mx-auto my-5 justify-content-center">
        <p class="fts-28 mb-2 text-center" style="font-weight:900; color:#262A3E;">Vos tickets</p>
    </div>

    <div class="row">
        @if($tickets->isEmpty())
            <div style="position:absolute; top:40%;left:42.5%;">
                <p class="mb-0 fts-22 font-weight-bold" style="color:rgb(102,102,102);">Vous n'avez pas de tickets en cours pour le moment.</p>
            </div>
        @else
            <table class="myfotable">
                <thead>
                    <tr style="background-color: rgba(38, 42, 62, .05);">
                        <th class="py-2" style="width:20%;">Catégorie</th>
                        <th class="text-left" style="width:40%;">Ticket</th>
                        <th style="width:20%;">Status</th>
                        <th style="width:20%;">Dernière update</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($tickets as $ticket)
                        <tr>
                            <td style="width:20%;">
                                {{ $ticket->category->name }}
                            </td>
                            @if ($ticket->read_user == 1)
                                <td class="text-left" style="width:40%;">
                                    <a style="font-weight: 900; color: #262A3E;" class="triggerspinner" href="{{ url('tickets/' . $ticket->ticket_id) }}">
                                        #{{ $ticket->ticket_id }} - {{ $ticket->title }}
                                    </a>
                                </td>
                            @else
                                <td class="text-left" style="width:40%;">
                                    <a style="color: #262A3E;" href="{{ url('tickets/' . $ticket->ticket_id) }}">
                                        #{{ $ticket->ticket_id }} - {{ $ticket->title }}
                                    </a>
                                </td>
                            @endif
                            <td style="width:20%;">
                                @if($ticket->status == "Open")
                                    <span class="label label-success font-weight-bold" style="color:#17c231;">{{ $ticket->status }}</span>
                                @else
                                    <span class="label label-danger font-weight-bold" style="color:#393636;">{{ $ticket->status }}</span>
                                @endif
                            </td>
                            <td style="width:20%;">
                                {{ $ticket->updated_at }}
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $tickets->render() }}
        @endif
        @if($tickets->isEmpty())
            <div class="col-12 mx-auto my-4 text-center" style="position:absolute; top: 50%; left: 6%;">
                <a class="btn-myfo-blue" href="{{ route('new.ticket') }}" role="button">Nouveau ticket</a>
            </div>
        @else
            <div class="col-10 mx-auto my-4 text-center" style="">
                <a class="btn-myfo-blue" href="{{ route('new.ticket') }}" role="button">Nouveau ticket</a>
            </div>
        @endif

    </div>

@endsection