@extends('layouts.crud')
@section('title', 'Perfil de Associado')

@section('content')

<style>
    input[type=checkbox] {
        height: 20px;
        width: 20px;
    }
</style>

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-end">
        <h3>Reenviar Arquivos</h3>
    </div>
    <div class="card-body">
        @if($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        {!! Form::open(['route'=>["perfil.revisao_update"], 'method'=>'put', 'files'=>true]) !!}
            <fieldset id='divFieldDocumentos' class='fildset-border'>
                <legend>Uploads Necessários: </legend>

                <div class="alert alert-light alert-dismissible fade show" role="alert">
                    <li>Os anexos enviados passaram por uma <b>análise antes</b> do seu perfil ser aprovado e foram encontradas inconsistências. Portanto, faça o upload dos arquivos corretos e legíveis.</li>
                    <li>Tamanho Máximo: 10MB</li>
                    <li>Formatos Aceitos:  .jpeg .jpg .bmp .png</li>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <table class="table table-hover table-sm table-striped">
                    <thead>
                        <tr>
                            <th scope="col" width="55%">Documento</th>
                            <th scope="col" style="text-align: center">Anexo</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($validacoes->pendencia_file_sua_foto ?? FALSE)
                            <tr>
                                <th scope="row">Sua Foto <small>(Sem boné, chapéu, óculos. Evite paisagens de fundo) </small></th>
                                <td> <input type='file' id="file_sua_foto" name="file_sua_foto" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        @if ($validacoes->pendencia_file_cpf ?? FALSE)
                            <tr>
                                <th scope="row">CPF <small>(Frente e Verso)</small></th>
                                <td> <input type='file' id="file_cpf" name="file_cpf[]" multiple="true" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        @if ($validacoes->pendencia_file_rg ?? FALSE)
                            <tr>
                                <th scope="row">RG <small>(Frente e Verso)</small></th>
                                <td> <input type='file' id="file_rg" name="file_rg[]" multiple="true" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        @if ($validacoes->pendencia_file_comprovante_residencia ?? FALSE)
                            <tr>
                                <th scope="row">Comprovante de Residência</th>
                                <td> <input type='file' id="file_comprovante_residencia" name="file_comprovante_residencia" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        @if ($validacoes->pendencia_file_comprovante_matricula ?? FALSE)
                            <tr>
                                <th scope="row">Comprovante de Matrícula</th>
                                <td> <input type='file' id="file_comprovante_matricula[]" multiple="true" name="file_comprovante_matricula" accept="image/jpeg,image/gif,image/png,application/pdf,image/x-eps" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        @if ($validacoes->pendencia_file_cpf_responsavel ?? FALSE)
                            <tr>
                                <th scope="row">CPF Responsável <small>(Caso seja menor de idade)</small> </th>
                                <td> <input type='file' id="file_cpf_responsavel" name="file_cpf_responsavel" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        @if ($validacoes->pendencia_file_declaracao_residencia ?? FALSE)
                            <tr>
                                <th scope="row">Declaração de residência <small>(caso necessário)</small></th>
                                <td> <input type='file' id="file_declaracao_residencia" name="file_declaracao_residencia" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        @if ($validacoes->pendencia_file_comprovante_atividades_complementares ?? FALSE)
                            <tr>
                                <th scope="row">Comprovante de Atividades Complementares <small>(caso necessário)</small></th>
                                <td> <input type='file' id="file_comprovante_atividades_complementares" name="file_comprovante_atividades_complementares" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                            </tr>
                        @endif
                        <tr>
                            <th scope="row">Outro <small>(Caso necessário enviar algum comprovante.)</small> </th>
                            <td> <input type='file' id="file_outro" name="file_outro" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/> </td>
                        </tr>
                    </tbody>
                </table>
            </fieldset>
            @if(isset($associado) && $associado->situacao == 'D')
                <fieldset id='divFieldAssociadoCurso' class='fildset-border divPai'>
                    <legend>Cursos: </legend>
                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                        Caso você tenha mudado de curso, apenas adicione um novo curso e solicite a desativação do antigo junto com a associação.
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    @if(config('associacao.exigir_quantidade_dias_semana'))
                        <div class="form-group col-md-4">
                            {!! Form::label('qt_viagem_semana', 'Quantas viagens você vai realizar por semana:') !!}
                            {!! Form::select('qt_viagem_semana', [1 => '1 viagem por semana', 2 => '2 viagens por semana', 3 => '3 viagens por semana', 4 => '4 viagens por semana', 5 => '5 viagens por semana'], $associado->qt_viagem_semana, ['class'=>'form-control', 'disabled'=>true]) !!}
                        </div>
                    @endif
                    <button type='button' id='btnDuplicar' style="float:right" class="btn btn-sm btn-default" onclick='AdicionarNovoElemento()'>
                        <i class="fas fa-plus-circle"></i> Adicionar Outro Curso
                    </button>
                    @foreach ($associado->cronogramas as $cronograma)
                        <input type="hidden" name='cronograma_id[]' value="{{ $cronograma->id }}">
                        <div class='form-row divFilho' data-curso-id="{{ $cronograma->id }}">
                            <div class="form-group col-md-2">
                                {!! Form::label('finalidade_id[]', 'Finalidade:') !!}
                                {!! Form::select('finalidade_id[]', \App\Models\Finalidade::orderBy('nome')->pluck('nome', 'id')->toArray(), $cronograma->finalidade_id, ['onchange'=>'TrataFinalidade(this)', 'class'=>'form-control']) !!}
                            </div>
                            @if ($cronograma->instituicao_id != '')
                                <div class="form-group col-md-3 dependsFinalidade">
                                    {!! Form::label('instituicao_id[]', 'Instituição:') !!}
                                    {!! Form::select('instituicao_id[]', \App\Models\Instituicao::orderBy('nome')->pluck('nome', 'id')->toArray(), $cronograma->instituicao_id, ['onchange'=>'GetOptionsCursos(this)','class'=>'form-control', 'required']) !!}
                                </div>
                                <div class="form-group col-md-3 dependsFinalidade">
                                    {!! Form::label('curso_id[]', 'Cursos:') !!}
                                    {!! Form::select('curso_id[]', \App\Models\Curso::orderBy('nome')->pluck('nome', 'id')->toArray(), $cronograma->curso_id, ['class'=>'form-control', 'required']) !!}
                                </div>
                            @endif
                            <div class="form-group col-md-3">
                                {!! Form::label('rota_id[]', 'Rota:') !!}
                                {!! Form::select('rota_id[]', \App\Models\Rota::orderBy('nome')->pluck('nome', 'id')->toArray(), $cronograma->rota_id, ['class'=>'form-control', 'required', 'onchange'=>'verificarConfiguracaoRota(this, ' . $cronograma->id . ')']) !!}
                            </div>

                            <div id="configuracao-rota-{{ $cronograma->id }}" style="display: none; width: 100%">
                                <div id="turno-dia-semana-{{ $cronograma->id }}" style="display: none;">
                                    @php
                                        $diasDaSemana = [0 => 'Domingo', 1 => 'Segunda', 2 => 'Terça', 3 => 'Quarta', 4 => 'Quinta', 5 => 'Sexta', 6 => 'Sábado'];
                                        $sentidos = ['I' => 'Ida', 'V' => 'Volta'];
                                        $turnos = ['M' => 'Manhã', 'T' => 'Tarde', 'N' => 'Noite'];
                                    @endphp

                                    <div class="container table-responsive mt-3" id="checkboxContainer{{ $cronograma->id }}">
                                        <table class="table table-striped table-bordered table-hover table-sm text-center">
                                            <thead>
                                                <tr>
                                                    <th width="100px"></th>
                                                    @foreach($diasDaSemana as $dia)
                                                        <th>{{ $dia }}</th>
                                                    @endforeach
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach($sentidos as $sentidoKey => $sentido)
                                                    @foreach($turnos as $turnoKey => $turno)
                                                        <tr>
                                                            <td>{{ $turno }} {{ $sentido }}</td>
                                                            @foreach($diasDaSemana as $diaKey => $dia)
                                                                <td>
                                                                    <div class="icheck-primary d-inline">
                                                                        @php
                                                                            $selecionado = isset($turnoDiaSemanas[$cronograma->id][$diaKey][$sentidoKey][$turnoKey])
                                                                        @endphp
                                                                        <input type="checkbox" id="checkbox{{ $cronograma->id }}{{ $sentidoKey }}{{ $turnoKey }}{{ $diaKey }}" name="horarios[{{ $cronograma->id }}][{{ $sentidoKey }}][{{ $turnoKey }}][{{ $diaKey }}]" value="{{ $sentidoKey }}" {{ $selecionado ? 'checked' : '' }}>
                                                                        <label for="checkbox{{ $cronograma->id }}{{ $sentidoKey }}{{ $turnoKey }}{{ $diaKey }}"></label>
                                                                    </div>
                                                                </td>
                                                            @endforeach
                                                        </tr>
                                                    @endforeach
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <div id="turno-viagem-{{ $cronograma->id }}" style="display: none;" class="row p-3">
                                    <div class="form-group col-md-3">
                                        {!! Form::label('viagem_manha[]', 'Viajarei no turno da manhã:') !!}
                                        {!! Form::select('viagem_manha[]', ['true'=>'Sim', 'false'=>'Não'], $cronograma->viagem_manha ? 'true' : 'false', ['class'=>'form-control']) !!}
                                    </div>
                                    <div class="form-group col-md-3">
                                        {!! Form::label('viagem_tarde[]', 'Viajarei no turno da tarde:') !!}
                                        {!! Form::select('viagem_tarde[]', ['true'=>'Sim', 'false'=>'Não'], $cronograma->viagem_tarde ? 'true' : 'false', ['class'=>'form-control']) !!}
                                    </div>
                                    <div class="form-group col-md-3">
                                        {!! Form::label('viagem_noite[]', 'Viajarei no turno da noite:') !!}
                                        {!! Form::select('viagem_noite[]', ['true'=>'Sim', 'false'=>'Não'], $cronograma->viagem_noite ? 'true' : 'false', ['class'=>'form-control']) !!}
                                    </div>
                                </div>

                                <!-- Campos ocultos para garantir envio de todos os dados -->
                                <input type="hidden" name="viagem_manha_hidden[]" value="{{ $cronograma->viagem_manha ? 'true' : 'false' }}">
                                <input type="hidden" name="viagem_tarde_hidden[]" value="{{ $cronograma->viagem_tarde ? 'true' : 'false' }}">
                                <input type="hidden" name="viagem_noite_hidden[]" value="{{ $cronograma->viagem_noite ? 'true' : 'false' }}">
                            </div>
                        </div>
                    @endforeach
                </fieldset>
                @if(config('associacao.exigir_quantidade_dias_semana'))
                    <div class="form-group col-md-4">
                        {!! Form::label('qt_viagem_semana', 'Quantas viagens você vai realizar por semana nesse semestre:') !!}
                        {!! Form::select('qt_viagem_semana', [1 => '1 viagem por semana', 2 => '2 viagens por semana', 3 => '3 viagens por semana', 4 => '4 viagens por semana', 5 => '5 viagens por semana'], $associado->qt_viagem_semana, ['class'=>'form-control', 'required']) !!}
                    </div>
                @endif
            @endif
            @if ($validacoes->retorno ?? FALSE)
                <div id='retorno_associado' class='form-row'>
                    <div class="form-group col-md-12">
                        {!! Form::label('retorno', 'Retorno da Associação:') !!}
                        {!! Form::textarea('retorno', $validacoes->retorno, ['disabled'=>true, 'class'=>'form-control', 'id' => 'retorno', 'rows' => 4, 'cols' => 54, 'style' => 'resize:none; margin-bottom: 15px']) !!}
                    </div>
                </div>
            @endif
            <div class="flex items-center justify-end mt-5 pt-5">
                <div class='form-row'>
                    <div class="form-group col-md-6">
                    {!! Form::submit('Enviar Novamente', ['class'=>'btn btn-primary']) !!}
                </div>
            </div>
        {!! Form::close() !!}
    </div>
</div>

<script>
    function TrataFinalidade(e) {
        var finalidade = $(e).val();
        $(e).closest('.divFilho').find('.dependsFinalidade').toggle(finalidade != 10); //Diferente de Trabalho
        $(e).closest('.divFilho').find('.dependsFinalidade select').val('');

        $(e).closest('.divFilho').find('input:not(:checkbox), select').each(function() {
            $(this).attr('required', (finalidade != 10));
        });
    }

    function sincronizarCamposOcultos(cursoId) {
        const container = $('[data-curso-id="' + cursoId + '"]');

        // Sempre pegar o valor do campo visível se existir, senão usar 'false'
        let viagemManha = 'false';
        let viagemTarde = 'false';
        let viagemNoite = 'false';

        const selectManha = container.find('select[name="viagem_manha[]"]');
        const selectTarde = container.find('select[name="viagem_tarde[]"]');
        const selectNoite = container.find('select[name="viagem_noite[]"]');

        if (selectManha.length > 0 && selectManha.is(':visible')) {
            viagemManha = selectManha.val() || 'false';
        }
        if (selectTarde.length > 0 && selectTarde.is(':visible')) {
            viagemTarde = selectTarde.val() || 'false';
        }
        if (selectNoite.length > 0 && selectNoite.is(':visible')) {
            viagemNoite = selectNoite.val() || 'false';
        }

        container.find('input[name="viagem_manha_hidden[]"]').val(viagemManha);
        container.find('input[name="viagem_tarde_hidden[]"]').val(viagemTarde);
        container.find('input[name="viagem_noite_hidden[]"]').val(viagemNoite);
    }

    function verificarConfiguracaoRota(select, cursoId) {
        const rotaId = $(select).val();
        if (!rotaId) {
            $('#configuracao-rota-' + cursoId).hide();
            // Remover required dos campos de turno de viagem
            $('#turno-viagem-' + cursoId + ' select').removeAttr('required');
            return;
        }

        // Buscar configurações da rota via AJAX
        $.ajax({
            url: '/api/rota-configuracao/' + rotaId,
            method: 'GET',
            success: function(response) {
                const configuracao = response;
                console.log(configuracao)
                const container = $('#configuracao-rota-' + cursoId);
                const turnoDiaSemana = $('#turno-dia-semana-' + cursoId);
                const turnoViagem = $('#turno-viagem-' + cursoId);

                // Esconder ambos os containers primeiro e remover required
                turnoDiaSemana.hide();
                turnoViagem.hide();
                $('#turno-viagem-' + cursoId + ' select').removeAttr('required');

                // Mostrar o container apropriado baseado na configuração
                if (configuracao.solicitar_turno_dia_semana) {
                    turnoDiaSemana.show();
                    container.show();
                } else if (configuracao.solicita_turno_viagem) {
                    turnoViagem.show();
                    container.show();
                    // Adicionar required aos campos de turno de viagem
                    $('#turno-viagem-' + cursoId + ' select').attr('required', 'required');
                } else {
                    container.hide();
                }

                // Sincronizar campos ocultos com campos visíveis
                sincronizarCamposOcultos(cursoId);
            },
            error: function() {
                console.error('Erro ao buscar configuração da rota');
                $('#configuracao-rota-' + cursoId).hide();
                // Remover required dos campos de turno de viagem
                $('#turno-viagem-' + cursoId + ' select').removeAttr('required');
            }
        });
    }

    window.onload = function() {
        // Verificar configuração de rota para cada cronograma existente
        $('[data-curso-id]').each(function() {
            const cursoId = $(this).attr('data-curso-id');
            const rotaSelect = $(this).find('select[name="rota_id[]"]');
            if (rotaSelect.val()) {
                verificarConfiguracaoRota(rotaSelect[0], cursoId);
            }
        });
    }
</script>
@stop