@extends('layouts.app.create')

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

@section('fields')
    <x-form.monta-campos
        :route="$acao->slug"
        :registro="$model"
        :editar="isset($editar) ? $model : null"
        :uniqidOffcanvas="$uniqid ?? null">
    </x-form.monta-campos>

    <nav class="mt-2" >
        <div class="nav nav-tabs" id="nav-tab" role="tablist">

            @php $ativo = true; @endphp

            @foreach ($model->getGrids() as $function => $grid)

                <button class="nav-link @if($ativo) active @endif" id="nav-{{ $function }}-tab" data-bs-toggle="tab" data-bs-target="#nav-{{ $function }}" type="button" role="tab" aria-controls="nav-{{ $function }}" aria-selected="{{ $ativo }}">{{ $grid->getLabel() }}</button>

                @php $ativo = false; @endphp

            @endforeach

        </div>
    </nav>

    <div class="tab-content" id="nav-tabContent">

        @php $show = 'active show'; @endphp

        @foreach ($model->getGrids() as $function => $grid)
            <div class="tab-pane fade {{ $show }}" id="nav-{{ $function }}" role="tabpanel" aria-labelledby="nav-{{ $function }}-tab">

                <div class="col-12 mt-2 ">
                    <x-form.monta-grid :route="$acao->slug" :function="$function" :grid="$grid" :dados="$model->$function"></x-form.monta-grid>
                </div>

            </div>

            @php $show = ''; @endphp

        @endforeach

    </div>

@endsection