@extends('layouts.admin')
@section('title', 'Measurement - ' . $customer->full_name)
@section('page-title', 'Measurement Profile')
@section('content')
<div class="max-w-3xl space-y-6">
    <div class="flex flex-wrap items-center justify-between gap-4">
        <div>
            <a href="{{ route('customers.show', $customer) }}" class="text-sm text-slate-600 hover:text-slate-900">&larr; {{ $customer->full_name }}</a>
            <h1 class="text-lg font-semibold text-slate-800 mt-1">{{ $measurement_profile->measurementTemplate->template_name }} — Version {{ $measurement_profile->version }}</h1>
            <p class="text-sm text-slate-500">Taken: {{ $measurement_profile->date_taken->format('d M Y') }}@if($measurement_profile->measuredByUser) · By {{ $measurement_profile->measuredByUser->name }}@endif</p>
        </div>
        <div class="flex gap-2">
            @can('edit measurements')<a href="{{ route('customers.measurement-profiles.edit', [$customer, $measurement_profile]) }}" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Edit</a>@endcan
            <a href="{{ route('customers.measurement-profiles.index', $customer) }}" class="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">All profiles</a>
        </div>
    </div>
    <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        <h2 class="text-sm font-semibold text-slate-800 mb-4">Values</h2>
        <dl class="grid gap-3 sm:grid-cols-2">
            @foreach($measurement_profile->measurementTemplate->fields as $field)
            <div>
                <dt class="text-sm font-medium text-slate-500">{{ $field->label }} @if($field->unit)<span class="text-slate-400">({{ $field->unit }})</span>@endif</dt>
                <dd class="mt-0.5 text-sm font-medium text-slate-800">{{ $measurement_profile->getValueByFieldId($field->id) ?? '-' }}</dd>
            </div>
            @endforeach
        </dl>
    </div>
    @if($measurement_profile->notes || $measurement_profile->fitting_remarks)
    <div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
        @if($measurement_profile->notes)<p class="text-sm"><span class="font-medium text-slate-600">Notes:</span> {{ $measurement_profile->notes }}</p>@endif
        @if($measurement_profile->fitting_remarks)<p class="text-sm mt-2"><span class="font-medium text-slate-600">Fitting remarks:</span> {{ $measurement_profile->fitting_remarks }}</p>@endif
    </div>
    @endif
</div>
@endsection