{{-- Header --}}
<div class="entity-header">
    <div class="entity-header-attributes">
        <div class="entity-thumbnail">
            {!! $section->getThumbnail() !!}
        </div>

        <h2>
            @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">{{$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" 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="">
                </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() !!}">{!! $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') }}"
      @if($section->getModelId() != null) data-freshness="/kms/{{$section->getSlug()}}/{{$section->getModelId()}}/freshness" @endif
      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', 'general') }}">

    @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()->role->isAtLeast($attribute->getMinimumUserRole()) ? "": " hidden" }}">
                        {!! $attribute->render() !!}
                    </div>
                @endforeach

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