ldc-loue/resources/views/back/engagements/form.blade.php

<div class="row">
    <div class="col">
        <fieldset class="border p-3 mb-3">
            <legend>{{ __('Informations générales') }}</legend>
            <div class="row mb-3">
                <div class="col-12 col-md-6 form-group">
                    <label for="engagementTitle" class="col-form-label"><b>{{ __('Titre') }}</b></label>
                    @php
                    $data = [
                        'name' => 'title',
                        'csrf' => csrf_token(),
                        'text' => old('title', $engagement->title ?? ''),
                    ];
                    @endphp
                    <div id="ck-editor-bo" data-json='@json($data)'></div>
                    @include('back.modules.input-error', [
                        'inputName' => 'title',
                        'helperId' => 'engagementTitleHelp' ,
                        'helper' => __('Doit être un titre court (max 35 caractères).')
                    ])
                </div>
                <div class="col-12 col-md-6 form-group">
                    <label for="engagementTitreSimple" class="col-form-label">
                        <b>{{ __('Titre sans style') }}*</b>
                    </label>
                    <div class="word-counter" data-json='@json(['id' => 'engagementTitreSimple'])'></div>
                    <input name="title_simple" type="text" value="{{ old('title_simple', $engagement->title_simple ?? '') }}" class="form-control"
                        id="engagementTitreSimple" aria-describedby="engagementTitreSimpleHelp" placeholder="{{ __('Une image de petits chatons') }}" required>
                    @include('back.modules.input-error', [
                        'inputName' => 'title_simple',
                        'helperId' => 'engagementTitreSimpleHelp',
                        'helper' => __('Doit être un titre court (max 35 caractères) sans style.')
                    ])
                </div>
            </div>
        </fieldset>
    </div>
</div>

<div class="row">
    <div class="col">
        <fieldset class="border p-3 mb-3">
            <legend>{{ __('Seo') }}</legend>
            <div class="row mb-3">
                <div class="col-12 col-md-6 form-group">
                    <label for="engagementSeoTitle" class="col-form-label">
                        <b>{{ __('Titre seo') }}*</b>
                    </label>
                    <div class="word-counter" data-json='@json(['id' => 'engagementSeoTitle'])'></div>
                    <input name="seo_title" type="text" value="{{ old('seo_title', $engagement->seo_title ?? '') }}" class="form-control"
                        id="engagementSeoTitle" aria-describedby="engagementSeoTitleHelp" placeholder="{{ __('Un titre en 70 caractères maximum') }}" required>
                    @include('back.modules.input-error', [
                        'inputName' => 'seo_title',
                        'helperId' => 'engagementSeoTitleHelp' ,
                        'helper' => __('Doit décrire précisément la page, recommandation pour un positionnement optimal dans les moteurs de recherche : entre 53 et 60 caractères, balise <title>.')
                    ])
                </div>
                <div class="col-12 col-md-6 form-group">
                    <label for="engagementSeoDescription" class="col-form-label">
                        <b>{{ __('Description seo') }}</b>
                    </label>
                    @php
                    $data = [
                        'id' => 'engagementSeoDescription',
                        'class' => 'form-control',
                        'name' => 'seo_description',
                        'placeholder' => __('Une description du contenu de la page pour les moteurs de recherche.'),
                        'ariaDescribedby' => 'engagementSeoDescriptionHelp',
                        'value' => old('engagementSeoDescription', $engagement->seo_description),
                        'required' => true,
                        'value' => old('seo_description', $engagement->seo_description ?? '')
                    ];
                    @endphp
                    <div id="input-text-auto" data-json='@json($data)'></div>
                    @include('back.modules.input-error', [
                        'inputName' => 'seo_description',
                        'helperId' => 'engagementSeoDescriptionHelp',
                        'helper' => __(' Doit décrire précisément le contenu de la page, requiert entre 50 et 160 caractères, balise <meta> description.')
                    ])
                </div>
            </div>
        </fieldset>
    </div>
</div>

<div class="row">
    <div class="col">
        <fieldset class="border p-3 mb-3">
            <legend>{{ __('Bannière') }}</legend>
            <div class="row mb-3">
                <div class="col-12 col-md-6 form-group">
                    <label for="engagementBannerAlt" class="col-form-label"><b>{{ __('Texte alternatif de la bannière') }}*</b></label>
                    <div class="word-counter" data-json='@json(['id' => 'engagementBannerAlt'])'></div>
                    <input name="banner_alt" type="text" value="{{ old('banner_alt', $engagement->banner_alt ?? '') }}" class="form-control"
                        id="engagementBannerAlt" aria-describedby="engagementBannerAltHelp" placeholder="{{ __('Une image de petits chatons') }}" required>
                    @include('back.modules.input-error', [
                        'inputName' => 'banner_alt',
                        'helperId' => 'engagementBannerAltHelp',
                        'helper' => __('Doit décrire votre bannière pour les moteurs de recherches et les non voyants (5 à 6 mots).')
                    ])
                </div>
                <div class="col-12 col-md-6 form-group">
                    <label for="engagementBannerTitle" class="col-form-label"><b>{{ __('Titre de la bannière') }}*</b></label>
                    <div class="word-counter" data-json='@json(['id' => 'engagementBannerTitle'])'></div>
                    <input name="banner_title" type="text" value="{{ old('banner_title', $engagement->banner_title ?? '') }}" class="form-control"
                        id="engagementBannerTitle" aria-describedby="engagementBannerTitleHelp" placeholder="{{ __('Une description de l\'article pour les moteurs de recherche') }}" required>
                    @include('back.modules.input-error', [
                        'inputName' => 'banner_title',
                        'helperId' => 'engagementBannerTitleHelp' ,
                        'helper' => __('Utile pour les utilisateurs, s\'affiche en passant la souris sur la bannière.')
                    ])
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    @php
                    $data = [
                        'id' => 'engagementBanner',
                        'name' => 'banner',
                        'helper' => __('L\'image qui va servir de bannière, doit être de 1920px (largeur) par 340px (hauteur).'),
                        'value' => $engagement->banner ?? '',
                        'width' => $engagement->banner_dimensions['largeur'],
                        'height' => $engagement->banner_dimensions['hauteur']
                    ];
                    @endphp
                    @include('back.modules.input-error', ['inputName' => 'banner'])
                    <div id="image-input" data-json='@json($data)'></div>
                </div>
            </div>
        </fieldset>
    </div>
</div>