@php
    $fieldTypes = \App\Models\AdmissionFormField::FIELD_TYPES;
    $optionsValue = old('options');
    if (is_array($optionsValue)) {
        $optionsValue = implode("\n", $optionsValue);
    } elseif ($optionsValue === null && $field) {
        $optionsValue = implode("\n", (array) $field->options);
    }
@endphp

<div>
    <label class="label">Label</label>
    <input type="text" name="label" value="{{ old('label', $field?->label) }}" required class="input" placeholder="Full name of child">
</div>

<div>
    <label class="label">Field Key (name)</label>
    <input type="text" name="name" value="{{ old('name', $field?->name) }}" required class="input font-mono" placeholder="child_full_name">
    <p class="mt-0.5 text-[11px] text-gray-400">Lowercase letters, numbers and underscores only. Used in emails and reports.</p>
</div>

<div>
    <label class="label">Type</label>
    <select name="type" class="input" required>
        @foreach ($fieldTypes as $value => $label)
            <option value="{{ $value }}" {{ old('type', $field?->type) === $value ? 'selected' : '' }}>{{ $label }}</option>
        @endforeach
    </select>
</div>

<div>
    <label class="label">Placeholder</label>
    <input type="text" name="placeholder" value="{{ old('placeholder', $field?->placeholder) }}" class="input">
</div>

<div class="sm:col-span-2">
    <label class="label">Help Text</label>
    <input type="text" name="help_text" value="{{ old('help_text', $field?->help_text) }}" class="input">
</div>

<div class="sm:col-span-2">
    <label class="label">Options (one per line — for dropdown, radio or checkbox)</label>
    <textarea name="options[]" rows="3" class="input font-mono">{{ old('options', $optionsValue) }}</textarea>
</div>

<div class="flex flex-wrap gap-6 sm:col-span-2">
    <label class="flex items-center gap-2 text-sm text-gray-700">
        <input type="hidden" name="is_required" value="0">
        <input type="checkbox" name="is_required" value="1" {{ old('is_required', $field?->is_required ? '1' : '0') == '1' ? 'checked' : '' }} class="rounded border-gray-300 text-primary-600 focus:ring-primary-500">
        Required
    </label>
    <label class="flex items-center gap-2 text-sm text-gray-700">
        <input type="hidden" name="is_core" value="0">
        <input type="checkbox" name="is_core" value="1" {{ old('is_core', $field?->is_core ? '1' : '0') == '1' ? 'checked' : '' }} class="rounded border-gray-300 text-primary-600 focus:ring-primary-500">
        Core field (indexed for decisions &amp; reports)
    </label>
</div>