@extends('layouts.crud')
@section('plugins.Sweetalert2', true)

@section('title', 'Avaliar Perfil')
@section('content')

    <style>
        input[type=checkbox] {
            height: 20px;
            width: 20px;
        }
        .modal {
            height: auto!important;
            min-height: 100%;
        }
    </style>

	<div class="card">
	    <div class="card-header d-flex justify-content-between align-items-end">
			<div id="divVoltar" class='pb-1 mr-3'>
				<a href="{{ route('associadovalidacao', []) }}" class="text-white">
					<i class="fas fa-reply"></i>
				</a>
			</div>
	    </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'=>["associadovalidacao.response", 'id'=>\Crypt::encrypt($associado->id)], 'method'=>'put','files'=>true]) !!}
                <h4 style="text-align: center;">Cadastrado realizado em: {{ \Carbon\Carbon::parse($associado->created_at)->format('d/m/Y')}}</h4>
                <fieldset id='divInfoPessoais' class='fildset-border'>
                    <legend>Informações Pessoais:  </legend>
                    <div class='form-row'>
                        <div class="form-group col-md-3">
                            {!! Form::label('nome', 'Nome:') !!}
                            {!! Form::text('nome', $associado->nome, ['disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>191]) !!}
                        </div>
                        <div class="form-group col-md-5">
                            {!! Form::label('sobrenome', 'Sobrenome:') !!}
                            {!! Form::text('sobrenome', $associado->sobrenome, ['disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>191]) !!}
                        </div>
                        <div class="form-group col-md-2">
                            {!! Form::label('sexo', 'Sexo:') !!}
                            {!! Form::select('sexo', ['M'=>'Masculino', 'F'=>'Feminino', 'I'=>'Indefinido'], $associado->sexo, ['disabled'=>true, 'class'=>'form-control', 'required']) !!}
                        </div>
                        <div class="form-group col-md-2">
                            {!! Form::label('data_nascimento', 'Dt. Nascimento:') !!}
                            {!! Form::date('data_nascimento', $associado->data_nascimento, ['onchange'=>'ToggleResponsavel()', 'disabled'=>true, 'class'=>'form-control', 'required', 'max'=>'2999-01-01']) !!}
                        </div>

                        <div class="form-group col-md-2">
                            {!! Form::label('cpf', 'CPF:') !!}
                            {!! Form::text('cpf', $associado->cpf, ['data-mask'=>'cpf', 'disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>14, 'placeholder'=>'000.000.000-00']) !!}
                        </div>
                        <div class="form-group col-md-2">
                            {!! Form::label('rg', 'RG:') !!}
                            {!! Form::text('rg', $associado->rg, ['data-mask'=>'rg', 'disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>16]) !!}
                        </div>
                        <div class="form-group col-md-5">
                            {!! Form::label('orgaoexpedidor_id', 'Orgão Expedidor:') !!}
                            {!! Form::select('orgaoexpedidor_id', \App\Models\OrgaoExpedidor::orderBy('nome')->get()->pluck('sigla_com_nome', 'id')->toArray(), $associado->orgaoexpedidor_id, ['disabled'=>true, 'class'=>'form-control', 'required']) !!}
                        </div>
                    </div>
                </fieldset>

                <fieldset id='divEndereco' class='fildset-border'>
                    <legend>Endereço: </legend>
                    <div class='form-row'>
                        <div class="form-group col-md-3">
                            {!! Form::label('cidade_id', 'Cidade:') !!}
                            {!! Form::select('cidade_id', \App\Models\Cidade::orderBy('nome')->pluck('nome', 'id')->toArray(), $associado->endereco->cidade_id, ['disabled'=>true, 'class'=>'form-control', 'required']) !!}
                        </div>
                        <div class="form-group col-md-5">
                            {!! Form::label('rua', 'Rua/Logradouro:') !!}
                            {!! Form::text('rua', $associado->endereco->rua, ['disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>191]) !!}
                        </div>
                        <div class="form-group col-md-1">
                            {!! Form::label('numero', 'Nº:') !!}
                            {!! Form::text('numero', $associado->endereco->numero, ['disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>6]) !!}
                        </div>
                        <div class="form-group col-md-5">
                            {!! Form::label('bairro', 'Bairro:') !!}
                            {!! Form::text('bairro', $associado->endereco->bairro, ['disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>191]) !!}
                        </div>
                        <div class="form-group col-md-1">
                            {!! Form::label('cep', 'Cep:') !!}
                            {!! Form::text('cep', $associado->endereco->cep, ['placeholder'=>'00000-000', 'data-mask'=>'cep', 'disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>9]) !!}
                        </div>
                        <div class="form-group col-md-4">
                            {!! Form::label('complemento', 'Complemento:') !!}
                            {!! Form::text('complemento', $associado->endereco->complemento, ['disabled'=>true, 'class'=>'form-control', 'maxlength'=>191, 'placeholder'=>'Casa/Ap X']) !!}
                        </div>
                        <div class="form-group col-md-4">
                            {!! Form::label('referencia', 'Referencia:') !!}
                            {!! Form::text('referencia', $associado->endereco->referencia, ['disabled'=>true, 'class'=>'form-control', 'maxlength'=>191, 'placeholder'=>'Próximo a Loja X']) !!}
                        </div>
                    </div>
                </fieldset>

                <fieldset id='divFieldTelefone' class='fildset-border'>
                    <legend>Contato: </legend>
                    <div class='form-row'>
                        <div class="form-group col-md-5">
                            {!! Form::label('email_secundario', 'Email Secundário:') !!}
                            {!! Form::email('email_secundario', $associado->contato->email_secundario, ['placeholder'=>'exemplo@email.com', 'disabled'=>true, 'class'=>'form-control', 'maxlength'=>191]) !!}
                        </div>
                        <div class="form-group col-md-2">
                            {!! Form::label('telefone', 'Telefone:') !!}
                            {!! Form::text('telefone', $associado->contato->telefone, ['placeholder'=>'(00) 0000-0000', 'data-mask'=>'phone', 'disabled'=>true, 'class'=>'form-control', 'maxlength'=>14]) !!}
                        </div>
                        <div class="form-group col-md-2">
                            {!! Form::label('celular', 'Celular:') !!}
                            {!! Form::text('celular', $associado->contato->celular, ['placeholder'=>'(00) 00000-0000', 'data-mask'=>'phone', 'disabled'=>true, 'class'=>'form-control', 'maxlength'=>15, 'required']) !!}
                        </div>
                    </div>
                </fieldset>

                @isset($associado->responsavel->nome)
                    <fieldset id='divResponsavel' class='fildset-border'>
                        <legend>Responsável: </legend>
                        <div class='form-row'>
                            <div class="form-group col-md-3">
                                {!! Form::label('nome_responsavel', 'Nome do Responsável:') !!}
                                {!! Form::text('nome_responsavel', $associado->responsavel->nome, ['disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>191]) !!}
                            </div>
                            <div class="form-group col-md-5">
                                {!! Form::label('sobrenome_responsavel', 'Sobrenome do Responsável:') !!}
                                {!! Form::text('sobrenome_responsavel', $associado->responsavel->sobrenome, ['disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>191]) !!}
                            </div>
                            <div class="form-group col-md-2">
                                {!! Form::label('cpf_responsavel', 'CPF:') !!}
                                {!! Form::text('cpf_responsavel', $associado->responsavel->cpf, ['data-mask'=>'cpf', 'disabled'=>true, 'class'=>'form-control', 'required', 'maxlength'=>14, 'placeholder'=>'000.000.000-00']) !!}
                            </div>
                        </div>

                        <fieldset id='divFieldTelefoneResponsavel' class='fildset-border'>
                            <legend>Contato do Responsavel: </legend>
                            <div class='form-row'>
                                <div class="form-group col-md-5">
                                    {!! Form::label('email_responsavel', 'Email Resp.:') !!}
                                    {!! Form::email('email_responsavel', $associado->responsavel->contato->email, ['placeholder'=>'exemplo@email.com', 'disabled'=>true, 'class'=>'form-control', 'maxlength'=>191]) !!}
                                </div>
                                <div class="form-group col-md-2">
                                    {!! Form::label('celular_responsavel', 'Celular Resp.:') !!}
                                    {!! Form::text('celular_responsavel', $associado->responsavel->contato->celular, ['placeholder'=>'(00) 00000-0000', 'data-mask'=>'phone', 'disabled'=>true, 'class'=>'form-control', 'maxlength'=>15, 'required']) !!}
                                </div>
                            </div>
                        </fieldset>
                    </fieldset>
                @endisset

                <fieldset id='divFieldAssociadoCurso' class='fildset-border divPai'>
            	    <legend>
            	    	Cursos:
            	    	<button type='button' onclick="AlterarDados(this, 'cronogramas', 0)" class='btn btn-primary' title='Alterar Cursos do Cronograma' style="float: right; position: absolute; right: 39px;">
        					<i class="fas fa-calendar-check"></i> Alterar Cronograma
        				</button>
            		</legend>
                    @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', 'required']) !!}
                        </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>
                    <input id='idusuario' type="hidden" value='{{\Crypt::encrypt($associado->id)}}'>
            	    @foreach ($associado->cronogramas as $cronograma)
        	    	    <div class='form-row divFilho' data-curso-id="{{ $cronograma->id }}">
        	    	        {!! Form::hidden('cronograma_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>
        	    	        <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>
        	    	        <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>

                <fieldset id='divFieldDocumentos' class='fildset-border'>
                    <legend>Uploads Necessários: </legend>

                    <div class="alert alert-primary alert-dismissible fade show" role="alert">
                        <h4>Validação dos Arquivos</h4>

                        <li>Visualize os arquivos clicando nos icones
                            <button type="button" class='btn btn-sm btn-default'>
                                <i class="far fa-image"></i>
                            </button>
                            abaixo e caso esteja com algum problema, solicite um novo marcando no quadrinho ao lado.
                        </li>
                        <li>Caso necessário é possível retornar uma mensagem ao usuário.</li>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>

                    @if ($msgDevedor != null)
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <h4>{{$msgDevedor}}</h4>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    <table class="table table-hover table-sm table-striped">
                        <thead>
                            <tr>
                                <th scope="col" width="85%">Documento</th>
                                <th scope="col" style="text-align: center">Anexo</th>
                                <th scope="col" width="7%">Solicitar Novo?</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th scope="row">Sua Foto <small>(Sem boné, chapéu, óculos. Evite paisagens de fundo) </small></th>
                                <td>
                                    @forelse($imagens['file_sua_foto'] as $arr)
                                        <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Foto de Perfil'>
                                            <i class="far fa-image"></i>
                                        </button>
                                    @empty
                                        <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                    @endforelse
                                </td>
                                <td>
                                    {!! Form::checkbox('file_sua_foto', true) !!}
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">CPF <small>(Frente e Verso)</small></th>
                                <td>
                                    @forelse($imagens['file_cpf'] as $arr)
                                        <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de CPF'>
                                            <i class="far fa-image"></i>
                                        </button>
                                    @empty
                                        <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                    @endforelse
                                </td>
                                <td>
                                    {!! Form::checkbox('file_cpf', true) !!}
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">RG <small>(Frente e Verso)</small></th>
                                <td>
                                    @forelse($imagens['file_rg'] as $arr)
                                        <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de RG'>
                                            <i class="far fa-image"></i>
                                        </button>
                                    @empty
                                        <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                    @endforelse
                                </td>
                                <td>
                                    {!! Form::checkbox('file_rg', true) !!}
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">Comprovante de Residência <small>(O mesmo informado acima)</small></th>
                                <td>
                                    @forelse($imagens['file_comprovante_residencia'] as $arr)
                                        <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Comprovante de Residência'>
                                            <i class="far fa-image"></i>
                                        </button>
                                    @empty
                                        <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                    @endforelse
                                </td>
                                <td>
                                    {!! Form::checkbox('file_comprovante_residencia', true) !!}
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">Comprovante de Matrícula</th>
                                <td>
                                    @forelse($imagens['file_comprovante_matricula'] as $arr)
                                        <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Comprovante de Matrícula'>
                                            <i class="far fa-image"></i>
                                        </button>
                                    @empty
                                        <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                    @endforelse
                                </td>
                                <td>
                                    {!! Form::checkbox('file_comprovante_matricula', true) !!}
                                </td>
                            </tr>
                            @if (config('app.name') === 'ASSUMA')
                                <tr>
                                    <th scope="row">Declaração de residência</th>
                                    <td>
                                        @forelse($imagens['file_declaracao_residencia'] as $arr)
                                            <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Declaração de residência'>
                                                <i class="far fa-image"></i>
                                            </button>
                                        @empty
                                            <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                        @endforelse
                                    </td>
                                    <td>
                                        {!! Form::checkbox('file_declaracao_residencia', true) !!}
                                    </td>
                                </tr>
                                <tr>
                                    <th scope="row">Comprovante de Atividades Complementares</th>
                                    <td>
                                        @forelse($imagens['file_comprovante_atividades_complementares'] as $arr)
                                            <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de Comprovante de Atividades Complementares'>
                                                <i class="far fa-image"></i>
                                            </button>
                                        @empty
                                            <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                        @endforelse
                                    </td>
                                    <td>
                                        {!! Form::checkbox('file_comprovante_atividades_complementares', true) !!}
                                    </td>
                                </tr>
                            @endif
                            <tr>
                                <th scope="row">CPF Responsável <small>(Caso seja menor de idade)</small> </th>
                                <td>
                                    @forelse($imagens['file_cpf_responsavel'] as $arr)
                                        <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem de CPF Responsável'>
                                            <i class="far fa-image"></i>
                                        </button>
                                    @empty
                                        <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                    @endforelse
                                </td>
                                <td>
                                    {!! Form::checkbox('file_cpf_responsavel', true) !!}
                                </td>
                            </tr>
                            <tr>
                                <th scope="row">Outro <small>(Caso necessário enviar algum comprovante.)</small> </th>
                                <td>
                                    @forelse($imagens['file_outro'] as $arr)
                                        <button type='button' onclick='MostraImagem(this)' data-extension="{{$arr['extension']}}" data-src="{{$arr['url']}}" class='btn btn-sm btn-default' title='Abrir imagem'>
                                            <i class="far fa-image"></i>
                                        </button>
                                    @empty
                                        <button type='button' class='btn btn-sm btn-default'>Sem Anexo Vinculado</button>
                                    @endforelse
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </fieldset>

                <div class='form-row justify-content-end'>
                    <div class="form-group col-md-auto">
                        {!! Form::label('flag_aprovar', 'Aprovar Perfil? ') !!}
                        {!! Form::checkbox('flag_aprovar', true, true) !!}
                    </div>
                </div>

                <div id='retorno_associado' class='form-row' style='display: none'>
                    <div class="form-group col-md-12">
                        {!! Form::label('retorno', 'Retorno ao Associado:') !!}
                        {!! Form::textarea('retorno', null, ['placeholder'=>'Este campo deverá ser utilizado apenas quando for necessário enviar um retorno negativo.', 'class'=>'form-control', 'id' => 'retorno', 'rows' => 4, 'cols' => 54, 'style' => 'resize:none; margin-bottom: 15px']) !!}
                    </div>
                </div>
                @if (Config::get('associacao.asaas_token') != '')
                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <h4>Taxa administrativa</h4>
                    <li>A sua associação possuí a cobrança de taxa de cadastro/recadastro de forma automática.</li>
                    <li>Ao <strong>aprovar o perfil</strong> do associado, a cobrança será enviada ao e-mail dele.</li>

                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                @else
                    <div id='pdf-associado' style="margin-bottom: 10px;">
                            {!! Form::label('file_boleto_pdf', 'Boleto da Taxa Administrativa') !!}
                        <input type='file' id="file_boleto_pdf" name="file_boleto" class='filestyle' data-btnClass="btn-danger" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/>
                    </div>
                @endif
                <div class='form-row'>
                    <div class="form-group col-md-6">
                        {!! Form::submit('Enviar Retorno', ['id'=>'btnEnviarRetorno', 'class'=>'btn btn-primary']) !!}
                    </div>
    			</div>
    		{!! Form::close() !!}
	    </div>
	</div>

    <div class="modal" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-lg" role="document" style='width: 85%!important; max-width: 85%!important; margin: 20% 6% 6% 6%!important;'>
        <div class="modal-content" style='height: 90%!important'>
          <div class="modal-header">
            <button type='button' onclick="(function(){$('.modal').hide()})()" type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <img style='max-width: 100%; max-height: 810px' id="imagemModal" src=''>
          </div>
        </div>
      </div>
    </div>
@stop

@section('js')
    <script>

    	function AlterarDados(elem, campo, id) {
    		swal.fire({
                title: 'Tem Certeza que deseja editar essas informações?',
                text: 'Esta ação não poderá ser revertida!',
                type: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sim, Editar!',
                cancelButtonText: 'Cancelar!',
                closeOnConfirm: false,
            }).then(function(isConfirm) {

                if (isConfirm.value) {

                	var dados = {};


                    var form_data = new FormData();


                    form_data.append('idusuario', $('#idusuario').val())
                    form_data.append('campo', campo)
                    form_data.append('id', id)
                    form_data.append('_token', $('meta[name="csrf-token"]').attr('content'))
                    form_data.append('_method', 'PUT')

                	$(elem).closest('fieldset').find('input,select').each(function(index,elemento) {
                	    var name = $(elemento).attr('name');
                        if (!name) {
                            return;
                        }
                        name = name.replace('[]', '');
                        const valor = $(elemento).is(':checkbox') ? $(elemento).is(':checked') : $(elemento).val();
                        dados[[index]] = {[name]: valor};
                	});

                    $.ajax({
                        url: '/associados/update',
                        data: {
                            'idusuario': $('#idusuario').val(),
                            'campo': campo,
                            'id': id,
                            'dados': dados,
                            '_token': $('meta[name="csrf-token"]').attr('content')
                        },
                        type: 'PUT',
                        success: function(ret) {
                            if (ret.trim() != '') {
                                swal.fire({
                                    title: 'ERRO',
                                    text: 'Opss! Ocorreu algum imprevisto',
                                    type: 'error'
                                });
                            } else {
                                swal.fire({
                                    title: 'Sucesso',
                                    text: 'Informação atualizada com sucesso!',
                                    type: 'success'
                                });
                            }
                        }
                    });

                }
            })
    	}
        function MostraImagem(e) {
            extension = $(e).attr('data-extension');
            src = $(e).attr('data-src');
            if (extension == 'pdf') {
                let pdfWindow = window.open("")
                pdfWindow.document.write("<iframe width='100%' height='100%' src='"+src+"'></iframe>")
            } else {
                $("#imagemModal").prop('src', src);
                $('.modal').show();
            }
        }

        $('[name=file_sua_foto], [name=file_cpf], [name=file_rg], [name=file_comprovante_residencia], [name=file_comprovante_matricula], [name=file_cpf_responsavel], [name=file_declaracao_residencia], [name=file_comprovante_atividades_complementares]').on('click', function() {
            var nenhumaAlteracao = $('[name=file_sua_foto]:checked, [name=file_cpf]:checked, [name=file_rg]:checked, [name=file_comprovante_residencia]:checked, [name=file_comprovante_matricula]:checked, [name=file_cpf_responsavel]:checked, [name=file_declaracao_residencia]:checked, [name=file_comprovante_atividades_complementares]:checked').length == 0;
            $('#flag_aprovar').prop("checked", nenhumaAlteracao).trigger('change');
        })

        $('#flag_aprovar').on('change', function() {
            if ((!$(this).prop('checked'))) {
                $('#retorno_associado').slideDown();
                $('#pdf-associado').slideUp();
            } else {
                $('#retorno_associado').slideUp();
                $('#pdf-associado').slideDown();
            }
        });


        var validadoSubmit = @php echo Config::get('associacao.asaas_token') != '' ? 0 : 1 @endphp;
        $('#btnEnviarRetorno').on('click', function(e) {
            if (validadoSubmit) {
                return;
            } else {
                if ($('#file_boleto_pdf').val() == '') {
                    e.preventDefault();

                    validadoSubmit = true;

                    swal.fire({
                        title: 'Tem certeza que quer aprovar sem enviar um boleto?',
                        type: 'warning',
                        showCancelButton: true
                    }
                    ).then(function(isConfirm) {
                        if (isConfirm == true) {
                            $('#btnEnviarRetorno').trigger('click');
                        }
                    });
                }
            }

        });

        function verificarConfiguracaoRota(select, cursoId) {
            const rotaId = $(select).val();
            if (!rotaId) {
                $(`#configuracao-rota-${cursoId}`).hide();
                return;
            }

            $.ajax({
                url: '/api/rota-configuracao/' + rotaId,
                type: 'GET',
                success: function(response) {
                    const container = $(`#configuracao-rota-${cursoId}`);
                    const turnoDiaSemana = $(`#turno-dia-semana-${cursoId}`);
                    const turnoViagem = $(`#turno-viagem-${cursoId}`);

                    container.show();

                    if (response.solicitar_turno_dia_semana) {
                        turnoDiaSemana.show();
                        turnoViagem.hide();
                    } else if (response.solicitar_turno_viagem) {
                        turnoDiaSemana.hide();
                        turnoViagem.show();
                    } else {
                        container.hide();
                    }

                    sincronizarCamposOcultos(cursoId);
                },
                error: function() {
                    console.error('Erro ao verificar configuração da rota');
                }
            });
        }

        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 turnoViagem = $(`#turno-viagem-${cursoId}`);
            if (turnoViagem.is(':visible')) {
                viagemManha = container.find('select[name="viagem_manha[]"]').val() || 'false';
                viagemTarde = container.find('select[name="viagem_tarde[]"]').val() || 'false';
                viagemNoite = container.find('select[name="viagem_noite[]"]').val() || 'false';
            }

            // Atualizar campos ocultos
            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);
        }

        // Inicializar configuração para cronogramas existentes
        window.onload = function() {
            $('.divFilho').each(function() {
                const cursoId = $(this).data('curso-id');
                const rotaSelect = $(this).find('select[name="rota_id[]"]');
                if (rotaSelect.val()) {
                    verificarConfiguracaoRota(rotaSelect[0], cursoId);
                }
            });
        };

        // Sincronizar campos quando valores mudarem
        $(document).on('change', 'select[name="viagem_manha[]"], select[name="viagem_tarde[]"], select[name="viagem_noite[]"]', function() {
            const cursoId = $(this).closest('.divFilho').data('curso-id');
            sincronizarCamposOcultos(cursoId);
        });
    </script>
@stop

@section('table-delete')
""
@stop