@extends('layouts.nova.content-layout')

@section('page-content')
<div class="max-w-3xl">
    <h2 class="text-xl font-semibold text-white mb-2">Submission</h2>

    <div class="rounded-lg border border-neutral-800 bg-nova-900 p-6">
        <dl class="grid grid-cols-1 gap-4 text-sm text-neutral-300">
            <div>
                <dt class="text-neutral-400">Topic</dt>
                <dd>{{ ucfirst($item->topic) }}</dd>
            </div>
            <div>
                <dt class="text-neutral-400">Name</dt>
                <dd>{{ $item->name }}</dd>
            </div>
            <div>
                <dt class="text-neutral-400">Email</dt>
                <dd>{{ $item->email }}</dd>
            </div>
            <div>
                <dt class="text-neutral-400">Portfolio</dt>
                <dd>{{ $item->portfolio }}</dd>
            </div>
            <div>
                <dt class="text-neutral-400">Message</dt>
                <dd class="whitespace-pre-line">{{ $item->message }}</dd>
            </div>
            <div>
                <dt class="text-neutral-400">Received</dt>
                <dd>{{ $item->created_at->toDayDateTimeString() }}</dd>
            </div>
        </dl>
    </div>
</div>
@endsection