@extends('layouts.admin')

@section('title', 'New Product — OAH')

@section('content')
<x-admin.nav :show-title="false" />

<div class="mx-auto max-w-[min(100%,92rem)] px-4 pt-8 pb-16 sm:px-6 sm:pt-10">
    <div class="mb-6">
        <a href="{{ route('admin.products.index') }}" class="text-sm font-semibold text-oah-muted hover:text-oah-black">
            ← Back to products
        </a>
    </div>

    <div class="mx-auto max-w-2xl rounded-2xl border border-neutral-200 bg-white shadow-oah overflow-hidden">
        <div class="border-b border-neutral-100 px-5 pt-8 pb-6 sm:px-8 sm:pt-10">
            <h1 class="text-xl font-extrabold uppercase tracking-tight text-oah-black sm:text-2xl">New product</h1>
        </div>

        <div class="px-5 py-8 sm:px-8">
            @if ($errors->any())
                <x-oah.alert type="error" class="!mt-0 mb-6">
                    <ul class="space-y-1">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
                </x-oah.alert>
            @endif

            @include('admin.products._form', [
                'formAction' => route('admin.products.store'),
                'submitLabel' => 'Create product',
            ])
        </div>
    </div>
</div>
@endsection