@component('backoffice._layouts.app', [
    'title' => $model->name ?: 'New article'
])
    {{ html()
        ->modelForm($model, 'PATCH', action('Backoffice\ArticlesController@update', $model->id))
        ->open() }}

    @component('backoffice._components.pageHeading', ['breadcrumb' => html()->backToIndex('Backoffice\ArticlesController@index')])
        {{ html()->publishedIndicator($model->published_at) }}
        {{ $model->name ?: 'New article' }}

        @slot('actions')
            {{ html()->viewLargeButton($model->path()) }}
        @endslot
    @endcomponent

    <div class="row">
        <div class="col-lg-9">
            <div class="wrapper wrapper-content">
                @component('backoffice._components.tabs', ['items' => ['Content','Media','Related contents','Fragments','Meta']])
                    @include('backoffice.articles._partials.form')
                @endcomponent
            </div>
        </div>
        <div class="col-lg-3">
            <div class="wrapper wrapper-content project-manager">
                {{ html()->status(null) }}

                @component('backoffice._components.tabs', ['items' => ['Params','Activity']])
                    @component('backoffice._components.tab', ['item' => 'Params', 'active' => true])
                        {{ html()->formGroup()->required()->date('started_at', 'Started at') }}
                        <div class="hr-line-dashed"></div>
                        {{ html()->formGroup()->date('ended_at', 'End at') }}
                        <div class="hr-line-dashed"></div>
                        {{ html()->formGroup()->belongsTo('author_id', 'Author', 'Human', 'last_name', 'ExpertHumanType') }}
                        <div class="hr-line-dashed"></div>
                        {{ html()->formGroup()->required()->category('articleType', 'Type') }}
                        <div class="hr-line-dashed"></div>
                        {{ html()->formGroup()->multiCategories('articleCategory', 'Categories') }}
                    @endcomponent

                    @component('backoffice._components.tab', ['item' => 'Activity'])
                        @include('backoffice._layouts._partials.activityLogs')
                    @endcomponent
                @endcomponent
            </div>
        </div>
    </div>

    {{ html()->closeModelForm() }}
@endcomponent