@extends('layouts.app')
@section('content')
    <div class="container my-5 body-content">
        <div class="row">
            <div class="col-lg-3 col-sm-12">
                @include('account.sidebar')
            </div>
            <div class="col-lg-9 col-sm-12">
                <div class="card">
                    <h5 class="card-header">{{ __('Ticket') }} {{ $ticket->slug }}
                        <a href="{{ route('account.tickets.index') }}" class="float-end btn btn-sm btn-dark">{{ __('Tickets') }} <span class="fa fa-arrow-left"></span></a>
                    </h5>
                    <div class="card-body">
                        <div class="text-center">
                            <h4 class="d-inline-block">{{ $ticket->title }}</h4>
                            <small class="text-muted">
                                (
                                <span class="fa fa-sort-amount-down"></span> {{ __('Priority') }}:
                                <span class="badge bg-{{ $ticket->priority->color() }}">{{ $ticket->priority->description }}</span>
                                <i class="fa fa-envelope{{ ($ticket->status->is(\App\Enums\TicketStatus::CLOSED) ? '' : '-open') }}"></i> {{ __('Status') }}:
                                <span class="badge bg-{{ $ticket->status->color() }}">{{ $ticket->status->description }}</span>
                                )
                            </small>
                        </div>
                        <hr class="w-50 mx-auto">
                        <div class="container">
                        @foreach($ticket->messages as $message)
                            <div class="row p-4" style="background-color: {{ auth()->id() == $message->user->id ? '#F7FAFD' : '#FAF8F1' }};">
                                <div class="col-sm-2 col-lg-1">
                                    <img src="{{ $message->user->avatar }}"
                                         alt="{{ $message->user->name }}"
                                         class="img-fluid"
                                         style="border-radius: 50%">
                                </div>
                                <div class="col-sm-10 col-lg-11">
                                    <span class="name">
                                        <small class="text-muted float-end">
                                            <i class="fa fa-clock-o"></i> {{ jdate($message->created_at)->format('d F Y ساعت H:i') }}
                                        </small>
                                        <b>{{ $message->user->name }}</b>
                                        <small class="text-muted">
                                            (
                                            <i class="fa fa-user-secret"></i> {{ optional($message->user->roles->first())->name ?: __('Customer') }}
                                            )
                                        </small>
                                    </span>
                                    <div>
                                        <p class="text-justify">{!! nl2br(e($message->body)) !!}</p>
                                        @if(count($message->attachments) > 0)
                                            <div>
                                                <span class="fa fa-paperclip"></span>
                                                <strong>{{ __('Attachments') }}:</strong>
                                                @foreach($message->attachments as $attachment)
                                                    @if($attachment->mime == 'jpg' OR $attachment->mime == 'png' OR $attachment->mime == 'jpeg' OR $attachment->mime == 'gif')
                                                        @php $icon = '-image'; @endphp
                                                    @elseif($attachment->mime == 'docx' OR $attachment->mime == 'doc')
                                                        @php $icon = '-word'; @endphp
                                                    @elseif($attachment->mime == 'pdf')
                                                        @php $icon = '-pdf'; @endphp
                                                    @elseif($attachment->mime == 'zip')
                                                        @php $icon = '-archive'; @endphp
                                                    @else
                                                        @php $icon = ''; @endphp
                                                    @endif
                                                    <a href="{{ route('getFileSrc', ['Ticket', $attachment->path]) }}" class="text-primary text-info" target="_blank">
                                                        <span class="fa fa-file{{ $icon }}"></span> {{ $attachment->title }}
                                                    </a>
                                                @endforeach
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <hr>
                        @endforeach
                        </div>
                        <livewire:account.ticket.edit :ticket="$ticket" />
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection