@extends('layouts.admin')

@section('title', 'Ticket '.$ticket->code)

@section('content')
    <div class="admin-head">
        <div>
            <span class="eyebrow">Ticket {{ $ticket->code }} · {{ $ticket->category }}</span>
            <h1>{{ $ticket->subject }}</h1>
            <p>{{ $ticket->account?->Username }} · {{ $ticket->status_label }}</p>
        </div>
        <a class="btn dark small" href="{{ route('admin.tickets') }}">Back</a>
    </div>

    <section class="admin-panel">
        @foreach ($ticket->messages as $message)
            <div @class(['ticket-mini', 'support-message' => $message->sender_role === 'support', 'player-message' => $message->sender_role === 'player'])>
                <strong>
                    {{ $message->sender_role === 'support' ? 'Support team' : $message->account?->Username }}
                    <span class="muted">· {{ ucfirst($message->sender_role) }} · {{ $message->created_at->format('M d, H:i') }}</span>
                </strong>
                <p class="muted" style="margin:10px 0 0">{{ $message->message }}</p>
            </div>
        @endforeach

        @if ($ticket->status === 'closed')
            <div class="form-alert">
                <strong>Closed ticket.</strong>
                <span>Closed by {{ $ticket->closed_by_role ?? 'support' }}{{ $ticket->closed_at ? ' · '.$ticket->closed_at->format('M d, Y H:i') : '' }}.</span>
            </div>
        @else
            @if ($errors->any())
                <div class="form-alert">
                    <strong>Please check your reply.</strong>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form class="form" method="POST" action="{{ route('admin.tickets.reply', $ticket) }}" style="margin-top:25px">
                @csrf
                <label>
                    Support reply
                    <textarea name="message" required maxlength="5000" placeholder="Write a support reply...">{{ old('message') }}</textarea>
                </label>
                <div class="ticket-actions">
                    <button class="btn" type="submit">Send reply</button>
                </div>
            </form>

            <form method="POST" action="{{ route('admin.tickets.close', $ticket) }}" class="ticket-actions">
                @csrf
                <button class="btn red" type="submit">Close ticket</button>
            </form>
        @endif
    </section>
@endsection