@extends(BaseHelper::getAdminMasterLayoutTemplate())
@section('content')
    @php do_action(BASE_ACTION_TOP_FORM_CONTENT_NOTIFICATION, request(), THEME_OPTIONS_MODULE_SCREEN_NAME) @endphp
    <div id="theme-option-header">
        <div class="display_header">
            <h2>{{ trans('packages/theme::theme.theme_options') }}</h2>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="theme-option-container">
        {!! Form::open(['route' => 'theme.options', 'method' => 'POST']) !!}
        <div class="theme-option-sticky">
            <div class="info_bar">
                <div class="theme-option-action_bar">
                    {!! apply_filters(THEME_OPTIONS_ACTION_META_BOXES, null, THEME_OPTIONS_MODULE_SCREEN_NAME) !!}
                    <button
                        class="btn btn-primary button-save-theme-options"
                        type="submit"
                    >{{ trans('packages/theme::theme.save_changes') }}</button>
                </div>
            </div>
        </div>
        <div class="theme-option-sidebar">
            <ul class="nav nav-tabs tab-in-left">
                @foreach ($sections = ThemeOption::constructSections() as $section)
                    <li class="nav-item">
                        <a
                            class="nav-link @if ($loop->first) active @endif"
                            data-bs-toggle="tab"
                            href="#tab_{{ $section['id'] }}"
                        >
                            @if (!empty($section['icon']))
                                <i class="{{ $section['icon'] }}"></i>
                            @endif {{ $section['title'] }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
        <div class="theme-option-main">
            <div class="tab-content tab-content-in-right">
                @foreach ($sections as $section)
                    <div
                        class="tab-pane @if ($loop->first) active @endif"
                        id="tab_{{ $section['id'] }}"
                    >
                        @foreach (ThemeOption::constructFields($section['id']) as $field)
                            <div class="form-group mb-3 @if ($errors->has($field['attributes']['name'])) has-error @endif">
                                {!! Form::label($field['attributes']['name'], $field['label'], ['class' => 'control-label']) !!}
                                {!! ThemeOption::renderField($field) !!}
                                @if (array_key_exists('helper', $field))
                                    <span class="help-block">{!! BaseHelper::clean($field['helper']) !!}</span>
                                @endif
                            </div>
                            <hr>
                        @endforeach
                    </div>
                @endforeach
            </div>
        </div>
        <div class="theme-option-sticky">
            <div class="info_bar">
                <div class="theme-option-action_bar">
                    {!! apply_filters(THEME_OPTIONS_ACTION_META_BOXES, null, THEME_OPTIONS_MODULE_SCREEN_NAME) !!}
                    <button
                        class="btn btn-primary button-save-theme-options"
                        type="submit"
                    >{{ trans('packages/theme::theme.save_changes') }}</button>
                </div>
            </div>
        </div>
        {!! Form::close() !!}
    </div>
@stop