@extends('form.app')

@section('styles')
@endsection

@section('content')
    {{-- navbar --}}
    @include('contact::section.form.navbar')

    <form class="row" id="section_frm" method="POST" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="id" id="id" value="{{ $data->id ?? '0' }}">
        <div class="col-lg-9">
            <div class="tab-content">
                <div class="tab-pane active" id="info">
                    @include('contact::section.form.translates')
                </div>
                <div class="tab-pane" id="image">
                    <div class="card card-body">
                        <x-form.upload-image id="1" name="image" label="{{ __('contact::section.field.image') }}"
                            type="image" image="{{ $data->image ?? null }}"
                            recommend="{{ __('contact::section.field.image_placeholder') }}" />
                    </div>
                </div>
                @if (!empty($config['seo']))
                    <div class="tab-pane" id="meta">
                        @include('mwz::seo.form')
                    </div>
                @endif
            </div>
        </div>
        <div class="col-lg-3">
            @if (count($locale) > 1)
                <x-form.lang lang="{{ $locale['default'] ?? config('app.fallback_locale') }}" />
            @endif
            @include('contact::section.form.status')
        </div>
    </form>
@endsection

@section('scripts')
    <script>
        var $_locale = $.parseJSON('null');
        console.log($_locale);
        var $_config = $.parseJSON('null');
        console.log($_config);
    </script>
    {{ module_vite('build-contact', 'resources/assets/js/section.js') }}
@endsection