@extends('layouts.admin')
@section('title', 'Measurements - ' . $customer->full_name)
@section('page-title', 'Measurements')
@section('content')
<div class="space-y-4">
    <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>
            <p class="text-slate-500 text-sm">Customer code: {{ $customer->customer_code }}</p>
        </div>
        @can('create measurements')
        <a href="{{ route('customers.measurement-profiles.create', $customer) }}" class="rounded-lg bg-slate-800 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">Add Measurement Profile</a>
        @endcan
    </div>
    <div class="rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
        <a href="{{ route('customers.measurement-profiles.compare', $customer) }}" class="text-sm text-slate-600 hover:text-slate-900">Compare two or more profiles</a>
    </div>
    <div class="overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm">
        <ul class="divide-y divide-slate-200">
            @forelse($profiles as $profile)
            <li class="flex flex-wrap items-center justify-between gap-3 p-4">
                <div>
                    <span class="font-medium text-slate-800">{{ $profile->measurementTemplate->template_name }}</span>
                    <span class="text-slate-500 text-sm"> — v{{ $profile->version }} · {{ $profile->date_taken->format('d M Y') }}</span>
                    @if($profile->measuredByUser)<span class="text-slate-500 text-sm"> by {{ $profile->measuredByUser->name }}</span>@endif
                </div>
                <div class="flex gap-2">
                    <a href="{{ route('customers.measurement-profiles.show', [$customer, $profile]) }}" class="rounded-lg border border-slate-300 bg-white px-3 py-1.5 text-sm text-slate-700 hover:bg-slate-50">View</a>
                    @can('edit measurements')<a href="{{ route('customers.measurement-profiles.edit', [$customer, $profile]) }}" class="rounded-lg border border-slate-300 bg-white px-3 py-1.5 text-sm text-slate-700 hover:bg-slate-50">Edit</a>@endcan
                    @can('create measurements')<a href="{{ route('customers.measurement-profiles.create', ['customer' => $customer, 'from' => $profile->id]) }}" class="rounded-lg border border-slate-300 bg-white px-3 py-1.5 text-sm text-slate-700 hover:bg-slate-50">Reuse</a>@endcan
                    <form action="{{ route('customers.measurement-profiles.destroy', [$customer, $profile]) }}" method="POST" class="inline" onsubmit="return confirm('Delete this profile?');">@csrf @method('DELETE')<button type="submit" class="text-red-600 hover:text-red-800 text-sm">Delete</button></form>
                </div>
            </li>
            @empty
            <li class="px-4 py-8 text-center text-slate-500">No measurement profiles yet. <a href="{{ route('customers.measurement-profiles.create', $customer) }}" class="text-slate-800 underline">Add one</a></li>
            @endforelse
        </ul>
        @if($profiles->hasPages())<div class="border-t border-slate-200 px-4 py-3">{{ $profiles->links() }}</div>@endif
    </div>
</div>
@endsection