@extends('layouts.secundario.create')

@php $removeBotoesPadrao = ['']; @endphp {{-- Define qual botões padrões NÃO serão usados na tela --}}

@php
    $tamanhoColunas  = $acao->slug == \App\Structural\Enums\Estrutura\Acao::EDITAR->slug() ? 'col-12' : 'col-6';
@endphp

@section('fields')

    <div class="row">
        <x-form.monta-campos
            :route="$acao->slug"
            :registro="$model"
            :uniqidOffcanvas="$uniqid ?? null">
        </x-form.monta-campos>
    </div>

    @if ($acao->slug == \App\Structural\Enums\Estrutura\Acao::EDITAR->slug())
        <div class="row">

            <div class="col-6 mt-2">
                <x-estrutura-negocio :id="$model->id ?? ''" :config="$model::LISTA_CONFIG"></x-estrutura-negocio>
            </div>

            <section class="mt-2 {{$acao->slug == \App\Structural\Enums\Estrutura\Acao::EDITAR->slug() ? 'col-6' : 'col-12'}}">

                <section id="by-nivel" class="d-none">
                    <div class="row">
                        <x-form.monta-campos
                            :route="$acao->slug"
                            :registro="new App\Models\Unico\EstruturaNegocioNivel()"
                            :uniqidOffcanvas="$uniqid ?? null">
                        </x-form.monta-campos>
                    </div>

                    <div class="row mt-2">
                        <div class="col-12 text-center">
                            <button class="btn-acao primary" id="edit-node-nivel" type="button">Aplicar</button>
                        </div>
                    </div>

                </section>

            </section>

        </div>

    @endif

@endsection

@section('script')
    <link rel="stylesheet" href="{{URL::asset('/libs/jstree/jstree.min.css')}}"/>
    <script src="https://cdnout.com/jquery.hotkeys"></script>
    <script src="{{URL::asset('/libs/jstree/jstree.min.js')}}" type="module"></script>
    <script src="{{URL::asset('/libs/jstree/jstree.js')}}" type="module"></script>

@endsection