<x-app-layout>
    <x-slot name="header">
        <div>
            <p class="text-sm font-semibold uppercase tracking-wide text-blue-600 dark:text-blue-400">Trade Journal</p>
            <h2 class="mt-1 text-2xl font-bold text-slate-950 dark:text-white">Add Trade</h2>
        </div>
    </x-slot>

    <div class="max-w-4xl rounded-lg border border-blue-100 dark:border-blue-900/50 bg-white dark:bg-slate-900 p-6 shadow-sm vt-card-motion">
        @include('trades.partials.form', [
            'trade' => null,
            'action' => route('trades.store'),
            'method' => 'POST',
            'buttonText' => 'Save Trade',
        ])
    </div>
</x-app-layout>
