@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()->text('slug', 'Slug'),
            html()->horizontalFormGroup()->required()->textarea('description', 'Description'),
            html()->horizontalFormGroup()->required()->text('video_id', 'Video ID'),
        ];
    }) }}
</fieldset>
@endcomponent

@component('backoffice._components.tab', ['item' => 'Media'])
<fieldset class="form-horizontal">
    {{ html()->horizontalFormGroup()->media('featured', 'image', 'Featured') }}
</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('pages', 'Pages', 'Page') }}
</fieldset>
@endcomponent

@component('backoffice._components.tab', ['item' => 'Meta'])
<fieldset class="form-horizontal">
    {{ html()->seo() }}
</fieldset>
@endcomponent