@extends('layouts.admin.theme')
@php $tituloHeader = env("APP_NAME") . " :: Nova Secretarias, Fundações e Autarquias"; @endphp
@section("title", $tituloHeader)
@section('content')
    <form action="{{ route('admin.secretarias.store') }}" method="post" enctype="multipart/form-data">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="card shadow">
                        @php $headLine = "<i class='fa-solid fa-building-columns'></i> " . __("Nova Secretaria, Fundação e Autarquia"); @endphp

                        @include('components.buttons._headLineButtonsBackAdd', [
                            'headLine' => $headLine,
                            'routeBack' => 'admin.secretarias.index',
                            'routeBackParams' => [],
                            'nameBack' => __("Voltar"),
                            'permission' => "GERENCIADOR_DE_SECRETARIAS",
                        ])

                        <div class="card-body">
                            @csrf
                            @include("errors.messageFlash")
                            <ul class="nav nav-pills mb-3 justify-content-center bg-light p-2 rounded shadow-sm"
                                role="tablist">
                                @include('components.lists._liLinkBtnNavInterna', [
                                    'items' => [
                                        ['class' => 'active', 'hash' => 'cadastro', 'label' => __('Cadastro')],
                                        ['class' => '', 'hash' => 'endereco', 'label' => __('Endereço')],
                                        ['class' => '', 'hash' => 'email', 'label' => __('Email')],
                                        ['class' => '', 'hash' => 'redesSociais', 'label' => __('Redes Sociais')],
                                        ['class' => '', 'hash' => 'gestor', 'label' => __('Gestor')],
                                        ...(auth()->user()->getPermissaoDetalhes('SYSADMIN')['visualizar']
                                            ? [['class' => '', 'hash' => 'configuracoes', 'label' => __('Configurações')]]
                                            : []),
                                    ]
                                ])
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="cadastro">
                                    @include('admin.secretarias.created.cadastro')
                                    <div class="d-flex justify-content-between mt-4">
                                        <button class="btn btn-outline-secondary" disabled>
                                            <i class="fa-solid fa-arrow-left-long"></i> Anterior
                                        </button>
                                        <button class="btn btn-primary" onclick="proximaAba('endereco')" type="button">
                                            Próximo <i class="fa-solid fa-arrow-right-long"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="tab-pane" id="endereco">
                                    @include('admin.secretarias.created.endereco')
                                    <div class="d-flex justify-content-between mt-4">
                                        <button class="btn btn-outline-secondary" onclick="anteriorAba('cadastro')"
                                            type="button">
                                            <i class="fa-solid fa-arrow-left-long"></i> Anterior
                                        </button>
                                        <button class="btn btn-primary" onclick="proximaAba('email')" type="button">
                                            Próximo <i class="fa-solid fa-arrow-right-long"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="tab-pane" id="email">
                                    @include('admin.secretarias.created.email')
                                    <div class="d-flex justify-content-between mt-4">
                                        <button class="btn btn-outline-secondary" onclick="anteriorAba('endereco')"
                                            type="button">
                                            <i class="fa-solid fa-arrow-left-long"></i> Anterior
                                        </button>
                                        <button class="btn btn-primary" onclick="proximaAba('redesSociais')" type="button">
                                            Próximo <i class="fa-solid fa-arrow-right-long"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="tab-pane" id="redesSociais">
                                    @include('admin.secretarias.created.redesSociais')
                                    <div class="d-flex justify-content-between mt-4">
                                        <button class="btn btn-outline-secondary" onclick="anteriorAba('email')"
                                            type="button">
                                            <i class="fa-solid fa-arrow-left-long"></i> Anterior
                                        </button>
                                        <button class="btn btn-primary" onclick="proximaAba('gestor')" type="button">
                                            Próximo <i class="fa-solid fa-arrow-right-long"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="tab-pane" id="gestor">
                                    @include('admin.secretarias.created.gestor')
                                    <div class="d-flex justify-content-between mt-4">
                                        <button class="btn btn-outline-secondary" onclick="anteriorAba('redesSociais')"
                                            type="button">
                                            <i class="fa-solid fa-arrow-left-long"></i> {{ __('Anterior') }}
                                        </button>
                                        @if(auth()->user()->getPermissaoDetalhes('SYSADMIN')['visualizar'])
                                            <button class="btn btn-primary" onclick="proximaAba('configuracoes')" type="button">
                                                {{ __('Próximo') }} <i class="fa-solid fa-arrow-right-long"></i>
                                            </button>
                                        @else
                                            <div>
                                                <button class="btn btn-danger me-2 d-inline" type="button"
                                                    onclick="window.location.href='{{ route('admin.secretarias.index') }}'">
                                                    <i class="fa-solid fa-xmark"></i> {{ __('Cancelar') }}
                                                </button>
                                                <button class="btn btn-primary d-inline" type="submit">
                                                    <i class="fa-solid fa-user-plus"></i> {{ __('Cadastrar') }}
                                                </button>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                @if(auth()->user()->getPermissaoDetalhes('SYSADMIN')['visualizar'])
                                <div class="tab-pane" id="configuracoes">
                                    @include('admin.secretarias.created.configuracoes')
                                    <div class="d-flex justify-content-between mt-4">
                                        <button class="btn btn-outline-secondary" onclick="anteriorAba('gestor')"
                                            type="button">
                                            <i class="fa-solid fa-arrow-left-long"></i> {{ __('Anterior') }}
                                        </button>
                                        <div>
                                            <button class="btn btn-danger me-2 d-inline" type="button"
                                                onclick="window.location.href='{{ route('admin.secretarias.index') }}'">
                                                <i class="fa-solid fa-xmark"></i> {{ __('Cancelar') }}
                                            </button>
                                            <button class="btn btn-primary d-inline" type="submit">
                                                <i class="fa-solid fa-user-plus"></i> {{ __('Cadastrar') }}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection