@extends('layouts.app')

@section('title', 'Message Details')

@section('content')
@php
    $canDelete = auth()->user()->hasAction('messages.delete');
    $canArchive = auth()->user()->hasAction('messages.archive');
    $canExport = auth()->user()->hasAction('messages.export');
    $canPrint = auth()->user()->hasAction('messages.print');
@endphp

<x-page-header title="Message Details" subtitle="Full SMS content and metadata" icon="messages" icon-color="cyan">
    <x-slot:actions>
        <a href="{{ route('messages.index') }}" class="btn-ghost btn-sm">Back to messages</a>
        @if ($canPrint)
            <a href="{{ route('messages.print-one', $message) }}?auto=1" target="_blank" class="btn-secondary btn-sm">
                <x-icon name="printer" class="w-4 h-4" />
                Print
            </a>
        @endif
        @if ($canExport)
            <a href="{{ route('messages.export-one', $message) }}" class="btn-secondary btn-sm">
                <x-icon name="download" class="w-4 h-4" />
                Export CSV
            </a>
        @endif
        @if ($canArchive)
            @if ($message->isArchived())
                <form method="POST" action="{{ route('messages.unarchive', $message) }}" class="inline">
                    @csrf
                    @method('PATCH')
                    <button type="submit" class="btn-ghost btn-sm">Restore</button>
                </form>
            @else
                <form method="POST" action="{{ route('messages.archive', $message) }}" class="inline">
                    @csrf
                    @method('PATCH')
                    <button type="submit" class="btn-ghost btn-sm">Archive</button>
                </form>
            @endif
        @endif
        @if ($canDelete)
            <form method="POST" action="{{ route('messages.destroy', $message) }}" class="inline" onsubmit="return confirm('Delete this message permanently?')">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn-danger btn-sm">Delete</button>
            </form>
        @endif
    </x-slot:actions>
</x-page-header>

<div class="glass-card p-5 sm:p-6 mb-6 animate-slide-up">
    <div class="flex flex-wrap items-center gap-2 mb-4">
        @php
            $typeClass = match ($message->message_type) {
                'payment' => 'badge-success',
                'otp' => 'badge-warning',
                default => 'badge-neutral',
            };
        @endphp
        <span class="{{ $typeClass }} capitalize">{{ $message->message_type }}</span>
        <span class="{{ $message->sync_status === 'synced' ? 'badge-success' : 'badge-warning' }} capitalize">{{ $message->sync_status }}</span>
        @if ($message->isArchived())
            <span class="badge-neutral">Archived</span>
        @endif
    </div>

    <div class="rounded-xl border border-white/10 bg-white/5 p-4 sm:p-5 mb-6">
        <p class="text-xs uppercase tracking-wide text-slate-400 mb-2">Message</p>
        <p class="text-base sm:text-lg leading-relaxed whitespace-pre-wrap break-words">{{ $message->message }}</p>
    </div>

    <dl class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
        <div>
            <dt class="field-label text-xs mb-1">Received</dt>
            <dd class="text-slate-200 tabular-nums">{{ $message->received_at->format('M d, Y H:i:s') }}</dd>
        </div>
        <div>
            <dt class="field-label text-xs mb-1">Sender</dt>
            <dd class="text-slate-200">{{ $message->sender }}</dd>
        </div>
        <div>
            <dt class="field-label text-xs mb-1">User</dt>
            <dd class="text-slate-200">{{ $message->device->user?->name ?? 'Unassigned' }}</dd>
        </div>
        <div>
            <dt class="field-label text-xs mb-1">Department</dt>
            <dd class="text-slate-200">{{ $message->device->department?->name ?? '—' }}</dd>
        </div>
        <div>
            <dt class="field-label text-xs mb-1">Device</dt>
            <dd class="text-slate-200">{{ $message->device->device_name }}</dd>
        </div>
        <div>
            <dt class="field-label text-xs mb-1">Device ID</dt>
            <dd class="text-slate-200 font-mono text-xs">{{ $message->device->device_uid }}</dd>
        </div>
    </dl>
</div>
@endsection