@extends('admin.layouts.app')
@section('title', "پنل مدیریت | ویرایش تیکت")

@section('content')
    <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">ویرایش تیکت</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-left">
                {{ Breadcrumbs::render('ticket-edit', $ticket) }}
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary">
                    <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> اولویت:
                                <span class="badge badge-{{ $ticket->priority->color() }}">{{ $ticket->priority->description }}</span>
                                <i class="fa fa-envelope{{ ($ticket->status->is(\App\Enums\TicketStatus::CLOSED) ? '' : '-open') }}"></i> وضعیت:
                                <form class="d-inline" method="POST" id="change-status"
                                      action="{{ route('admin.tickets.update', $ticket->slug) }}">
                                    @csrf
                                    @method('PATCH')
                                    <select name="status" onchange="$('#change-status').submit();">
                                        @foreach(\App\Enums\TicketStatus::getInstances() as $enum)
                                            <option class="text-{{ $enum->color() }}" value="{{ $enum->value }}" {{ $enum->value == $ticket->status->value ? 'selected' : '' }}>
                                                {{ $enum->description }}
                                            </option>
                                        @endforeach
                                    </select>
                                </form>
                                )
                            </small>
                        </div>
                        <hr class="w-50 mx-auto">
                        <div class="container-fluid">
                            @foreach($ticket->messages as $message)
                                <div class="row p-4" style="background-color: {{ $ticket->user_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-left">
                                            <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 ?: 'مشتری' }}
                                            )
                                        </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>پیوست‌ها:</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:admin.ticket.edit :ticket="$ticket" />
                    </div>
                </div>
            </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
    </div>
@endsection