@extends('layouts.admin.base')

@section('page.title', "Textes - Taille des boxes")

@section('page.content')
<form method="POST" action="{{ route('admin.settings.texts.box-size') }}" class="grid md:grid-cols-2 gap-4 px-4 sm:px-0">
    @csrf

    <div class="md:col-span-2 flex flex-col gap-2">
        <p>Vous pouvez ici modifier les messages d'aide pour l'étape "Taille du box", cela permettra aux clients de mieux choisir leur box.</p>

        <div class="flex items-center flex-wrap">
            @include("components.quiz.public.buttons.default", [
                'type' => 'submit',
                'label' => 'Sauvegarder'
            ])
        </div>
    </div>

    <div class="p-4 bg-white border border-neutral-200 rounded-xl flex flex-col gap-4">
        <p class="text-2xl font-semibold">Particuliers</p>

        @include("components.forms.inputs.textarea-light", [
            'id' => 'box_size_xs_particulier',
            'label' => "Box de taille XS",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_xs_particulier")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_s_particulier',
            'label' => "Box de taille S",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_s_particulier")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_m_particulier',
            'label' => "Box de taille M",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_m_particulier")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_l_particulier',
            'label' => "Box de taille L",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_l_particulier")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_xl_particulier',
            'label' => "Box de taille L",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_xl_particulier")->first()?->value ?? null,
        ])
    </div>
    <div class="p-4 bg-white border border-neutral-200 rounded-xl flex flex-col gap-4">
        <p class="text-2xl font-semibold">Professionnels</p>

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_xs_professionnel',
            'label' => "Box de taille XS",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_xs_professionnel")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_s_professionnel',
            'label' => "Box de taille S",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_s_professionnel")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_m_professionnel',
            'label' => "Box de taille M",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_m_professionnel")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_l_professionnel',
            'label' => "Box de taille L",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_l_professionnel")->first()?->value ?? null,
        ])

        @include('components.forms.inputs.textarea-light', [
            'id' => 'box_size_xl_professionnel',
            'label' => "Box de taille L",
            'rows' => 3,
            'value' => \App\Models\Text::where('identifier', "box_size_xl_professionnel")->first()?->value ?? null,
        ])
    </div>
</form>
@endsection