@extends('layouts.admin.base')

@section('page.title', isset($review) ? "Édition d'un avis client" : "Création d'un avis client")

@section('page.content')
    <div class="flex mb-4">
        <a href="{{ route('admin.reviews.list') }}" class="px-3 py-1 text-sm bg-gray-600 text-white rounded shadow"><i class="bi bi-arrow-left"></i> Retour</a>

        @isset($review)
            <a href="{{ route('admin.reviews.delete', ['review' => $review]) }}" class="px-3 py-1 text-sm bg-red-600 text-white rounded shadow ml-2">Supprimer</a>
        @endisset
    </div>

    <form class="grid grid-cols-1 md:grid-cols-3 gap-4" method="POST" action="{{ isset($review) ? route('admin.reviews.update', ['review' => $review]) : route('admin.reviews.store') }}">
        @csrf
        <div class="md:col-span-2 grid gap-4 mb-auto">
            <div class="bg-slate-50 border rounded shadow-sm p-4 flex flex-col gap-4">
                @include('components.forms.inputs.classic-light', [
                    'id' => 'reviewer_name',
                    'label' => 'Identité',
                    'placeholder' => 'Nom du comentateur',
                    'value' => $review->reviewer_name ?? null
                ])

                @include('components.forms.inputs.classic-light', [
                    'id' => 'review_url',
                    'label' => 'URL du commentaire',
                    'placeholder' => 'https://...',
                    'value' => $review->review_url ?? null
                ])

                @include('components.forms.inputs.select-light', [
                    'id' => 'site',
                    'label' => 'Site',
                    'value' => $review->site ?? null,
                    'options' => [
                        [
                            'label' => 'Anse',
                            'value' => 'anse'
                        ],
                        [
                            'label' => 'Villefranche-sur-saône',
                            'value' => 'villefranche'
                        ]
                    ]
                ])

                <div class="grid md:grid-cols-2 gap-4">
                    @include('components.forms.inputs.classic-light', [
                        'id' => 'published_at',
                        'type' => 'date',
                        'label' => 'Date du commentaire',
                        'placeholder' => 'Date',
                        'value' => isset($review) ? $review->published_at->format('Y-m-d') : null
                    ])

                    @include('components.forms.inputs.select-light', [
                        'id' => 'mark',
                        'label' => 'Note',
                        'value' => $review->mark ?? 5,
                        'options' => [
                            1, 2, 3, 4, 5
                        ]
                    ])
                </div>

                @include('components.forms.inputs.textarea-light', [
                    'id' => 'message',
                    'label' => 'Message',
                    'placeholder' => 'Message du commentaire',
                    'value' => $review->message ?? null
                ])
            </div>
        </div>
        <div class="grid gap-4 mb-auto">
            <div class="bg-slate-50 border rounded shadow-sm p-4">
                <p class="font-serif mb-4">Avatar du commentateur</p>
                @include('components.forms.inputs.image', [
                    'id' => 'avatar_id',
                    'image_id' => $review->avatar->id ?? null,
                    'image_url' => $review->avatar->url_optimized ?? null,
                ])
            </div>
        </div>

        {{-- Bottom --}}
        <div class="md:col-span-3 border-t mt-4 pt-4 flex">
            <button type="submit" class="bg-green-500 text-white px-3 py-1 rounded shadow">Sauvegarder</button>
        </div>
    </form>
@endsection