@extends('layouts.app.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')
    <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-acao 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>
@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