@extends('layouts.app')

@section('conteudo')

<br><br>
<center>
    @if (session()->has('error'))
    <div class="alert alert-danger" role="alert">
        {{ session('error') }}
    </div>
    @endif
</center>

<!-- Hero -->
<div class="bg-image" style="background-image: url('');">
    <div class="bg-black-50">
        <div class="content content-full">
            <div class="d-flex justify-content-between align-items-center">
                <h1 class="flex-grow-1 fs-2 text-white my-2">
                    <i class="fa fa-boxes text-white-50 me-1"></i> Relatório de Coordenadores
                </h1>
            </div>
        </div>
    </div>
</div>
<!-- END Hero -->



<div class="content content-full">

    <form action="/filtrar_coordenadores_relatorio" method="post">
        @csrf
        <div class="row">

            {{-- <div class="col-4" style="display: inline-block">
                <label class="form-label" for="sexo">Projeto</b></label>
                <select class="form-select" id="select2" name="projeto_id" required>
                    <option value="" selected></option>
                    @foreach($options2 as $item)
                    <option value="{{$item->id}}">{{$item->descricao}}</option>
                    @endforeach
                </select>
            </div> --}}


            <div class="col-4" style="display: inline-block;">
                {{-- <button class="btn btn-primary my-2" type="submit">
                    <!-- <a class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#addProjetModal"> -->
                    <i class="fa fa-fw fa-search"></i>
                    <span class="d-none d-sm-inline ms-1">Aplicar Filtros</span>
                </button> --}}
                <a class="btn btn-primary my-2" href="/lista_relatorio_coordenadores" style="margin-left: 10px;">
                    <i class="fa fa-fw fa-list"></i>
                    <span class="d-none d-sm-inline ms-1">Listar Relatórios</span>
                </a>
            </div>
        </div>
    </form>



</div>



<!-- funcionalidade trazer todos os projetos vigentes do ano -->
<!-- Page Content -->
<div class="content content-boxed">
    <!-- Invoice -->
    <div class="block block-rounded">
        <div class="block-header block-header-default">
            <h3 class="block-title">Relatório de Coordenadores</h3>

        </div>
        <div class="block-content">
            <div class="p-sm-4 p-xl-7">
                <!-- Invoice Info -->
                <div class="row mb-5">
                    <!-- Company Info -->
                    <div class="col-6">
                        <p class="h3">Relatório de Coordenadores</p>
                        <address>
                            {{ now()->format('d/m/Y H:i:s') }}<br>
                        </address>
                    </div>
                    <!-- END Company Info -->

                    <!-- Client Info -->
                    <div class="col-6 text-end">
                        <p class="h3">Emitido Por</p>
                        <address>
                            {{$user->name}}
                        </address>
                    </div>
                    <!-- END Client Info -->
                </div>
                <!-- END Invoice Info -->
                <form action="/salvar_ficha_coordenador" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="row">

                        <div class="col-12" style="display: inline-block">
                            <label class="form-label" for="sexo">Projeto</b></label>
                            <select class="form-select" id="select2" name="projeto_id" required>
                                <option value="" selected></option>
                                @foreach($options2 as $item)
                                <option value="{{$item->id}}">{{$item->descricao}}</option>
                                @endforeach
                            </select>
                        </div>
                        {{-- <Div class="col-12" style="margin-top: 10px;">
                            <label>TURMA:</label>
                            <input type="text" name="turma_id" id="turma_id" disabled style="width: 91%;">
                        </Div> --}}

                        <div class="col-7" style="margin: 10px 0">
                            <label class="form-label" for="mes" style="display: inline-block;">RELATÓRIO REFERENTE AO MÊS:</b></label>
                            <select class="form-select" id="mes" name="mes" style="width: 30%; display: inline-block;" required>
                                {{-- <option>Todos meses</option> --}}
                                <option>Janeiro</option>
                                <option>Fevereiro</option>
                                <option>Março</option>
                                <option>Abril</option>
                                <option>Maio</option>
                                <option>Junho</option>
                                <option>Julho</option>
                                <option>Agosto</option>
                                <option>Setembro</option>
                                <option>Outubro</option>
                                <option>Novembro</option>
                                <option>Dezembro</option>
                            </select>
                        </div>
                        <Div class="col-5" style="margin-top: 10px;">
                            <label>Nº. DE BENEFICIARIOS:</label>
                            <input type="number" name="numero_beneficiarios" id="numero_beneficiarios" style="width: 39%;" required>
                        </Div>
                        <hr>
                        <div class="col-12">
                            <label for=""><b>DE ACORDO COM OS OBJETIVOS ESPECÍFICOS DO PROJETO, CONSEGUE DESCREVER OS AVANÇOS DOS RESULTADOS ESPERADOS?</b></label>
                            <input type="radio" name="pode_descrever_avancos" id="" value="1" style="margin-right: 5px;" checked>Sim
                            <input type="radio" name="pode_descrever_avancos" id="" value="0" style="margin-left: 10px; margin-right: 5px;">Não
                            <br>
                            <p>Descreva–os</p>
                            <textarea name="descricao_avancos_esperados" id="" cols="30" rows="5"></textarea>
                        </div>
                        <hr>
                        <div class="col-12">
                            <label for=""><b>ATIVIDADES REALIZADAS (Dentro ao Planejamento Anual).</b></label>
                            <p>(Descreva as atividades realizadas neste mês para produzir os resultados mencionados)</p>
                            <textarea name="descricao_actividades_realizadas" id="" cols="30" rows="5"></textarea>
                        </div>
                        <hr>
                        <div class="col-12">
                            <label for=""><b>HOUVE ALGUMA MUDANÇA NO PLANEJAMENTO MENSAL? RELATAR.</b></label>
                            <br>
                            <input type="radio" name="houve_mudanca_planeamento" id="" value="1" style="margin-right: 5px;" checked>Sim
                            <input type="radio" name="houve_mudanca_planeamento" id="" value="0" style="margin-left: 10px; margin-right: 5px;">Não
                            <br>
                            <p>(Porque não aconteceu a atividade e quais foram as medidas para obter o mesmo do resultado):</p>
                            <textarea name="descricao_mudanca_planeamento" id="" cols="30" rows="5"></textarea>
                        </div>
                        <hr>
                        <div class="col-12">
                            <label for=""><b>HOUVE ALGUMA OCORRÊNCIA?</b></label>
                            <br>
                            <input type="checkbox" name="houve_alguma_ocorrencia" id="houve_alguma_ocorrencia" style="margin-right: 5px;"> Desistência
                            <input type="checkbox" name="houve_alguma_ocorrencia" id="houve_alguma_ocorrencia" style="margin-left: 10px; margin-right: 5px;"> Doação
                            <input type="checkbox" name="houve_alguma_ocorrencia" id="houve_alguma_ocorrencia" style="margin-left: 10px; margin-right: 5px;"> Atendimento
                            <input type="checkbox" name="houve_alguma_ocorrencia" id="houve_alguma_ocorrencia" style="margin-left: 10px; margin-right: 5px;"> Atividade Externa
                            <input type="checkbox" name="houve_alguma_ocorrencia" id="houve_alguma_ocorrencia" style="margin-left: 10px; margin-right: 5px;"> Atividade Interna
                            <br>
                            <input type="checkbox" name="houve_alguma_ocorrencia" id="houve_alguma_ocorrencia" style="margin-right: 5px;"> Encaminhamento
                            <br>
                            <p>RELATAR: Motivo, quantidade, local, pessoas envolvidas</p>
                            <textarea name="qual_ocorrencia" id="" cols="30" rows="5"></textarea>
                        </div>
                        <hr>
                        <div class="col-12">
                            <label for=""><b>CONTE SITUAÇÕES (PESSOAIS OU EM SALA) QUE FORAM RELEVANTE NESTE MÊS</b></label>
                            <br><br>
                            <textarea name="descricao_situacoes_relevantes" id="" cols="30" rows="5"></textarea>
                        </div>
                        <hr>
                        <div class="col-12">
                            <label for=""><b>OBSERVAÇÃO E/OU SUGESTÃO:</b></label>
                            <br><br>
                            <textarea name="observacao" id="" cols="30" rows="5"></textarea>
                        </div>
                        <center> <button type="submit" class="btn btn-success m-1 "> Salvar
                            </button> </center>
                </form>
                <!-- Footer -->
                <p class="text-muted text-center my-5">
                    Relatório de coordenadores da AMIS.
                </p>
                <!-- END Footer -->
            </div>
        </div>
    </div>
</div>
<!-- END Invoice -->
</div>




<script>
    document.querySelector('#select1').addEventListener('change', function() {
        let value = this.value;

        // use o método fetch para enviar a requisição
        fetch('{{ route('selects.filter_projetos_por_organizacao')}}', {
                    method: 'POST',
                    body: JSON.stringify({
                        _token: '{{ csrf_token() }}',
                        value: value
                    }),
                    headers: {
                        'Content-Type': 'application/json'
                    }
                })
            .then(response => response.json())
            .then(data => {
                let select2 = document.querySelector('#select2');
                select2.innerHTML = '';


                // use o método forEach para percorrer as opções filtradas e adicioná-las ao select2
                data.forEach(function(item) {
                    let option = document.createElement('option');
                    option.value = item.id;
                    option.text = item.descricao;
                    select2.appendChild(option);
                });
            });
    });

    document.querySelector('#select2').addEventListener('change', function() {
        let value = this.value;
        // use o método fetch para enviar a requisição
        fetch('{{ route('selects.filter_turmas_por_projeto')}}', {
                    method: 'POST',
                    body: JSON.stringify({
                        _token: '{{ csrf_token() }}',
                        value: value
                    }),
                    headers: {
                        'Content-Type': 'application/json'
                    }
                })
            .then(response => response.json())
            .then(data => {
                let select3 = document.querySelector('#select3');
                select3.innerHTML = '';

                console.log(data);
                // use o método forEach para percorrer as opções filtradas e adicioná-las ao select3
                data.forEach(function(item) {
                    let option = document.createElement('option');
                    option.value = item.id;
                    option.text = item.descricao;
                    select3.appendChild(option);
                });
            });

    });

    document.getElementById("input").addEventListener("keypress", function(event) {
        if (event.keyCode === 13) {
            event.preventDefault();
        }
    });
</script>


@endsection