@extends('layouts.dashboard')

@section('content')
<div class="max-w-3xl mx-auto p-6">
    <div class="rounded-3xl bg-white border border-gray-200 shadow-sm p-6">
        <h1 class="text-3xl font-black mb-6">+ Add Area</h1>

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

            <input name="name" class="input input-bordered bg-white text-black w-full" placeholder="Area Name" required>
            <input name="sort_order" type="number" class="input input-bordered bg-white text-black w-full" placeholder="Sort Order" value="0">

            <label class="label cursor-pointer justify-start gap-3">
                <input type="checkbox" name="is_active" value="1" class="checkbox checkbox-primary" checked>
                <span class="label-text">Active</span>
            </label>

            <button class="btn btn-primary w-full">Save Area</button>
        </form>
    </div>
</div>
@endsection