@extends('layouts.admin')
@section('title', 'Edit Measurement Template')
@section('page-title', 'Edit Measurement Template')
@section('content')
<div class="max-w-3xl">
    <form action="{{ route('measurement-templates.update', $template) }}" method="POST" class="space-y-6 rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @csrf
        @method('PUT')
        <div class="grid gap-6 sm:grid-cols-2">
            <div class="sm:col-span-2">
                <label for="template_name" class="block text-sm font-medium text-slate-700">Template name *</label>
                <input type="text" name="template_name" id="template_name" value="{{ old('template_name', $template->template_name) }}" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div>
                <label for="garment_type" class="block text-sm font-medium text-slate-700">Garment type *</label>
                <select name="garment_type" id="garment_type" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    @foreach(\App\Models\MeasurementTemplate::GARMENT_TYPES as $gt)<option value="{{ $gt }}" {{ old('garment_type', $template->garment_type) === $gt ? 'selected' : '' }}>{{ $gt }}</option>@endforeach
                </select>
            </div>
            <div>
                <label for="status" class="block text-sm font-medium text-slate-700">Status</label>
                <select name="status" id="status" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                    <option value="active" {{ old('status', $template->status) === 'active' ? 'selected' : '' }}>Active</option>
                    <option value="inactive" {{ old('status', $template->status) === 'inactive' ? 'selected' : '' }}>Inactive</option>
                </select>
            </div>
            <div class="sm:col-span-2">
                <label for="description" class="block text-sm font-medium text-slate-700">Description</label>
                <textarea name="description" id="description" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">{{ old('description', $template->description) }}</textarea>
            </div>
        </div>

        <div class="border-t border-slate-200 pt-6">
            <h3 class="text-sm font-semibold text-slate-800 mb-3">Measurement fields</h3>
            @foreach($template->fields as $index => $field)
            <div class="mb-4 flex flex-wrap items-end gap-3 rounded-lg border border-slate-100 bg-slate-50 p-3">
                <input type="hidden" name="fields[{{ $index }}][id]" value="{{ $field->id }}">
                <div class="w-full sm:w-48">
                    <label class="block text-xs text-slate-500">Field name</label>
                    <input type="text" name="fields[{{ $index }}][field_name]" value="{{ old('fields.'.$index.'.field_name', $field->field_name) }}" required class="mt-1 block w-full rounded border border-slate-300 px-2 py-1 text-sm">
                </div>
                <div class="w-full sm:w-48">
                    <label class="block text-xs text-slate-500">Label</label>
                    <input type="text" name="fields[{{ $index }}][label]" value="{{ old('fields.'.$index.'.label', $field->label) }}" required class="mt-1 block w-full rounded border border-slate-300 px-2 py-1 text-sm">
                </div>
                <div>
                    <label class="block text-xs text-slate-500">Type</label>
                    <select name="fields[{{ $index }}][input_type]" class="mt-1 block w-full rounded border border-slate-300 px-2 py-1 text-sm">
                        @foreach(\App\Models\MeasurementTemplateField::INPUT_TYPES as $it)<option value="{{ $it }}" {{ old('fields.'.$index.'.input_type', $field->input_type) === $it ? 'selected' : '' }}>{{ $it }}</option>@endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-xs text-slate-500">Unit</label>
                    <input type="text" name="fields[{{ $index }}][unit]" value="{{ old('fields.'.$index.'.unit', $field->unit) }}" class="mt-1 block w-24 rounded border border-slate-300 px-2 py-1 text-sm">
                </div>
                <div>
                    <label class="block text-xs text-slate-500">Order</label>
                    <input type="number" name="fields[{{ $index }}][sort_order]" value="{{ old('fields.'.$index.'.sort_order', $field->sort_order) }}" min="0" class="mt-1 block w-16 rounded border border-slate-300 px-2 py-1 text-sm">
                </div>
                <div class="flex items-center">
                    <label class="flex items-center gap-1 text-sm"><input type="checkbox" name="fields[{{ $index }}][is_required]" value="1" {{ old('fields.'.$index.'.is_required', $field->is_required) ? 'checked' : '' }}> Required</label>
                </div>
            </div>
            @endforeach
        </div>

        <div class="flex gap-3">
            <button type="submit" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Update Template</button>
            <a href="{{ route('measurement-templates.index') }}" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</a>
        </div>
    </form>
</div>
@endsection