@extends('layouts.admin')
@section('title', 'Edit Measurement - ' . $customer->full_name)
@section('page-title', 'Edit Measurement')
@section('content')
<div class="max-w-3xl">
    <div class="mb-4"><a href="{{ route('customers.measurement-profiles.show', [$customer, $measurement_profile]) }}" class="text-sm text-slate-600 hover:text-slate-900">&larr; {{ $measurement_profile->measurementTemplate->template_name }} v{{ $measurement_profile->version }}</a></div>
    <form action="{{ route('customers.measurement-profiles.update', [$customer, $measurement_profile]) }}" 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-4 sm:grid-cols-2">
            <div>
                <label for="date_taken" class="block text-sm font-medium text-slate-700">Date taken *</label>
                <input type="date" name="date_taken" id="date_taken" value="{{ old('date_taken', $measurement_profile->date_taken->format('Y-m-d')) }}" required class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
            </div>
            <div class="sm:col-span-2">
                <label for="notes" class="block text-sm font-medium text-slate-700">Notes</label>
                <textarea name="notes" id="notes" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">{{ old('notes', $measurement_profile->notes) }}</textarea>
            </div>
            <div class="sm:col-span-2">
                <label for="fitting_remarks" class="block text-sm font-medium text-slate-700">Fitting remarks</label>
                <textarea name="fitting_remarks" id="fitting_remarks" rows="2" class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">{{ old('fitting_remarks', $measurement_profile->fitting_remarks) }}</textarea>
            </div>
        </div>
        <div class="border-t border-slate-200 pt-6">
            <h3 class="text-sm font-semibold text-slate-800 mb-3">Measurements</h3>
            <div class="grid gap-4 sm:grid-cols-2">
                @foreach($measurement_profile->measurementTemplate->fields as $field)
                @php $val = $measurement_profile->values->firstWhere('measurement_template_field_id', $field->id); @endphp
                <div>
                    <label for="val_{{ $field->id }}" class="block text-sm font-medium text-slate-700">{{ $field->label }}{{ $field->is_required ? ' *' : '' }} @if($field->unit)<span class="text-slate-500">({{ $field->unit }})</span>@endif</label>
                    <input type="{{ $field->input_type === 'decimal' ? 'number' : $field->input_type }}" step="{{ $field->input_type === 'decimal' ? '0.01' : '1' }}" name="values[{{ $field->id }}]" id="val_{{ $field->id }}" value="{{ old('values.'.$field->id, $val?->value) }}" {{ $field->is_required ? 'required' : '' }} class="mt-1 block w-full rounded-lg border border-slate-300 shadow-sm sm:text-sm">
                </div>
                @endforeach
            </div>
        </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</button>
            <a href="{{ route('customers.measurement-profiles.show', [$customer, $measurement_profile]) }}" 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