@extends('layouts.secundario.create')

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

@php
    $modelTree = \App\Models\Unico\EstruturaNegocio::class;
    $tamanhoColunas  = isset($model) ? 'col-12' : 'col-6';
    $modelProduto =  new \App\Models\Unico\EstruturaProdutos\Produto();
    $dadosPersonalizadoFormularios;
@endphp

@section('fields')
    <div class="row">
        <section class="col-6" data-modelo-plano="{{ $modeloPlanoPai->id }}">
            <x-estrutura-negocio :id="$modeloPlanoPai->estrutura_negocio_id ?? null"
                :config="$modelTree::LISTA_EDICAO"/>
        </section>

        <section id="content-node" class="col-6 d-none">
            <div class="row">
                <div class="col-12">
                    <input type="hidden" id="inputCodigo" name="inputCodigo">
                </div>
            </div>
            <div class="row">
                <div class="soel-form-field col-12">
                    <x-form.inputs.number name="ordem" label="Ordem"
                        :value="old('ordem') ?? ($model->ordem ?? null)"></x-form.inputs.number>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <p class="configuracao-lista"> </p>
                    <div class="row">
                        @php $models = $model->getDadosPersonalizados(); @endphp
                        @if (count($models) > 0)
                            <x-grupo-dados.grupo-dados
                                :route="'conf'"
                                :models="$models">
                            </x-grupo-dados.grupo-dados>
                        @endif

                    </div>
                </div>
            </div>


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

            <div class="col-12 mb-2" id="grid-produtos" style="display: none">
                @php
                    $grid = App\Structural\Grid::create(App\Models\Unico\EstruturaProdutos\Produto::class, 'Produtos');
                @endphp
                <x-form.monta-grid :route="$acao->slug" function="produtos" :grid="$grid" :dados="$model->produtos">
                </x-form.monta-grid>
            </div>

        </div>
    </div>
@endsection

@section('script')
    <link rel="stylesheet" href="{{URL::asset('/libs/jstree/jstree.min.css')}}" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="{{URL::asset('/libs/jstree/jstree.min.js')}}" type="module"></script>
    {{-- <script src="{{URL::asset('/js/tree/servico/Categoria.js')}}" type="module"></script> --}}
    <script src="{{URL::asset('/js/tree/unico/EstruturaProduto.js')}}" type="module"></script>
@endsection