@extends('kms.layouts.kms')

@section('content')

    <div id="entity" class="full-width">
        <div class="entity-header">
            <div class="entity-header-attributes">
                <h2>Website configuratie</h2>
            </div>

            <div class="entity-buttons">
                <button class="save" id="save-button" type="button" dusk="save_button">{{$section->getSubmitButtonLabel()}}</button>
            </div>
        </div>

        @if ($errors->any())
            <div class="alert alert-danger">
                <h2>@lang('shop/orders.search_error'):</h2>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        <div class="entity-tabs">
            <ul>
                <li class="active">
                    <a href="#algemeen">@lang('kms/global.general')</a>
                </li>
            </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')) }}">
            {{ method_field($saveRoute['method']) }}
            {{csrf_field()}}

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

            <div class="entity-attributes">
                @foreach($section->getTabs() as $key => $tab)
                    <div id="tab-content-{!! $tab->getSlug() !!}" class="tab-content @if($key == 0) active @endif">
                        {{-- Tab Attributes --}}
                        @foreach($tab->getItems() as $attribute)
                            {!! $attribute->render() !!}
                        @endforeach
                    </div>
                @endforeach
            </div>
        </form>
    </div>
@stop