@extends('layouts.admin')

@section('title', 'Edit Client — OAH')

@section('content')
<x-admin.nav :show-title="false" />

<div class="mx-auto max-w-[min(100%,92rem)] px-4 pt-8 pb-16 sm:px-6 sm:pt-10">
    <div class="mb-6">
        <a href="{{ route('admin.dashboard') }}" class="text-sm font-semibold text-oah-muted hover:text-oah-black">
            ← Back to clients
        </a>
    </div>

    <div class="rounded-2xl border border-neutral-200 bg-white shadow-oah overflow-hidden">
        <div class="border-b border-neutral-100 px-5 pt-8 pb-6 sm:px-8 sm:pt-10">
            <h1 class="text-xl font-extrabold uppercase tracking-tight text-oah-black sm:text-2xl">Edit client</h1>
            <p class="mt-1 text-sm text-oah-muted">{{ $client->name }}</p>
        </div>

        <div class="px-5 py-8 sm:px-8">
            @if ($errors->any())
                <x-oah.alert type="error" class="!mt-0 mb-6">
                    <ul class="space-y-1">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
                </x-oah.alert>
            @endif

            @include('admin.clients._form', [
                'client' => $client,
                'formAction' => route('admin.clients.update', $client),
                'submitLabel' => 'Update client',
                'productCount' => $productCount,
                'catalogProducts' => $catalogProducts,
            ])
        </div>
    </div>
</div>
@endsection