@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="/relatorio_coordenadores" method="get">
    @csrf

        <!-- Form Inline - Alternative Style -->
            <div class="row g-4 align-items-center">

                <!-- Organização -->


                <!-- Projeto -->
                <div class="col-12 col-sm-3">
                    <label class="form-label" style="display: inline-block;" for="select2">Projeto</label>
                    <select class="form-select" id="select2" name="projeto_id" style="width: 70%; display: inline-block;">
                        <option value="" {{ request('projeto_id') == '' ? 'selected' : '' }}></option>
                        @foreach($options2 as $item)
                            <option value="{{$item->id}}" {{ request('projeto_id') == $item->id ? 'selected' : '' }}>{{$item->descricao}}</option>
                        @endforeach
                    </select>
                </div>



                <!-- Mês -->
                <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;">
                        <option value="" {{ request('mes') == '' ? 'selected' : '' }}>Todos os meses</option>
                        <option value="Janeiro" {{ request('mes') == 'Janeiro' ? 'selected' : '' }}>Janeiro</option>
                        <option value="Fevereiro" {{ request('mes') == 'Fevereiro' ? 'selected' : '' }}>Fevereiro</option>
                        <option value="Março" {{ request('mes') == 'Março' ? 'selected' : '' }}>Março</option>
                        <option value="Abril" {{ request('mes') == 'Abril' ? 'selected' : '' }}>Abril</option>
                        <option value="Maio" {{ request('mes') == 'Maio' ? 'selected' : '' }}>Maio</option>
                        <option value="Junho" {{ request('mes') == 'Junho' ? 'selected' : '' }}>Junho</option>
                        <option value="Julho" {{ request('mes') == 'Julho' ? 'selected' : '' }}>Julho</option>
                        <option value="Agosto" {{ request('mes') == 'Agosto' ? 'selected' : '' }}>Agosto</option>
                        <option value="Setembro" {{ request('mes') == 'Setembro' ? 'selected' : '' }}>Setembro</option>
                        <option value="Outubro" {{ request('mes') == 'Outubro' ? 'selected' : '' }}>Outubro</option>
                        <option value="Novembro" {{ request('mes') == 'Novembro' ? 'selected' : '' }}>Novembro</option>
                        <option value="Dezembro" {{ request('mes') == 'Dezembro' ? 'selected' : '' }}>Dezembro</option>
                    </select>
                </div>

                <!-- Ano -->
                <div class="col-12 col-sm-3">
                    <label class="form-label" style="display: inline-block;" for="ano">Ano</label>
                    <select class="form-select" id="ano" name="ano" style="width: 70%; display: inline-block;">
                        <option value="" {{ request('ano') == '' ? 'selected' : '' }}>Todos os anos</option>
                        <option value="2023" {{ request('ano') == '2023' ? 'selected' : '' }}>2023</option>
                        <option value="2024" {{ request('ano') == '2024' ? 'selected' : '' }}>2024</option>
                        <option value="2025" {{ request('ano') == '2025' ? 'selected' : '' }}>2025</option>
                        <!-- Adicione mais anos conforme necessário -->
                    </select>
                </div>
{{--
                <div class="col-10 col-sm-3">
                    <input class="form-check-input" type="checkbox" id="juntar_turmas" name="juntar_turmas" value="1">
                    <label class="form-check-label" for="juntar_turmas">Juntar todas as turmas</label>
                  </div> --}}


                <div class="col-4" style="display: inline-block; margin-left: 1px; margin-top: 20px;">
                    <button class="btn btn-primary my-2" type="submit">
                        <i class="fa fa-fw fa-search"></i>
                        <span class="d-none d-sm-inline ms-1">Aplicar Filtros</span>
                    </button>
                    <a href="/relatorio_coordenadores" class="btn btn-danger">
                        <i class="bi bi-x-circle"></i> Remover Filtros
                    </a>
                </div>


            </div>

        </form>
            <br><br><br>



</div>



<!-- Page Content -->
@foreach ($relario_coordenadores as $item_coordenador)

<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 class="block-options">
                <!-- Print Page functionality is initialized dmPrint() -->
                <form method="post" action="/imprimir_coordenadores_relatorio">
                    @csrf

                    <input type="hidden" name="projeto" value="">
                    <input type="hidden" name="turma" value="">
                    <input type="hidden" name="relatorio_id" value="{{$item_coordenador->id}}">

                    <button type="submit" class="btn-block-option">
                        <i class="si si-printer me-1"></i> Imprimir Relatório
                    </button>

                </form>

                </a>
            </div>
        </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_relatorio_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</label>
                            <select class="form-select" id="select2" name="projeto_id" disabled required>
                                <option value="" selected></option>
                                @foreach($options2 as $item)
                                    <option value="{{$item->id}}" {{$item_coordenador->projeto_id == $item->id ? 'selected' : ''}}>{{$item->descricao}}</option>
                                @endforeach
                            </select>
                        </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:</label>
                            <select class="form-select" id="mes" name="mes" style="width: 30%; display: inline-block;" disabled required>
                                {{-- <option>Todos meses</option> --}}
                                <option value="Janeiro" {{$item_coordenador->mes == 'Janeiro' ? 'selected' : ''}}>Janeiro</option>
                                <option value="Fevereiro" {{$item_coordenador->mes == 'Fevereiro' ? 'selected' : ''}}>Fevereiro</option>
                                <option value="Março" {{$item_coordenador->mes == 'Março' ? 'selected' : ''}}>Março</option>
                                <option value="Abril" {{$item_coordenador->mes == 'Abril' ? 'selected' : ''}}>Abril</option>
                                <option value="Maio" {{$item_coordenador->mes == 'Maio' ? 'selected' : ''}}>Maio</option>
                                <option value="Junho" {{$item_coordenador->mes == 'Junho' ? 'selected' : ''}}>Junho</option>
                                <option value="Julho" {{$item_coordenador->mes == 'Julho' ? 'selected' : ''}}>Julho</option>
                                <option value="Agosto" {{$item_coordenador->mes == 'Agosto' ? 'selected' : ''}}>Agosto</option>
                                <option value="Setembro" {{$item_coordenador->mes == 'Setembro' ? 'selected' : ''}}>Setembro</option>
                                <option value="Outubro" {{$item_coordenador->mes == 'Outubro' ? 'selected' : ''}}>Outubro</option>
                                <option value="Novembro" {{$item_coordenador->mes == 'Novembro' ? 'selected' : ''}}>Novembro</option>
                                <option value="Dezembro" {{$item_coordenador->mes == 'Dezembro' ? 'selected' : ''}}>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%;" readonly value="{{$item_coordenador->numero_beneficiarios}}" 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 disabled>Sim
                            <input type="radio" name="pode_descrever_avancos" id="" value="0" style="margin-left: 10px; margin-right: 5px;" disabled>Não
                            <br>
                            <p>Descreva–os</p>
                            <textarea name="descricao_avancos_esperados" id="" cols="30" rows="5" readonly required>{{$item_coordenador->descricao_avancos_esperados}}</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" readonly required>{{$item_coordenador->descricao_actividades_realizadas}}</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;" {{$item_coordenador->houve_mudanca_planeamento == 1 ? 'checked' : 'disabled'}}>Sim
                            <input type="radio" name="houve_mudanca_planeamento" id="" value="0" style="margin-left: 10px; margin-right: 5px;" {{$item_coordenador->houve_mudanca_planeamento == 0 ? 'checked' : 'disabled'}}>Não
                            <br>
                            <p>(Por que 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" readonly required>{{$item_coordenador->descricao_mudanca_planeamento}}</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="desistencia" style="margin-right: 5px;" value="Desistência" {{$item_coordenador->houve_alguma_ocorrencia === 'Desistência' ? 'checked' : 'disabled'}}> Desistência
                            <input type="checkbox" name="houve_alguma_ocorrencia[]" id="doacao" style="margin-left: 10px; margin-right: 5px;" value="Doação" {{$item_coordenador->houve_alguma_ocorrencia === 'Doação' ? 'checked' : 'disabled'}}> Doação
                            <input type="checkbox" name="houve_alguma_ocorrencia[]" id="atendimento" style="margin-left: 10px; margin-right: 5px;" value="Atendimento" {{$item_coordenador->houve_alguma_ocorrencia === 'Atendimento' ? 'checked' : 'disabled'}}> Atendimento
                            <input type="checkbox" name="houve_alguma_ocorrencia[]" id="atividade_externa" style="margin-left: 10px; margin-right: 5px;" value="Atividade Externa" {{$item_coordenador->houve_alguma_ocorrencia === 'Atividade Externa' ? 'checked' : 'disabled'}}> Atividade Externa
                            <input type="checkbox" name="houve_alguma_ocorrencia[]" id="atividade_interna" style="margin-left: 10px; margin-right: 5px;" value="Atividade Interna" {{$item_coordenador->houve_alguma_ocorrencia === 'Atividade Interna' ? 'checked' : 'disabled'}}> Atividade Interna
                            <br>
                            <input type="checkbox" name="houve_alguma_ocorrencia[]" id="encaminhamento" style="margin-right: 5px;" value="Encaminhamento" {{$item_coordenador->houve_alguma_ocorrencia === 'Encaminhamento' ? 'checked' : 'disabled'}}> Encaminhamento
                            <br>
                            <p>RELATAR: Motivo, quantidade, local, pessoas envolvidas</p>
                            <textarea name="qual_ocorrencia" id="" cols="30" rows="5" readonly>{{$item_coordenador->qual_ocorrencia}}</textarea>
                        </div>

                        <hr>

                        <div class="col-12">
                            <label for=""><b>CONTE SITUAÇÕES (PESSOAIS OU EM SALA) QUE FORAM RELEVANTES NESTE MÊS</b></label>
                            <br><br>
                            <textarea name="descricao_situacoes_relevantes" id="" cols="30" rows="5" readonly>{{$item_coordenador->descricao_situacoes_relevantes}}</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" readonly>{{$item_coordenador->observacao}}</textarea>
                        </div>


                </form>
                <!-- Footer -->
                <p class="text-muted text-center my-5">
                    Relatório de coordenadores da AMIS.
                </p>
                <!-- END Footer -->
            </div>
        </div>
    </div>

</div>
@endforeach

<!-- 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