@extends('admin.layouts.app')

@section('title', 'New Booking Type')
@section('page_title', 'New Booking Type')

@section('content')
    <form method="POST" action="{{ route('admin.booking.types.store') }}" class="max-w-xl space-y-4 rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        <div>
            <label class="mb-1 block text-sm font-medium">Name</label>
            <input type="text" name="name" class="w-full rounded-lg border px-3 py-2 text-sm" required>
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">Duration (minutes)</label>
            <input type="number" name="duration_minutes" value="30" class="w-full rounded-lg border px-3 py-2 text-sm" required>
        </div>
        <div>
            <label class="mb-1 block text-sm font-medium">Description</label>
            <textarea name="description" rows="2" class="w-full rounded-lg border px-3 py-2 text-sm"></textarea>
        </div>
        <button type="submit" class="rounded-lg bg-slate-900 px-4 py-2 text-sm text-white">Create</button>
    </form>
@endsection