@extends('layouts.admin')

@section('title', 'Message from '.$message->name)

@section('content')
    <div class="grid max-w-5xl gap-6 lg:grid-cols-[1fr_20rem]">

        <div class="admin-card p-5 sm:p-6">
            <div class="flex flex-wrap items-center gap-2">
                <span class="pill bg-primary-50 text-primary">{{ $message->typeLabel() }}</span>
                <span class="text-xs text-text-muted">{{ $message->created_at->format('d M Y, H:i') }}</span>
            </div>

            <h2 class="mt-3 text-lg">{{ $message->subject ?: 'No subject' }}</h2>

            <div class="mt-5 whitespace-pre-line rounded-lg bg-surface-muted p-4 text-sm leading-relaxed text-text-secondary">{{ $message->message }}</div>

            @if ($message->attachment)
                <a href="{{ asset_path($message->attachment) }}" target="_blank" rel="noopener" class="btn-outline btn-sm mt-5">
                    <x-icon name="download" class="size-4" /> View attachment
                </a>
            @endif

            <form action="{{ route('admin.messages.update', $message) }}" method="POST" class="mt-8 space-y-5 border-t border-border pt-6">
                @csrf @method('PATCH')

                <x-form.select name="status" label="Status" :options="$statuses" :value="$message->status"
                               required :placeholder="false" class="sm:w-56" />

                <x-form.textarea name="admin_note" label="Internal note" :value="$message->admin_note" rows="4"
                                 hint="Visible to admin users only." />

                <button type="submit" class="btn-primary">Save</button>
            </form>
        </div>

        <aside class="space-y-5">
            <div class="admin-card p-5">
                <h2 class="mb-4 text-base">Sender</h2>

                <dl class="space-y-3 text-sm">
                    @foreach ([
                        'Name' => $message->name,
                        'Email' => $message->email,
                        'Phone' => $message->phone,
                        'Organisation' => $message->organization,
                        'IP address' => $message->ip_address,
                        'Responded' => $message->responded_at?->format('d M Y'),
                    ] as $label => $value)
                        @if (filled($value))
                            <div class="border-b border-border pb-3 last:border-0 last:pb-0">
                                <dt class="text-xs uppercase tracking-wide text-text-muted">{{ $label }}</dt>
                                <dd class="mt-0.5 break-words font-medium text-text">{{ $value }}</dd>
                            </div>
                        @endif
                    @endforeach
                </dl>

                <a href="mailto:{{ $message->email }}?subject={{ rawurlencode('Re: '.($message->subject ?: 'Your enquiry')) }}"
                   class="btn-primary mt-5 w-full">Reply by email</a>
            </div>

            @can('messages.delete')
                <form action="{{ route('admin.messages.destroy', $message) }}" method="POST"
                      onsubmit="return confirm('Delete this message permanently?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn-ghost w-full text-error hover:bg-error/5">
                        <x-icon name="trash" class="size-4" /> Delete message
                    </button>
                </form>
            @endcan
        </aside>
    </div>
@endsection