@extends('layouts.admin')

@section('title', 'Add Demographics Option')
@section('header', 'Add Option')

@section('content')
<div class="max-w-xl">
    <form action="{{ route('admin.demographics.store') }}" method="POST">
        @csrf
        <div class="card">
            <div class="card-body space-y-4">
                <div class="form-group">
                    <label class="form-label">Type</label>
                    <select name="type" class="form-select" required>
                        <option value="department">Department</option>
                        <option value="tenure">Tenure</option>
                        <option value="job_level">Job Level</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Value (key)</label>
                    <input type="text" name="value" class="form-input" required placeholder="e.g., hr_dept">
                </div>
                <div class="form-group">
                    <label class="form-label">Label (display)</label>
                    <input type="text" name="label" class="form-input" required placeholder="e.g., Human Resources">
                </div>
                <div class="form-group">
                    <label class="form-label">Sort Order</label>
                    <input type="number" name="sort_order" class="form-input" value="0">
                </div>
            </div>
            <div class="card-footer flex justify-between">
                <a href="{{ route('admin.demographics.index') }}" class="btn-ghost">Cancel</a>
                <button type="submit" class="btn-primary">Save</button>
            </div>
        </div>
    </form>
</div>
@endsection