@extends('layouts.app')
@section('title', __('Demo booking').' — '.$demo->name)
@section('page-title', $demo->name)
@section('page-subtitle', $demo->slot_at->format('l, F j, Y — H:i'))

@section('content')
@include('super-admin._nav')

<a href="{{ route('super-admin.demos.index') }}" class="text-sm text-brand-600 hover:underline inline-flex items-center gap-1 mb-4">
    <x-icon name="arrow-right" class="w-4 h-4 rotate-180 rtl:rotate-0"/> {{ __('Back to bookings') }}
</a>

<div class="grid lg:grid-cols-3 gap-6">
    <div class="lg:col-span-2 card card-pad space-y-4">
        <div class="grid sm:grid-cols-2 gap-4">
            <div><div class="text-xs text-slate-500 uppercase">{{ __('Email') }}</div><a class="text-brand-600 hover:underline" href="mailto:{{ $demo->email }}">{{ $demo->email }}</a></div>
            <div><div class="text-xs text-slate-500 uppercase">{{ __('Phone') }}</div>{{ $demo->phone ?? '—' }}</div>
            <div><div class="text-xs text-slate-500 uppercase">{{ __('Company') }}</div>{{ $demo->company ?? '—' }}</div>
            <div><div class="text-xs text-slate-500 uppercase">{{ __('Locale') }}</div>{{ strtoupper($demo->locale) }}</div>
            <div><div class="text-xs text-slate-500 uppercase">{{ __('Submitted') }}</div>{{ $demo->created_at->diffForHumans() }}</div>
            <div><div class="text-xs text-slate-500 uppercase">{{ __('IP') }}</div><code class="text-xs">{{ $demo->ip ?? '—' }}</code></div>
        </div>

        @if($demo->message)
            <div>
                <div class="text-xs text-slate-500 uppercase mb-1">{{ __('Message') }}</div>
                <div class="rounded-xl bg-slate-50 dark:bg-slate-800/50 p-4 whitespace-pre-wrap">{{ $demo->message }}</div>
            </div>
        @endif
    </div>

    <div class="space-y-4">
        <div class="card card-pad">
            <div class="text-xs text-slate-500 uppercase mb-2">{{ __('Status') }}</div>
            <span class="{{ $demo->statusBadge() }} text-base">{{ ucfirst($demo->status) }}</span>

            <form method="POST" action="{{ route('super-admin.demos.status', $demo) }}" class="mt-4 space-y-2">
                @csrf @method('PATCH')
                <select name="status" class="form-select">
                    @foreach(\App\Models\DemoBooking::STATUSES as $s)
                        <option value="{{ $s }}" @selected($demo->status === $s)>{{ ucfirst($s) }}</option>
                    @endforeach
                </select>
                <button class="btn-primary w-full text-sm"><x-icon name="check" class="w-4 h-4"/> {{ __('Update status') }}</button>
            </form>
        </div>

        <form method="POST" action="{{ route('super-admin.demos.destroy', $demo) }}" onsubmit="return confirm('{{ __('Delete this booking?') }}')">
            @csrf @method('DELETE')
            <button class="btn-danger w-full text-sm"><x-icon name="trash" class="w-4 h-4"/> {{ __('Delete booking') }}</button>
        </form>
    </div>
</div>
@endsection