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

@section('tickets')

    @if ($user->manager)

        <section style="padding-left:240px;">

            <div class="mx-auto py-4 mt-2">
                <p class="abc-welcome">Tickets</p>
            </div>

            <div class="row">
                <div class="col-6 mx-auto dashboardstyle py-4">
                    <table class="fts-14 mx-auto mb-2" style="width:100%;">
                        <tbody class="colorabc1">
                            <tr style="border-bottom: 1px solid #3A9AF3;">
                                <th class="text-left" style="width:10%;">
                                    Ticket:
                                </th>
                                <th>
                                    #{{ $ticket->ticket_id }} - {{ $ticket->title }}
                                </th>
                                <th class="text-right fts-10 font-weight-bold" style="color:rgb(112,112,112)">
                                    Created on: {{ $ticket->created_at->diffForHumans() }}
                                </th>
                            </tr>
                        </tbody>
                    </table>
                    <table class="fts-14 mx-auto" style="width:100%;">
                        <tbody>
                            <tr>
                                @if (session('status'))
                                    <div class="alert alert-success">
                                        {{ session('status') }}
                                    </div>
                                @endif
                                <td class="py-4 fts-14" style="width:100%;">
                                    {{ $ticket->message }}
                                </td>
                            </tr>
                            <tr>
                                <td class="fts-10 font-weight-bold text-left">
                                    @if ($ticket->status === 'Open')
                                        <span style="color:rgb(112,112,112)">Status:</span> <span class="label label-success" style="color:#17c231;">{{ $ticket->status }}</span>
                                    @else
                                        <span style="color:rgb(112,112,112)">Status:</span> <span class="label label-danger">{{ $ticket->status }}</span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td class="fts-10 font-weight-bold text-left">
                                    <span style="color:rgb(112,112,112)">Category:</span> {{ $ticket->category->name }}
                                </td>
                            </tr>
                            <tr>
                                <td class="fts-10 font-weight-bold text-left">
                                    <span style="color:rgb(112,112,112)">Beneficiary:</span> {{ $ticket->user->firstname }} {{ $ticket->user->lastname }}
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="col-6 mx-auto justify-content mt-3">
                @include('tickets.comments')
            </div>

            <div class="col-6 mx-auto  justify-content">
                @include('tickets.reply')
            </div>

        </section>

    @else

        <div class="mx-auto py-4 mt-2">
            <p class="abc-welcome">Tickets</p>
        </div>

        <div class="row">
            <div class="col-6 mx-auto dashboardstyle py-4">
                <table class="fts-14 mx-auto mb-2" style="width:100%;">
                    <tbody class="colorabc1">
                        <tr style="border-bottom: 1px solid #3A9AF3;">
                            <th class="text-left" style="width:10%;">
                                Ticket:
                            </th>
                            <th>
                                #{{ $ticket->ticket_id }} - {{ $ticket->title }}
                            </th>
                            <th class="text-right fts-10 font-weight-bold" style="color:rgb(112,112,112)">
                                Created on: {{ $ticket->created_at->diffForHumans() }}
                            </th>
                        </tr>
                    </tbody>
                </table>
                <table class="fts-14 mx-auto" style="width:100%;">
                    <tbody>
                        <tr>
                            @if (session('status'))
                                <div class="alert alert-success">
                                    {{ session('status') }}
                                </div>
                            @endif
                            <td class="py-4 fts-14" style="width:100%;">
                                {{ $ticket->message }}
                            </td>
                        </tr>
                        <tr>
                            <td class="fts-10 font-weight-bold text-left">
                                @if ($ticket->status === 'Open')
                                    <span style="color:rgb(112,112,112)">Status:</span> <span class="label label-success" style="color:#17c231;">{{ $ticket->status }}</span>
                                @else
                                    <span style="color:rgb(112,112,112)">Status:</span> <span class="label label-danger">{{ $ticket->status }}</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="fts-10 font-weight-bold text-left">
                                <span style="color:rgb(112,112,112)">Category:</span> {{ $ticket->category->name }}
                            </td>
                        </tr>
                        <tr>
                            <td class="fts-10 font-weight-bold text-left">
                                <span style="color:rgb(112,112,112)">Beneficiary:</span> {{ $ticket->user->firstname }} {{ $ticket->user->lastname }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="col-6 mx-auto justify-content mt-3">
            @include('tickets.comments')
        </div>

        <div class="col-6 mx-auto  justify-content">
            @include('tickets.reply')
        </div>

    @endif

@endsection