@extends('layouts.app')

@section('page-title', $ticket->reference.' — '.$ticket->subject)

@section('content')
    <div style="display:flex;gap:24px;align-items:flex-start">
        <div style="flex:1;min-width:0">
            @foreach ($ticket->messages as $message)
                <div class="message message-{{ $message->visibility === 'internal_note' ? 'internal_note' : $message->direction }}">
                    <div class="message-meta">
                        @if ($message->author_type === 'customer')
                            {{ $message->authorCustomer?->name ?? __('app.ticket.customer') }}
                        @elseif ($message->author_type === 'agent')
                            {{ $message->authorUser?->name ?? __('app.nav.tickets') }}
                        @else
                            System
                        @endif
                        · {{ $message->created_at->format('d.m.Y H:i') }}
                        @if ($message->visibility === 'internal_note')
                            · <strong>{{ __('app.ticket.internal_note') }}</strong>
                        @endif
                    </div>
                    @if ($message->safeBodyHtml())
                        <div class="message-body" data-translatable>{!! $message->safeBodyHtml() !!}</div>
                    @else
                        <div class="message-body message-body-plain" data-translatable>{{ $message->body_text }}</div>
                    @endif
                    <div class="message-actions">
                        <button type="button" class="btn-link translate-trigger"
                                data-translate-url="{{ route('tickets.messages.translate', [$ticket, $message]) }}"
                                data-label-translate="{{ __('app.ticket.translate') }}"
                                data-label-translating="{{ __('app.ticket.translating') }}"
                                data-label-original="{{ __('app.ticket.show_original') }}"
                                data-label-error="{{ __('app.ticket.translate_failed') }}">{{ __('app.ticket.translate') }}</button>
                    </div>
                    @if ($message->attachments->isNotEmpty())
                        <ul style="margin:10px 0 0;padding-left:18px">
                            @foreach ($message->attachments as $attachment)
                                <li><a href="{{ route('tickets.attachments.download', [$ticket, $attachment]) }}">{{ $attachment->filename }}</a></li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            @endforeach

            @if ($errors->has('body_html'))
                <div class="alert alert-error" style="margin-top:20px">{{ $errors->first('body_html') }}</div>
            @endif

            <form method="POST" action="{{ route('tickets.messages.store', $ticket) }}" enctype="multipart/form-data" style="margin-top:20px">
                @csrf
                <input type="hidden" name="body_html" id="reply-body-html">

                <div class="editor" data-editor>
                    <div class="editor-toolbar" role="toolbar">
                        <button type="button" data-editor-cmd="bold" title="{{ __('app.ticket.editor.bold') }}"><b>B</b></button>
                        <button type="button" data-editor-cmd="italic" title="{{ __('app.ticket.editor.italic') }}"><i>I</i></button>
                        <button type="button" data-editor-cmd="underline" title="{{ __('app.ticket.editor.underline') }}"><u>U</u></button>
                        <button type="button" data-editor-cmd="strikeThrough" title="{{ __('app.ticket.editor.strikethrough') }}"><s>S</s></button>
                        <span class="editor-toolbar-sep"></span>
                        <button type="button" data-editor-cmd="insertUnorderedList" title="{{ __('app.ticket.editor.bullet_list') }}">&#9776;</button>
                        <button type="button" data-editor-cmd="insertOrderedList" title="{{ __('app.ticket.editor.numbered_list') }}">1.</button>
                        <span class="editor-toolbar-sep"></span>
                        <button type="button" data-editor-link data-link-prompt="{{ __('app.ticket.editor.link_prompt') }}" title="{{ __('app.ticket.editor.link') }}">&#128279;</button>
                        <button type="button" data-editor-cmd="removeFormat" title="{{ __('app.ticket.editor.clear_formatting') }}">&#10005;</button>
                    </div>
                    <div class="editor-content" contenteditable="true" data-editor-content
                         data-placeholder="{{ __('app.ticket.message_placeholder') }}"></div>
                </div>

                <div class="form-group" style="margin-top:10px">
                    <label>{{ __('app.ticket.attachments') }}</label>
                    <input type="file" name="attachments[]" multiple>
                </div>

                <div class="form-group" style="display:flex;gap:10px">
                    <button type="submit" name="visibility" value="public" class="btn btn-primary">{{ __('app.ticket.send') }}</button>
                    <button type="submit" name="visibility" value="internal_note" class="btn btn-secondary">{{ __('app.ticket.add_note') }}</button>
                </div>
            </form>
        </div>

        <aside style="width:280px;flex-shrink:0">
            <div class="card" style="padding:18px">
                <h3>{{ __('app.ticket.customer') }}</h3>
                <p>{{ $ticket->customer?->name ?? '—' }}<br>
                   <small>{{ $ticket->customer?->email }}</small></p>
                @if ($ticket->company)
                    <p><small>{{ __('app.ticket.company') }}: {{ $ticket->company->name }}</small></p>
                @endif

                @if ($ticket->tags->isNotEmpty())
                    <p>
                        @foreach ($ticket->tags as $tag)
                            <span class="badge badge-tag">{{ $tag->name }}</span>
                        @endforeach
                    </p>
                @endif

                <form method="POST" action="{{ route('tickets.status.update', $ticket) }}">
                    @csrf @method('PATCH')
                    <div class="form-group">
                        <label>{{ __('app.ticket.status_label') }}</label>
                        <select name="status" class="form-control" onchange="this.form.submit()">
                            @foreach (\App\Models\Ticket::STATUSES as $s)
                                <option value="{{ $s }}" @selected($ticket->status === $s)>{{ __('app.ticket.status.'.$s) }}</option>
                            @endforeach
                        </select>
                    </div>
                </form>

                <form method="POST" action="{{ route('tickets.priority.update', $ticket) }}">
                    @csrf @method('PATCH')
                    <div class="form-group">
                        <label>{{ __('app.ticket.priority_label') }}</label>
                        <select name="priority" class="form-control" onchange="this.form.submit()">
                            @foreach (\App\Models\Ticket::PRIORITIES as $p)
                                <option value="{{ $p }}" @selected($ticket->priority === $p)>{{ __('app.ticket.priority.'.$p) }}</option>
                            @endforeach
                        </select>
                    </div>
                </form>

                <form method="POST" action="{{ route('tickets.category.update', $ticket) }}">
                    @csrf @method('PATCH')
                    <div class="form-group">
                        <label>{{ __('app.ticket.category') }}</label>
                        <select name="category_id" class="form-control" onchange="this.form.submit()">
                            <option value="">{{ __('app.ticket.no_category') }}</option>
                            @foreach ($categories as $category)
                                <option value="{{ $category->id }}" @selected($ticket->category_id === $category->id)>{{ $category->name() }}</option>
                            @endforeach
                        </select>
                    </div>
                </form>

                <form method="POST" action="{{ route('tickets.assignment.update', $ticket) }}">
                    @csrf @method('PATCH')
                    <div class="form-group">
                        <label>{{ __('app.ticket.assigned_to') }}</label>
                        <select name="assigned_user_id" class="form-control" onchange="this.form.submit()">
                            <option value="">{{ __('app.ticket.unassigned') }}</option>
                            @foreach ($agents as $agent)
                                <option value="{{ $agent->id }}" @selected($ticket->assigned_user_id === $agent->id)>{{ $agent->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </form>

                <p><small>{{ __('app.ticket.source_label') }}: {{ __('app.ticket.source.'.$ticket->source) }}<br>
                   {{ __('app.ticket.created_at') }}: {{ $ticket->created_at->format('d.m.Y H:i') }}
                   @if ($ticket->zammad_ticket_number)
                       <br>{{ __('app.ticket.zammad_reference') }}: #{{ $ticket->zammad_ticket_number }}
                   @endif
                </small></p>
            </div>
        </aside>
    </div>
@endsection