@extends('layouts.admin')

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

@section('content')
<div class="max-w-xl">
    <form action="{{ route('admin.demographics.update', $demographic) }}" method="POST">
        @csrf
        @method('PUT')
        <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" {{ $demographic->type == 'department' ? 'selected' : '' }}>Department</option>
                        <option value="tenure" {{ $demographic->type == 'tenure' ? 'selected' : '' }}>Tenure</option>
                        <option value="job_level" {{ $demographic->type == 'job_level' ? 'selected' : '' }}>Job Level</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">Value (key)</label>
                    <input type="text" name="value" class="form-input" value="{{ $demographic->value }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">Label (display)</label>
                    <input type="text" name="label" class="form-input" value="{{ $demographic->label }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">Sort Order</label>
                    <input type="number" name="sort_order" class="form-input" value="{{ $demographic->sort_order }}">
                </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">Update</button>
            </div>
        </div>
    </form>
</div>
@endsection