<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            Add parent
        </h2>
    </x-slot>

    <div class="py-6">
        <div class="max-w-3xl mx-auto sm:px-6 lg:px-8">
            <div class="rounded-lg border bg-white p-6 shadow-sm">

                <form method="POST" action="{{ route('admin.parents.store') }}" class="space-y-4">
                    @csrf

                    @include('admin.parents.partials.form', ['parent' => null])

                    <div class="flex justify-end gap-2">
                        <a href="{{ route('admin.parents.index') }}"
                           class="rounded-md border px-4 py-2 text-sm">
                            Cancel
                        </a>
                        <button class="rounded-md bg-gray-900 px-4 py-2 text-white text-sm">
                            Create
                        </button>
                    </div>
                </form>

            </div>
        </div>
    </div>
</x-app-layout>
