@extends('form.app')

@section('styles')
    <link href="{{ asset('assets/libs/dropzone/dropzone.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
    {{-- navbar --}}
    @include('careers::page.form.navbar')
        <form class="row" id="{{ $method }}_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">
                @if (
                    !empty($config['input']['name']['status']) ||
                        !empty($config['input']['desc']['status']) ||
                        !empty($config['input']['detail']['status']))
                    <div class="tab-pane active" id="info">
                        @include('careers::page.form.translates')
                        @include('careers::page.form.content')
                    </div>
                @endif
                @if (!empty($config['upload']['status']))
                    <div class="tab-pane {{ !empty($config['input']['name']['status']) || !empty($config['input']['desc']['status']) || !empty($config['input']['detail']['status']) ? '' : 'active' }}"
                        id="upload">
                        @include('careers::page.form.upload')
                    </div>
                @endif
                @if (!empty($config['seo']))
                    <div class="tab-pane" id="meta">
                        @include('mwz::seo.form')
                    </div>
                @endif
            </div>
        </div>
        <div class="col-lg-3">
            @if (
                !empty($config['input']['name']['status']) ||
                    !empty($config['input']['desc']['status']) ||
                    !empty($config['input']['detail']['status']))
                <x-form.lang />
            @endif
            @include('careers::page.form.setting')
        </div>
    </form>
@endsection

@section('scripts')
    <!-- File uploads multiple js -->
    <script src="{{ asset('assets/libs/dropzone/dropzone.min.js') }}"></script>
    <script type="text/javascript">
        Dropzone.autoDiscover = false;
    </script>

    <!-- Jquery UI-->
    <script src="{{ asset('assets/libs/jquery-ui/jquery-ui.min.js') }}"></script>

    <script>
        const $_name = '';
        const $_type = '';
        const $_config = $.parseJSON('null');

        // link action
        const $_link_save = '{{ route("admin.{$type}.{$method}.save") }}';
    </script>
    {{ module_vite('build-careers', 'resources/assets/js/page.js') }}
@endsection