@component('backoffice._components.tab', ['item' => 'Content', 'active' => true])
<fieldset class="form-horizontal">
    {{ html()->translations(function () {
        return [
            html()->horizontalFormGroup()->required()->text('name', 'Name'),
            html()->horizontalFormGroup()->required()->textarea('description', 'Description'),
            html()->horizontalFormGroup()->required()->richTextarea('content', 'Content'),
            html()->horizontalFormGroup()->required()->text('cta_label', 'CTA label'),
            html()->horizontalFormGroup()->required()->text('cta_link', 'CTA link'),
            html()->horizontalFormGroup()->required()->select('cta_link_target', 'CTA link target', ['_self'=>"Same window", '_blank'=>"New window"]),
        ];
    }) }}
</fieldset>
@endcomponent

@component('backoffice._components.tab', ['item' => 'Media'])
<fieldset class="form-horizontal">
    {{ html()->horizontalFormGroup()->media('featured', 'translatedImages', 'Featured image') }}
</fieldset>
@endcomponent

@component('backoffice._components.tab', ['item' => 'Related contents'])
    <fieldset class="form-horizontal">
        {{ html()->alert('info', 'Hold the CTRL key and click the items in the list to choose them') }}
        {{-- html()->horizontalFormGroup()->manyToManyPolymorph('articles', 'Articles', 'Article') --}}
        {{ html()->horizontalFormGroup()->manyToManyPolymorph('videos', 'Videos', 'Video') }}
    </fieldset>
@endcomponent