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

@section('content')

<div class="card">
    <div class="card-header d-flex justify-content-between align-items-end">
        <h3>{{$associado->nomeCompleto}}</h3>
        <div id="divVoltar" class='pb-1 mr-3'>
        	<a href="{{ route('associados', []) }}" class="text-white">
        		<i class="fas fa-reply"></i>
        	</a>
        </div>
    </div>
    <div class="card-body">
    	<input id='idusuario' type="hidden" value='{{$idUsuario}}'>
    	<fieldset id='divInfoPessoais' class='fildset-border'>
    	    <legend>
				Informações Pessoais:
				<button type='button' onclick="AlterarDados(this, 'associado', {{$associado->id}})" class='btn btn-primary' title='Alterar dados do Associado' style="float: right; position: absolute; right: 39px;">
					<i class="fas fa-user"></i> Alterar dados de Associado
				</button>
			</legend>
    	    <div class='form-row' style="padding-bottom: 50px;">
	          	<div class="form-group col-lg-2 col-md-4" style='margin-bottom: 0px;'>
                    <img id="img_preview" src="/associados/foto/{{ $associado->id}}" class='form-control' style='height: 100%; width: 92%;'/>
	          	</div>
                <div class="form-group col-lg-10 col-md-8">
                    <div class='form-row ml-2'>

		    	        <div class="form-group col-md-5">
		    	            {!! Form::label('nome_completo', 'Nome:') !!}
		    	            {!! Form::text('nome_completo', $associado->nome_completo, ['class'=>'form-control', 'required', 'maxlength'=>191]) !!}
		    	        </div>
                        <div class="form-group col-md-3">
                            {!! Form::label('sexo', 'Sexo:') !!}
                            {!! Form::select('sexo', ['M'=>'Masculino', 'F'=>'Feminino', 'I'=>'Indefinido'], $associado->sexo, ['class'=>'form-control', 'required']) !!}
                        </div>
                        <div class="form-group col-md-3">
                            {!! Form::label('tipo_sanguineo', 'Tipo Sanguíneo:') !!}
                            {!! Form::select('tipo_sanguineo', ['A+' => 'A+', 'A-' => 'A-', 'B+' => 'B+', 'B-' => 'B-', 'AB+' => 'AB+', 'AB-' => 'AB-', 'O+' => 'O+', 'O-' => 'O-', 'Prefiro não informar'=>'Prefiro não informar'], $associado->tipo_sanguineo, ['class'=>'form-control', 'required']) !!}
                        </div>
		    	        <div class="form-group col-md-3">
		    	            {!! Form::label('data_nascimento', 'Dt. Nascimento:') !!}
		    	            {!! Form::date('data_nascimento', $associado->data_nascimento, ['onchange'=>'ToggleResponsavel()', 'class'=>'form-control', 'required', 'max'=>'2999-01-01']) !!}
		    	        </div>

		    	        <div class="form-group col-md-3">
		    	            {!! Form::label('cpf', 'CPF:') !!}
		    	            {!! Form::text('cpf', $associado->cpf, ['data-mask'=>'cpf', 'class'=>'form-control', 'required', 'maxlength'=>14, 'placeholder'=>'000.000.000-00']) !!}
		    	        </div>
		    	        <div class="form-group col-md-3">
		    	            {!! Form::label('rg', 'RG:') !!}
		    	            {!! Form::text('rg', $associado->rg, ['data-mask'=>'rg', 'class'=>'form-control', 'required', 'maxlength'=>16]) !!}
		    	        </div>
		    	        <div class="form-group col-md-6">
		    	            {!! 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, ['class'=>'form-control', 'required']) !!}
		    	        </div>
	    	    	</div>
	    	    </div>
                @if ($utilizarCreditoAssociado)
                    <div class="row" style="display:flex; flex-wrap: wrap; align-items: center; justify-content: start; margin: 10px 0 5px 10px; width: 80%">
                        <div class="form-group col-md-3">
                            {!! Form::label('old_credito', 'Saldo Atual:') !!}
                            {!! Form::number('old_credito', $associado->credito, ['step'=>'0.05', 'class'=>'form-control', 'readonly']) !!}
                        </div>
                        <div class="form-group col-md-3">
                            {!! Form::label('credito', 'Adicionar Crédito:') !!}
                            {!! Form::number('credito', 0, ['step'=>'0.05', 'class'=>'form-control', 'required']) !!}
                        </div>
                        <div class="col-md-4" onclick="ToggleHistoricoCredito()" style="margin-top: 17px;">
                            <button type='button' class='btn btn-primary' title='Mostrar/Ocultar histórico de créditos'>
                                <i class="fa fa-clock"></i>
                                <span id="show-hide-historico-credito">
                                    Mostrar
                                </span> histórico de crédito
                            </button>
                        </div>
                        <div class="historico-credito col-md-9" style="display: none; max-height: 250px; overflow: auto;">
                            <table class="table table-striped table-bordered table-hover table-sm text-center">
                                <thead>
                                    <tr>
                                        <th>Data de Atualização</th>
                                        <th>Crédito</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($creditoHistorico as $credito)
                                        <tr>
                                            <td>
                                                {{ \Carbon\Carbon::parse($credito->created_at)->timezone('-3')->format('d/m/Y H:i') }}
                                            </td>
                                            @if($credito->desconto_id)
                                                <td class="text-red">
                                                    R$ - {{ $credito->credito }}
                                                </td>
                                            @else
                                                <td class="text-green">
                                                    R$ {{ $credito->credito }}
                                                    @if ($credito->id)
                                                        <button type='button' onclick="RemoveCredito()" class='btn btn-sm btn-outline-danger' title='Excluir crédito' style="margin-left: 5px">
                                                            <i class="fa fa-trash"></i>
                                                        </button>
                                                    @endif
                                                </td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif
    	    </div>
	    </fieldset>

    	<fieldset id='divEndereco' class='fildset-border'>
    	    <legend>
    	    	Endereço:
    	    	<button type='button' onclick="AlterarDados(this, 'endereco', {{$associado->endereco->id}})" class='btn btn-primary' title='Alterar Dados de Endereço' style="float: right; position: absolute; right: 39px;">
					<i class="fas fa-map-marked-alt"></i> Alterar Endereço
				</button>
    	    </legend>

    	    <div class='form-row'>
    	        <div class="form-group col-md-2">
    	            {!! Form::label('estado_id', 'Estado:') !!}
    	            {!! Form::select('estado_id', \App\Models\Estado::orderBy('nome')->pluck('nome', 'id')->toArray(), $associado->endereco->cidade->estado_id, ['onchange'=>'GetOptionsCidades()','class'=>'form-control', 'required']) !!}
    	        </div>
    	        <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, ['class'=>'form-control', 'required']) !!}
    	        </div>
    	        <div class="form-group col-md-5">
    	            {!! Form::label('rua', 'Rua/Logradouro:') !!}
    	            {!! Form::text('rua', $associado->endereco->rua, ['class'=>'form-control', 'required', 'maxlength'=>191]) !!}
    	        </div>
    	        <div class="form-group col-md-1">
    	            {!! Form::label('numero', 'Nº:') !!}
    	            {!! Form::text('numero', $associado->endereco->numero, ['class'=>'form-control', 'required', 'maxlength'=>6]) !!}
    	        </div>
    	        <div class="form-group col-md-5">
    	            {!! Form::label('bairro', 'Bairro:') !!}
    	            {!! Form::text('bairro', $associado->endereco->bairro, ['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', 'class'=>'form-control', 'required', 'maxlength'=>9]) !!}
    	        </div>
    	        <div class="form-group col-md-4">
    	            {!! Form::label('complemento', 'Complemento:') !!}
    	            {!! Form::text('complemento', $associado->endereco->complemento, ['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, ['class'=>'form-control', 'maxlength'=>191, 'placeholder'=>'Próximo a Loja X']) !!}
    	        </div>
    	    </div>

    	</fieldset>

    	<fieldset id='divFieldTelefone' class='fildset-border'>
    	    <legend>
    	    	Contato:
    	    	<button type='button' onclick="AlterarDados(this, 'contato', {{$associado->contato->id}})" class='btn btn-primary' title='Alterar Dados de Contato' style="float: right; position: absolute; right: 39px;">
					<i class="fas fa-phone-square"></i> Alterar Contato
				</button>
    	    </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', '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', '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', 'class'=>'form-control', 'maxlength'=>15, 'required']) !!}
    	        </div>
    	    </div>
    	</fieldset>
    	@if(!empty($associado->responsavel) || $associado->Idade < 18)
	    	<fieldset id='divResponsavel' class='fildset-border'>
	    	    <legend>
	    	    	Responsável:
	    	    	<button type='button' onclick="AlterarDados(this, 'responsavel', {{$associado->responsavel->id ?? ''}})" class='btn btn-primary' title='Alterar Dados de Responsável' style="float: right; position: absolute; right: 39px;">
						<i class="fas fa-baby"></i> Alterar Responsável
					</button>
	    	    </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 ?? '', ['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 ?? '', ['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', 'class'=>'form-control', 'required', 'maxlength'=>14, 'placeholder'=>'000.000.000-00']) !!}
	    	        </div>
	    	    </div>

	    	    <fieldset id='divFieldTelefoneResponsavel' class='fildset-border'>
	    	        <legend>
	    	        	Contato do Responsavel:
	    	        </legend>
		    	    {!! Form::hidden('contato_id', $associado->responsavel->contato->id ?? '') !!}
	    	        <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', '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', 'class'=>'form-control', 'maxlength'=>15, 'required']) !!}
	    	            </div>
	    	        </div>
	    	    </fieldset>
	    	</fieldset>
	    @endif

    	<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>
    	    @foreach ($associado->cronogramas as $cronograma)
	    	    <div class='form-row divFilho'>
	    	        {!! 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']) !!}
	    	        </div>
					@if ($solicitarTurnoDiaSemana)
						@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">
							<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>
                    @elseif ($solicitarTurnoViagem)
                        <div class="form-group col-md-2">
                            {!! Form::checkbox('viagem_manha[]', true, $cronograma->viagem_manha, ['class'=>'big-checkbox', 'checked' => $cronograma->viagem_manha]) !!} Viajarei no turno da manhã
                        </div>
                        <div class="form-group col-md-2">
                            {!! Form::checkbox('viagem_tarde[]', true, $cronograma->viagem_tarde, ['class'=>'big-checkbox', 'checked' => $cronograma->viagem_tarde]) !!} Viajarei no turno da tarde
                        </div>
                        <div class="form-group col-md-2">
                            {!! Form::checkbox('viagem_noite[]', true, $cronograma->viagem_noite, ['class'=>'big-checkbox', 'checked' => $cronograma->viagem_noite]) !!} Viajarei no turno da noite
                        </div>
                    @endif
	    	    </div>
    	    @endforeach
    	</fieldset>

        <fieldset id='divFieldDocumentos' class='fildset-border'>
            <legend>
                Arquivos enviados:
                <button type='button' onclick="AlterarDados(this, 'documentos', {{$associado->id}})" class='btn btn-primary' title='Alterar documentos enviados' style="float: right; position: absolute; right: 39px;">
                    <i class="far fa-image"></i> Alterar Documentos
                </button>
            </legend>

			<div class="alert alert-primary alert-dismissible fade show" role="alert">

				<li>Visualize os arquivos clicando nos icones
					<button type="button" class='btn btn-sm btn-default'>
						<i class="far fa-image"></i>
					</button>
					abaixo.
				</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>
                        <th scope="col" style="text-align: center">Substituir Documento</th>
					</tr>
				</thead>
				<tbody>
					<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>
                            <input type='file' accept="application/pdf, image/jpg, image/jpeg, image/png" id="file_cpf" name="file_cpf[]" class='filestyle' data-btnClass="btn-secondary-color" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/>
                        </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>
                            <input type='file' accept="application/pdf, image/jpg, image/jpeg, image/png" id="file_rg" name="file_rg[]" class='filestyle' data-btnClass="btn-secondary-color" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/>
                        </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>
                            <input type='file' accept="application/pdf, image/jpg, image/jpeg, image/png" id="file_comprovante_residencia" name="file_comprovante_residencia" class='filestyle' data-btnClass="btn-secondary-color" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/>
                        </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>
                            <input type='file' accept="application/pdf, image/jpg, image/jpeg, image/png" id="file_comprovante_matricula" name="file_comprovante_matricula" class='filestyle' data-btnClass="btn-secondary-color" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/>
                        </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>
                                <input type='file' accept="application/pdf, image/jpg, image/jpeg, image/png" id="file_declaracao_residencia" name="file_declaracao_residencia" class='filestyle' data-btnClass="btn-secondary-color" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/>
                            </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>
                                <input type='file' accept="application/pdf, image/jpg, image/jpeg, image/png" id="file_comprovante_atividades_complementares" name="file_comprovante_atividades_complementares" class='filestyle' data-btnClass="btn-secondary-color" 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">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>
                            <input type='file' accept="application/pdf, image/jpg, image/jpeg, image/png" id="file_cpf_responsavel" name="file_cpf_responsavel" class='filestyle' data-btnClass="btn-secondary-color" data-size="sm" data-placeholder="Nenhum Arquivo Selecionado" data-text="<i class='fas fa-upload'></i>&nbsp; Selecionar"/>
                        </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>
                        <td></td>
					</tr>
				</tbody>
			</table>
		</fieldset>
	</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" style="overflow-y: auto; height: 610px;">
					<img style='max-width: 100%; max-height: 600px' id="imagemModal" src=''>
				</div>
		  	</div>
		</div>
	</div>
</div>

<script>

    function RemoveCredito(creditoId) {
        swal.fire({
            title: 'Tem Certeza que deseja deletar esse crédito',
            text: 'Esta ação não poderá ser revertida!',
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Sim, Deletar!',
            cancelButtonText: 'Cancelar!',
            closeOnConfirm: false,
            position: 'top',
        }).then(function(isConfirm) {

            if (!isConfirm.value) {
                return
            }

            $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

            $.ajax({
                url: '/creditos/destroy/' + creditoId,
                cache: false,
                contentType: false,
                processData: false,
                type: 'GET',
                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',
                            position: 'top',
                        });
                        setTimeout(() => {
                            location.reload()
                        }, 1000)
                    }
                }
            });
        })
    }

    function ToggleHistoricoCredito() {
        const newTextButton = $('#show-hide-historico-credito').text().trim() === 'Mostrar' ? 'Ocultar' : 'Mostrar';
        $('#show-hide-historico-credito').text(newTextButton)
        $('.historico-credito').toggle()
    }

	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,
            position: 'top',
        }).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('[]', '');
                    if (campo === 'documentos') {
                        var file_data = $('#'+name).prop('files')[0];
                        if (file_data) {
                            form_data.append('file['+ name +']', file_data);
                        }
                        return;
                    }
                    const valor = $(elemento).is(':checkbox') ? $(elemento).is(':checked') : $(elemento).val();
                    dados[[index]] = {[name]: valor};
            	});

                if (campo === 'documentos') {

                    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });

                    $.ajax({
                        url: '/associados/update',
                        cache: false,
                        contentType: false,
                        processData: false,
                        data: form_data,
                        type: 'POST',
                        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',
                                    position: 'top',
                                });
                                setTimeout(() => {
                                    location.reload()
                                }, 1000)
                            }
                        }
                    });
                } else {
                    $.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',
                                    position: 'top',
                                });
                                setTimeout(() => {
                                    location.reload()
                                }, 1000)
                            }
                        }
                    });
                }
            }
        })
	}
	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, select').each(function() {
	        $(this).attr('required', (finalidade != 10));
	    });
	}
	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();
		}
	}

</script>

@stop