@extends('layouts.public.cart')

@php
    if ($cart->items->count() <= 0) {
        return redirect(route('cart'))->send();
    }
@endphp

@section('cart.content')
<form action="{{ route('cart.update') }}" method="POST" id="cart-form">
    @csrf

    <p class="text-gray-500 mb-4 text-sm">Les champs avec une astérisque (*) sont obligatoires.</p>

    @if ($errors->any())
        <div class="my-4 bg-red-500/30 border border-red-500/50 shadow-sm p-4 rounded">
            <ul class="list-inside list-disc">
                @foreach ($errors->all() as $error)
                    <li>{!! $error !!}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="bg-gray-50 rounded-xl shadow-sm p-4 border">
        <h2 class="text-2xl mb-2">Coordonnées</h2>
        <div class="grid md:grid-cols-2 gap-y-2 gap-x-4">
            @include('components.forms.inputs.classic-light', [
                'id' => 'email',
                'label' => 'Email',
                'placeholder' => 'Email du destinataire',
                'value' => $cart->email ?? null,
                'required' => true,
            ])
            @include('components.forms.inputs.classic-light', [
                'id' => 'phone',
                'label' => 'Numéro de téléphone',
                'placeholder' => 'Téléphone du destinataire',
                'value' => $cart->phone ?? null,
                'maxLength' => 10,
                'required' => true,
            ])
        </div>

        <div class="my-4 border border-dashed"></div>

        <h2 class="text-2xl mb-2">Facturation</h2>
        <div id="billing-informations">
            <div class="grid md:grid-cols-3 gap-y-2 gap-x-4">
                <div class="md:col-span-3">
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'address_billing_firstname',
                        'old' => 'address.billing.firstname',
                        'name' => 'address[billing][firstname]',
                        'label' => 'Prénom',
                        'placeholder' => 'Prénom de la facture',
                        'value' => $cart->billing_address->firstname ?? null,
                        'required' => true,
                    ])
                </div>
                <div class="md:col-span-3">
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'address_billing_lastname',
                        'old' => 'address.billing.lastname',
                        'name' => 'address[billing][lastname]',
                        'label' => 'Nom de famille',
                        'placeholder' => 'Nom du famille de la facture',
                        'value' => $cart->billing_address->lastname ?? null,
                        'required' => true,
                    ])
                </div>
                <div class="md:col-span-3">
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'billing_street',
                        'name' => 'address[billing][street]',
                        'label' => 'Rue',
                        'placeholder' => 'Rue',
                        'value' => $cart->billing_address->street ?? null,
                        'required' => true,
                    ])
                </div>
                @include('components.forms.inputs.classic-light', [
                    'id' => 'billing_post_code',
                    'name' => 'address[billing][post_code]',
                    'label' => 'Code postal',
                    'placeholder' => 'Code postal',
                    'value' => $cart->billing_address->post_code ?? null,
                    'required' => true,
                ])
                <div class="w-full md:col-span-2">
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'billing_city',
                        'name' => 'address[billing][city]',
                        'label' => 'Ville',
                        'placeholder' => 'Ville',
                        'value' => $cart->billing_address->city ?? null,
                        'required' => true,
                    ])
                </div>
            </div>
        </div>

        <div class="my-4 border border-dashed"></div>

        <h2 class="text-2xl mb-2">Livraison</h2>
        <p class="text-gray-600">Vous pouvez selectionner un de nos centres où récupérer votre commande.</p>
        <div class="grid md:grid-cols-2 gap-4 mt-4">
            @forelse (\App\Models\DeliveryCenter::all() as $deliveryCenter)
                <div class="w-full flex flex-col items-center justify-center bg-white rounded border shadow-sm p-4">
                    @include('components.forms.inputs.radio', [
                        'id' => 'delivery_center_'.$deliveryCenter->slug,
                        'label' => $deliveryCenter->title,
                        'name' => 'delivery_center_id',
                        'value' => $deliveryCenter->id,
                        'required' => true,
                        'checked' => $cart->delivery_center_id == $deliveryCenter->id
                    ])
                    <a class="text-center text-sm text-gray-500 mt-2 underline" href="https://maps.google.com/maps?q={{ $deliveryCenter->address->longitude }},{{ $deliveryCenter->address->latitude }}" target="_blank" rel="noopener noreferrer">
                        {{ $deliveryCenter->address->summary }}
                    </a>
                </div>
            @empty
                <p>Aucun centre n'a été défini...</p>
            @endforelse
        </div>
    </div>
</form>
@endsection