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

    <div class="pb-12">
        <div class="w-full px-6">
            <form method="POST" action="{{ route('tasks.store') }}" class="bg-white border border-gray-200 rounded-xl p-6">
                @csrf
                @include('tasks._form')

                <div class="mt-6 flex items-center justify-end gap-3">
                    <a href="{{ route('tasks.index') }}" class="px-4 py-2 text-sm text-gray-700">Cancel</a>
                    <button type="submit" class="inline-flex items-center rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500">Create</button>
                </div>
            </form>
        </div>
    </div>
</x-app-layout>
