@extends('layouts.secundario.create')

@php
    $modelTree = \App\Models\Unico\EstruturaNegocio::class;
    $removeBotoesPadrao = ['']; // Define qual botões padrões NÃO serão usados na tela
    $grid = $model->getGridModeloPlanoConfig();
@endphp

@section('fields')

    <div class="row">
        <section class="col-6">
            <div id="dados-modelo-plano" data-modeloplano="{{ json_encode($model->only(['id', 'descricao', 'estrutura_negocio_id', 'tipo_modelo'])) }}">

            </div>
            <x-estrutura-negocio :id="$model->estrutura_negocio_id"
                :config="[
                    $modelTree::CONFIG_MANIPULAVEL         => false,
                    $modelTree::CONFIG_MOSTRAR_NO_ATUAL    => false,
                    $modelTree::CONFIG_MOSTRAR_NIVEL_ATUAL => true
                ]"
            />
        </section>

        <section id="content-node" class="card col-6">
            <div class="card-body">

                <div class="row">
                    <div class="col-12">
                        <input type="hidden" id="inputEstrutura_negocio_nivel_id" name="estrutura_negocio_nivel_id">
                    </div>
                </div>

                <x-form.monta-grid :route="$acao->slug" function="modeloPlanoConfig" :grid="$grid"></x-form.monta-grid>

                <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>

            </div>
        </section>

    </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/unico/ModeloPlano.js')}}" type="module"></script>
@endsection