@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()->text('label', 'Label'),
            html()->horizontalFormGroup()->required()->textarea('description', 'Description'),
            html()->horizontalFormGroup()->required()->richTextarea('content', 'Content'),
        ];
    }) }}
</fieldset>
@endcomponent

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

@component('backoffice._components.tab', ['item' => 'Fragments'])
<fieldset class="form-horizontal">
    {{ html()->alert('info', 'Hold the CTRL key and click the items in the list to choose them') }}
    {{ html()->horizontalFormGroup()->manyToManyPolymorph('fragments', 'Fragment', 'Fragment') }}
</fieldset>
@endcomponent

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