@extends('admin.layouts.grid')
@section('section', admin_trans('Tickets'))
@section('title', str(admin_trans('Ticket #{number}'))->replace('{number}', $ticket->id))
@section('back', route('admin.tickets.index'))
@section('content')
    <div class="row g-3">
        <div class="col-12 col-xl-8">
            <div class="row row-cols-1 g-3">
                @foreach ($ticket->replies as $reply)
                    <div class="col">
                        <div class="card custom-card">
                            <div class="card-body">
                                <div class="p-2">
                                    <div class="mb-4">
                                        <div class="row row-cols-auto justify-content-between align-items-center g-3">
                                            <div class="col">
                                                <div class="tickets-user">
                                                    @if (auth()->user()->id != $reply->user->id)
                                                        <a href="{{ $reply->user->getEditLink() }}">
                                                            <img src="{{ $reply->user->getAvatar() }}"
                                                                alt="{{ $reply->user->getName() }}" />
                                                            <span class="h6 mb-0">{{ $reply->user->getName() }}</span>
                                                        </a>
                                                    @else
                                                        <img src="{{ $reply->user->getAvatar() }}"
                                                            alt="{{ $reply->user->getName() }}" />
                                                        <span class="h6 mb-0">{{ $reply->user->getName() }}</span>
                                                    @endif
                                                    @if (!$reply->user->isUser())
                                                        <div class="badge bg-primary ms-2">{{ admin_trans('Support') }}
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                            @if (!$loop->first)
                                                <div class="col">
                                                    <time
                                                        class="text-muted small">{{ dateFormat($reply->created_at) }}</time>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="ticket-content">
                                        @if ($loop->first)
                                            <h5 class="mb-3">{{ $ticket->subject }}</h5>
                                        @endif
                                        <div class="tickets-paragrah">
                                            @php
                                                $purifier = new \HTMLPurifier();
                                                $safeReplyBody = $purifier->purify($reply->body);
                                            @endphp
                                            {!! nl2br(e($safeReplyBody)) !!}
                                            @if ($reply->attachments->count() > 0)
                                                <div class="mt-4">
                                                    <h6 class="text-dark mb-3">{{ admin_trans('Attached files') }}:</h6>
                                                    <div class="row g-2">
                                                        @foreach ($reply->attachments as $attachment)
                                                            <div class="col-lg-6">
                                                                <a href="{{ route('admin.tickets.download', [$ticket->id, $attachment->id]) }}"
                                                                    class="ticket-file text-muted d-block bg-light p-3 border rounded-2 h-100">
                                                                    <div class="row align-items-center g-2">
                                                                        <div class="col-auto">
                                                                            <div class="ticket-file-icon">
                                                                                <i class="fa fa-file-alt"></i>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col">
                                                                            <div class="ticket-file-meta">
                                                                                <h6 class="mb-0">
                                                                                    {{ shorterText($attachment->name, 40) }}
                                                                                </h6>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-auto">
                                                                            <i class="fa fa-download"></i>
                                                                        </div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                <div class="col">
                    <div class="card custom-card">
                        <div class="card-body">
                            <div class="p-2">
                                <h5 class="mb-3">{{ admin_trans('Reply') }}</h5>
                                <form action="{{ route('admin.tickets.reply', $ticket->id) }}" method="POST"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="row g-3 mb-3">
                                        <div class="col-lg-12">
                                            <textarea name="message" class="form-control" rows="7" required>{{ old('message') }}</textarea>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="attachments">
                                                <div class="attachment-box-1">
                                                    <label class="form-label">{{ admin_trans('Attachments') }}</label>
                                                    <div class="input-group">
                                                        <input type="file" name="attachments[]"
                                                            class="form-control form-control-lg">
                                                        <button id="addAttachment" class="btn btn-secondary" type="button">
                                                            <i class="fa fa-plus"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <button class="btn btn-primary btn-lg">{{ admin_trans('Send') }}</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="card custom-card mb-3">
                <div class="card-body">
                    <div class="border-bottom pb-3 mb-3">
                        <h6 class="mb-0">{{ admin_trans('User details') }}</h6>
                    </div>
                    <div class="text-center">
                        <a href="{{ $ticket->user->getEditLink() }}">
                            <div class="mb-3">
                                <img src="{{ $ticket->user->getAvatar() }}" alt="{{ $ticket->user->getName() }}"
                                    class="rounded-circle" width="80px" height="80px">
                            </div>
                            <h5 class="text-dark">{{ $ticket->user->getName() }}</h5>
                            <p class="mb-0 text-muted">{{ $ticket->user->email }}</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="card custom-card">
                <div class="card-body">
                    <div class="p-2">
                        <div class="border-bottom pb-3 mb-3">
                            <div class="row row-cols-auto align-items-center justify-content-between g-2">
                                <div class="col">
                                    <h6 class="mb-0">
                                        {{ str(admin_trans('Ticket #{number}'))->replace('{number}', $ticket->id) }}
                                    </h6>
                                </div>
                                <div class="col">
                                    @if ($ticket->isOpened())
                                        <span class="badge bg-primary">{{ admin_trans('Opened') }}</span>
                                    @else
                                        <span class="badge bg-danger">{{ admin_trans('Closed') }}</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row row-cols-1 justify-content-between align-items-center g-3">
                            <div class="col">
                                <div class="row row-cols-auto justify-content-between">
                                    <div class="col">
                                        {{ admin_trans('Priority') }}:
                                    </div>
                                    <div class="col">
                                        <time class="text-muted small">{{ $ticket->getPriority() }}</time>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row row-cols-auto justify-content-between">
                                    <div class="col">
                                        {{ admin_trans('Department') }}:
                                    </div>
                                    <div class="col">
                                        <time class="text-muted small">{{ $ticket->department->name }}</time>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row row-cols-auto justify-content-between">
                                    <div class="col">
                                        {{ admin_trans('Created Date') }}:
                                    </div>
                                    <div class="col">
                                        <time class="text-muted small">{{ dateFormat($ticket->created_at) }}</time>
                                    </div>
                                </div>
                            </div>
                            <div class="col">
                                <div class="row row-cols-auto justify-content-between">
                                    <div class="col">
                                        {{ admin_trans('Last Activity') }}:
                                    </div>
                                    <div class="col">
                                        <time class="text-muted small">{{ dateFormat($ticket->updated_at) }}</time>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="border-top pt-3 mt-3">
                            @if ($ticket->isOpened())
                                <form action="{{ route('admin.tickets.close', $ticket->id) }}" method="POST">
                                    @csrf
                                    <button class="btn btn-danger btn-lg w-100 action-confirm mb-3">
                                        <i class="fa-regular fa-circle-xmark me-1"></i>
                                        {{ admin_trans('Close ticket') }}
                                    </button>
                                </form>
                            @endif
                            <button class="btn btn-primary btn-lg w-100" data-bs-toggle="modal"
                                data-bs-target="#transferModal"><i
                                    class="fa-solid fa-share me-2"></i>{{ admin_trans('Transfer') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="transferModal" tabindex="-1" aria-labelledby="transferModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="transferModalLabel">
                        {{ str(admin_trans('Transfer ticket #{number}'))->replace('{number}', $ticket->id) }}
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form id="transferForm" action="{{ route('admin.tickets.transfer', $ticket->id) }}" method="POST">
                    @csrf
                    <div class="modal-body">
                        <select name="department" class="form-select form-select-lg">
                            @foreach ($departments as $department)
                                <option value="{{ $department->id }}"
                                    {{ $ticket->department->id == $department->id ? 'selected' : '' }}>
                                    {{ $department->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary btn-lg"
                            data-bs-dismiss="modal">{{ admin_trans('Cancel') }}</button>
                        <button class="btn btn-primary action-confirm btn-lg">{{ admin_trans('Transfer') }}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection