@php /** @var $section \App\Komma\Kms\Core\Sections\Section **/ @endphp
{{-- Header --}}
<div class="entity-header">
    <div class="entity-header-attributes">
        <div class="entity-thumbnail">
            {!! $section->getThumbnail() !!}
        </div>

        <h2 dusk="entity_header">
            @if($section->getModelDisplayName() !== null)
                {!! $section->getModelDisplayName() !!}
            @else
                {!! $section->getSectionNewModel() !!}
            @endif
        </h2>
    </div>


    <div class="entity-buttons">
        @can($section->getModelId() ? 'update' : 'store', $section->getModelId() ? $section->getForModelName() : $section->getModel())
                <button class="save" id="save-button" type="button" dusk="save_button">{{$section->getSubmitButtonLabel()}}</button>
        @endcan

        @can('destroy', $section->getModel())
            @if($section->getModelId())
                <form class="inline" method="POST"
                      @if(isset($siteSlug))
                      action="{{ route($section->getSlug().'.destroy', ['siteSlug' => $siteSlug, $section->getSlug() => $section->getModelId()] ) }}"
                      @else
                      action="{{ route($section->getSlug().'.destroy', [$section->getSlug() => $section->getModelId()] ) }}"
                        @endif
                >
                    {{ csrf_field() }}
                    {{ method_field('DELETE') }}

                    <input type="submit" class="trash confirm js-open-confirmation" data-function="this.form.submit()" data-confirm-header="{{ __('kms/global.confirm_header') }}" data-confirm-message="{{ __('kms/global.confirm_deletion') }}" data-confirm-confirm-text="{{ __('kms/global.yes') }}" data-confirm-cancel-text="{{ __('kms/global.no') }}" value="" dusk="delete_button">
                </form>
            @endif
        @endcan
    </div>
</div>

{{-- Tabs --}}
<div class="entity-tabs">
    <ul>
        @foreach($section->getTabs() as $tabIndex => $tab)
            <li class="{!! (session('tabslug', '') !== '' ? $tab->getSlug() == session('tabslug', '') : $tabIndex == 0) ? 'active': '' !!}{!! $tab->hasErrors($errors->getMessageBag()) ? ' error' : ''!!}">
                <a href="#{!! $tab->getSlug() !!}" dusk="entity_tab_{{ $tab->getName() }}">{!! $tab->getName() !!}</a>
            </li>
        @endforeach
    </ul>

</div>


<form action="{!! $saveRoute['route'] !!}" id="entity-form" autocomplete="off" method="post" enctype="multipart/form-data" data-max-upload-size="{{ $maxUploadSize }}" data-max-post-size="{{ $maxPostSize }}" data-upload-route="{{ route('html5.upload') }}" data-global-translations="{{ json_encode(__('kms/global')) }}">
    {{ csrf_field() }}
    {{ method_field($saveRoute['method']) }}

    {{-- Create hidden input to make it possible to submit by enter --}}
    <input type="submit" value="submit-cloaked" hidden>

    <input type="hidden" name="tabslug" value="{{ session('tabslug', '') }}">

    @if(isset($section->currentCategory))
        <input type="hidden" name="current_product_category" value="{{$section->currentCategory}}"/>
    @endif

    <div class="entity-attributes" data-translation='{{ $preventNavigationTranslation }}'>
        @foreach($section->getTabs() as $key => $tab)
            <div id="tab-content-{!! $tab->getSlug() !!}" class="tab-content {!! (session('tabslug', '') !== '' ? $tab->getSlug() == session('tabslug', '') : $key == 0) ? 'active': '' !!}">

                {{-- Tab Attributes --}}
                @foreach($tab->getItems() as $attribute)
                    <div class="entity-attribute-wrapper{{ Auth::user()->isAtLeast($attribute->getMinimumUserRole()) ? "": " hidden" }}">
                        {!! $attribute->render() !!}
                    </div>
                @endforeach

                @if(\Session::get('error_data'))
                    @include('kms.partials.importErrors')
                @endif
            </div>
        @endforeach
    </div>
</form>