@extends('painelcliente.inicial.layoult')

@section('content')

    <section class="flex flex-col items-center justify-center h-full py-10 text-center">
        <div class="col-md-12">
            @if (isset($errors) && count($errors) > 0)
                        <div class="alert alert-danger">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            <strong>Erros encontrados!</strong>
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>{{$error}}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    @if (session('success'))

                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>

                    @endif
                    @if (session('erro'))

                        <div class="alert alert-danger">
                            {{ session('erro') }}
                        </div>

                    @endif

            <h4 class="mb-[2rem] text-[#273616] text-3xl font-bold">Escolha o portal que deseja acessar:</h4>
            <form method="GET" action="{{ routeTenant('inicio.consorciado') }}">
                {{ csrf_field() }}
                <select name="consorciado" class="form-control btn-outline-success">
                    @foreach ($consorciados as $consorciado)
                        <option value="{{ $consorciado->id }}">{{ $consorciado->cidade }}</option>
                    @endforeach
                </select>
                <div class="mt-10">
                    <button class="btn btn-outline-success" type="submit">Acessar</button>
                </div>
            </form>
        </div>
    </section>

        {{-- MODAL CONSULTA PÓS LICENÇA --}}
        <x-modal id="modalFCE" title="Consulta" width="480px">
            <form  id="formFCE" method="GET" action="{{ routeTenant('painel.Logar') }}" class="form-horizontal mx-auto" enctype="multipart/form-data">
                {{ csrf_field() }}

                <input type="hidden" id="fceOption" name="option" value="">

                <div class="col-md-12" style="padding: 30px; text-align: center; width: 100%;">
                    <!-- Mensagens de erro e avisos -->
                    @if (isset($errors) && count($errors) > 0)
                        <div class="alert alert-danger">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            <strong>Erros encontrados!</strong>
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>{{$error}}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                    @if (session('erro'))
                        <div class="alert alert-danger">
                            {{ session('erro') }}
                        </div>
                    @endif
        
                    <div style="border-bottom:2px solid #D0DEC0; padding: 20px 15px; width: 100%;">

                        <div class="form-group" style="text-align: left;">
                            <label class="control-label" for="textinput">Tipo de processo:</label>
                            <select name="tipofce" class="form-control btn-outline-success">
                                <option @if(old('tipofce') == 'fce14') selected @endif value="fce14">FCE CLASSE 1-4</option>
                                <option @if(old('tipofce') == 'dispensa') selected @endif value="dispensa">DISPENSA</option>
                                <option @if(old('tipofce') == 'intervencao') selected @endif value="intervencao">INTERVENÇÃO AMBIENTAL</option>
                                <option @if(old('tipofce') == 'solicitacao') selected @endif value="solicitacao">OFÍCIOS E SOLICITAÇÕES</option>
                                <option @if(old('tipofce') == 'defesa-recurso') selected @endif value="defesa-recurso">
                                    DEFESA AMBIENTAL E RECURSO AO CODEMA
                                </option>
                            </select>
                        </div>
        
                        <div class="form-group" style="margin-top: 20px; text-align: left;">
                            <label class="control-label" for="textinput">E-mail cadastrado no FCE:</label>
                            <input value="{{old('email')}}" name="email" type="email" class="form-control btn-outline-success" required>
                        </div>
        
                        <div class="form-group" style="margin-top: 20px; text-align: left;">
                            <label class="control-label" for="textinput">Protocolo do FCE:</label>
                            <input value="{{old('protocolo')}}" name="protocolo" type="text" maxlength="11" minlength="10" class="form-control btn-outline-success" required>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-success btn-large" style="margin-top: 30px; padding: 10px 30px; width: 100%; outline: none;">
                        Enviar
                    </button>
                </div>
            </form>
        </x-modal>


        {{-- MODAL CONSULTA DE DECISÕES --}}

        <div class="modal fade" id="processoFisico" tabindex="-1" role="dialog" aria-labelledby="processoFisicoLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                <div class="modal-header bg-warning text-white">
                    <h5 class="modal-title text-white " id="processoFisicoLabel">AVISO!</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">X</button>
                </div>
                <div class="modal-body" style="padding: 30px">
                    <p>
                        Prezado usuário,
                    </p>
                    <p>
                        Informamos que o protocolo para processos de Licenciamento Ambiental, irão ser analisados de maneira física. Portanto, solicitamos que o requerimento para Licenciamento, seja protocolado de maneira física junto a Secretaria Municipal de Meio Ambiente de Sacramento.

                    </p>
                    <p>
                        Acessar o link para preenchimento de Formulário de Caracterização do Empreendimento(FCE) e diretriz para os documentos pertinentes(Tela 9, após preenchimento de FCE):
                        <a href="https://docs.google.com/spreadsheets/d/18TUpBuFQus0rfjuYWZb6TZ61GKuuHIdd/edit?usp=sharing&quid=100653929408413431741&rtpof=true&sd=true" target="_blank">https://docs.google.com/spreadsheets/d/18TUpBuFQus0rfjuYWZb6TZ61GKuuHIdd/edit?usp=sharing&quid=100653929408413431741&rtpof=true&sd=true</a>
                    </p>
                    <p> Endereço: Rua José Pinto Valada, S/n, Baurri: Skaff - Parque de exposições.</p>
                    <p>Contato: (34) 3351-1755</p>
                </div>
                <div class="modal-footer ">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">OK</a>
                </div>
                </div>
            </div>
        </div>

@endsection

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Seleciona todos os botões com a classe .btn-option
        const botoes = document.querySelectorAll('.btn-option');
        const inputOption = document.getElementById('fceOption');
        const modalTitle = document.querySelector('#modalFCE .modal-title');

        // Adiciona o event listener para cada botão
        botoes.forEach(botao => {
            botao.addEventListener('click', function() {
                // Obtém o valor do data-option do botão clicado
                const optionValue = this.dataset.option;
                const titleValue = this.dataset.title;
                
                // Define o valor do input
                inputOption.value = optionValue;
                // Define o valor do título do modal
                modalTitle.textContent = titleValue; 
                
            });
        });
    });

</script>