@php
    $idAccordion = str_replace('[', '-', str_replace(']', '', $function));
    $kebab = Illuminate\Support\Str::kebab($idAccordion);
    $modelo = $grid->getModel();
@endphp
@if ($grid->getTipo() == 'panel')

    @if ($grid->getAccordion())

        @php
            $data = [
                'id'=> $function,
                'name'=> $function,
                'tipo'=> 'panel',
                'model'=> $modelo::class,
                'campos'=> $grid->getCampos(),
                'label'=> $grid->getLabel(),
                'buttonDel'=> $grid->getDel(),
                'route'=> $route,
                'campoLabel'=> $grid->getCampoLabel(),
                'separadorLabel'=>$grid->getSeparadorLabel(),
                'tabelado'=>$grid->getTabelado(),
                'grids'=> $grid->getGrids()
            ];
        @endphp

        <div class="accordion" id="accordion-{{ $kebab }}">
            <div class="accordion-item panel-grid">
                <h2 class="accordion-header d-flex" id="title-accordion-item-{{ $kebab }}">

                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#content-accordion-item-{{ $kebab }}" aria-expanded="true" aria-controls="content-accordion-item-{{ $kebab }}">
                        {{ $grid->getLabel() }}
                    </button>

                    @if(!$grid->getVisualizacao() && $grid->getAdd())
                        <x-grid.button-add :dados="$data" :count="count($dados) ?: $grid->getLinhasIniciais()" :addLabel="false"></x-grid.button-add>
                    @endif

                </h2>

                <div id="content-accordion-item-{{ $kebab }}" class="accordion-collapse collapse" aria-labelledby="title-accordion-item-{{ $kebab }}">
                    <div class="accordion-body">

    @endif

    <x-grid.panel :id="$idAccordion"
                  :name="$function"
                  :model="$modelo"
                  :dados="$dados"
                  :label="$grid->getLabel()"
                  :linhasIniciais="$grid->getLinhasIniciais()"
                  :route="$route"
                  :campoLabel="$grid->getCampoLabel()"
                  :separadorLabel="$grid->getSeparadorLabel()"
                  :tabelado="$grid->getTabelado()"
                  :buttonAdd="$grid->getAccordion() ? false : $grid->getAdd()"
                  :buttonDel="$grid->getDel()"
                  :grids="$grid->getGrids()"
                  :campos="$grid->getCampos()"
                  :visualizacao="$grid->getVisualizacao()">
    </x-grid.panel>

    @if ($grid->getAccordion())
                    </div>
                </div>
            </div>
        </div>
    @endif

@elseif ($grid->getTipo() == 'grid')

    @if ($grid->getAccordion())

        <div class="accordion mb-2" id="accordion-{{ $kebab }}">

            <div class="accordion-item">
                <h2 class="accordion-header" id="title-accordion-item-{{ $kebab }}">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#content-accordion-item-{{ $kebab }}" aria-expanded="false" aria-controls="content-accordion-item-{{ $kebab }}">
                        {{$grid->getLabel()}}
                    </button>
                </h2>
                <div id="content-accordion-item-{{ $kebab }}" class="accordion-collapse collapse show" aria-labelledby="title-accordion-item-{{ $kebab }}">
                    <div class="accordion-body p-0">
    @endif

    <x-grid.grid :id="$idAccordion"
                 :name="$function"
                 :model="$modelo"
                 :dados="$dados"
                 :label="$grid->getLabel()"
                 :linhasIniciais="$grid->getLinhasIniciais()"
                 :route="$route"
                 :buttonAdd="$grid->getAdd()"
                 :buttonDel="$grid->getDel()"
                 :campos="$grid->getCampos()"
                 :tabelado="$grid->getTabelado()"
                 :visualizacao="$grid->getVisualizacao()">
    </x-grid.grid>

    @if ($grid->getAccordion())
                    </div>
                </div>
            </div>
        </div>
    @endif

@else
    <h1>Tipo Não Configurado!</h1>
@endif