@extends('layouts.admin')
@section('title', $field->exists ? 'Edit Checkout Field' : 'New Checkout Field')
@section('content')
<h1 class="text-2xl font-bold mb-6">{{ $field->exists ? 'Edit' : 'New' }} Checkout Field</h1>
<form method="POST" action="{{ $field->exists ? route('admin.checkout-fields.update', $field) : route('admin.checkout-fields.store') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-4 max-w-lg">
@csrf @if($field->exists) @method('PUT') @endif
<div><label class="text-sm font-medium">Label</label><input name="label" value="{{ old('label', $field->label) }}" required class="w-full border rounded-lg px-3 py-2 mt-1"></div>
<div><label class="text-sm font-medium">Type</label><select name="type" class="w-full border rounded-lg px-3 py-2 mt-1">
@foreach(['text','email','tel','textarea','select','checkbox'] as $t)<option value="{{ $t }}" {{ $field->type === $t ? 'selected' : '' }}>{{ $t }}</option>@endforeach
</select></div>
<div><label class="text-sm font-medium">Options (comma-separated, for select type)</label><input name="options" value="{{ old('options', implode(',', $field->options ?? [])) }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
<div><label class="text-sm font-medium">Sort Order</label><input type="number" name="sort_order" value="{{ old('sort_order', $field->sort_order) }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
<label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_required" value="1" {{ old('is_required', $field->is_required) ? 'checked' : '' }}> Required</label>
<label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_active" value="1" {{ old('is_active', $field->id ? $field->is_active : true) ? 'checked' : '' }}> Active</label>
<button class="bg-brand text-white px-6 py-2 rounded-lg font-semibold">Save</button>
</form>
@endsection