@extends('layouts.app')

@section('content')
<div id="kt_app_content" class="app-content flex-column-fluid">
    <div id="kt_app_content_container" class="app-container container-xxl">
        <div class="card">
            <form action="{{ route('measurements.update', ['measurement' => $measurement]) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="card-header pt-7">
                    <div class="card-title">
                        <h2>{{ __('measurements.edit') }}</h2>
                    </div>
                </div>
                <div class="card-body pt-5">
                    <div class="row row-cols-1 row-cols-md-2">
                        <div class="col">
                            <div class="fv-row mb-7">
                                <label class="fs-6 fw-semibold form-label">{{ __('common.customer') }}</label>
                                <input type="text" class="form-control form-control-solid" value="{{ $measurement->customer?->first_name }} {{ $measurement->customer?->last_name }}" disabled>
                            </div>
                        </div>
                        <div class="col">
                            <div class="fv-row mb-7">
                                <label class="required fs-6 fw-semibold form-label">{{ __('common.date') }}</label>
                                <input type="date" name="date" class="form-control form-control-solid" value="{{ old('date', $measurement->date?->format('Y-m-d')) }}">
                            </div>
                        </div>
                    </div>

                    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4">
                        @foreach($measurement->clothType->measureTypes as $measureType)
                            @php
                                $existing = $measurement->items->firstWhere('cloth_measure_type_id', $measureType->id);
                            @endphp
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-semibold form-label mt-3">{{ $measureType->title }}</label>
                                    <div class="input-group input-group-solid">
                                        <input
                                            type="number"
                                            step="0.01"
                                            class="form-control"
                                            name="measurements[{{ $measureType->id }}]"
                                            value="{{ old('measurements.' . $measureType->id, $existing?->value) }}"
                                        />
                                        <span class="input-group-text">{{ $measureType->unit?->name ?? 'cm' }}</span>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>

                    <div class="fv-row mb-7">
                        <label class="fs-6 fw-semibold form-label">{{ __('messages.note') }}</label>
                        <textarea class="form-control form-control-solid" name="note">{{ old('note', $measurement->note) }}</textarea>
                    </div>
                </div>
                <div class="card-footer d-flex justify-content-end py-6 px-9">
                    <a href="{{ route('measurements.show', ['measurement' => $measurement]) }}" class="btn btn-light btn-active-light-primary me-2">{{ __('common.cancel') }}</a>
                    <button type="submit" class="btn btn-primary">{{ __('common.update') }}</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection