@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>
    <div class="card-body">

    	<fieldset id='divInfoPessoais' class='fildset-border'>
    	    <legend>Informações Pessoais: </legend>
    	    <div class='form-row mb-5'>
	          	<div class="form-group col-lg-3 col-md-3" style='margin-bottom: 0px;'>
	              	<img id="img_preview" src="/associados/foto/{{ $associado->id}}" class='form-control' style='height: 100%; max-height: 300px; width: 92%;'/>
                    <button id="btn-save-photo" onclick="atualizarFotoPerfil();" type="button" class="btn btn-success mt-2" style="margin-top: -40px!important; z-index: 1; position: absolute; display: none"> Salvar nova Imagem </button>
                    <input type='file' id="file_sua_foto" name="file_sua_foto" class='filestyle' data-text="Selecionar Imagem"/>
	          	</div>
                <div class="form-group col-lg-9 col-md-9">
                    <div class='form-row ml-2'>

		    	        <div class="form-group col-md-5">
		    	            {!! Form::label('nome', 'Nome:') !!}
		    	            {!! Form::text('nome', $associado->nome_completo, ['class'=>'form-control', 'required', 'maxlength'=>191, 'disabled'=>true]) !!}
		    	        </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', 'disabled'=>true]) !!}
		    	        </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', 'disabled'=>true]) !!}
		    	        </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', 'disabled'=>true]) !!}
		    	        </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, 'disabled'=>true]) !!}
		    	        </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', 'disabled'=>true]) !!}
		    	        </div>
						@if ($utilizarCreditoAssociado)	
							<div class="form-group col-md-6">
								{!! Form::label('credito', 'Credito:') !!}
								{!! Form::text('credito', $associado->credito, ['class'=>'form-control', 'required', 'maxlength'=>191, 'disabled'=>true]) !!}
							</div>
						@endif
	    	    	</div>
	    	    </div>
    	    </div>

	    	<fieldset id='divEndereco' class='fildset-border'>
	    	    <legend>Endereço: </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', 'disabled'=>true]) !!}
	    	        </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', 'disabled'=>true]) !!}
	    	        </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, 'disabled'=>true]) !!}
	    	        </div>
	    	        <div class="form-group col-md-1">
	    	            {!! Form::label('numero', 'Nº:') !!}
	    	            {!! Form::text('numero', $associado->endereco->numero, ['class'=>'form-control', 'required', 'maxlength'=>6, 'disabled'=>true]) !!}
	    	        </div>
	    	        <div class="form-group col-md-5">
	    	            {!! Form::label('bairro', 'Bairro:') !!}
	    	            {!! Form::text('bairro', $associado->endereco->bairro, ['class'=>'form-control', 'required', 'maxlength'=>191, 'disabled'=>true]) !!}
	    	        </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, 'disabled'=>true]) !!}
	    	        </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', 'disabled'=>true]) !!}
	    	        </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', 'disabled'=>true]) !!}
	    	        </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', 'class'=>'form-control', 'maxlength'=>191, 'disabled'=>true]) !!}
	    	        </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, 'disabled'=>true]) !!}
	    	        </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', 'disabled'=>true]) !!}
	    	        </div>
	    	    </div>
	    	</fieldset>

	    	@if(!empty($associado->responsavel))
		    	<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, ['class'=>'form-control', 'required', 'maxlength'=>191, 'disabled'=>true]) !!}
		    	        </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, 'disabled'=>true]) !!}
		    	        </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', 'disabled'=>true]) !!}
		    	        </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', 'class'=>'form-control', 'maxlength'=>191, 'disabled'=>true]) !!}
		    	            </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', 'disabled'=>true]) !!}
		    	            </div>
		    	        </div>
		    	    </fieldset>
		    	</fieldset>
		    @endif

	    	<fieldset id='divFieldAssociadoCurso' class='fildset-border divPai'>
	    	    <legend>Cursos: </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', 'disabled'=>true]) !!}
                    </div>
                @endif
	    	    @foreach ($associado->cronogramas as $cronograma)
		    	    <div class='form-row divFilho'>
		    	        <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', 'disabled'=>true]) !!}
		    	        </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', 'disabled'=>true]) !!}
			    	        </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', 'disabled'=>true]) !!}
			    	        </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', 'disabled'=>true]) !!}
		    	        </div>
						@if ($solicitarTurnoDiaSemana)
							@php
								$diasDaSemana = ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', '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' : '' }} disabled>
																<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, ['disabled'=> true, 'class'=>'big-checkbox']) !!} Viajarei no turno da manhã
							</div>
							<div class="form-group col-md-2">
								{!! Form::checkbox('viagem_tarde[]', true, $cronograma->viagem_tarde, ['disabled'=> true, 'class'=>'big-checkbox']) !!} Viajarei no turno da tarde
							</div>
							<div class="form-group col-md-2">
								{!! Form::checkbox('viagem_noite[]', true, $cronograma->viagem_noite, ['disabled'=> true, 'class'=>'big-checkbox']) !!} Viajarei no turno da noite
							</div>
						@endif
		    	    </div>
	    	    @endforeach
	    	</fieldset>
	    	<fieldset id='divFieldAlterarSenha' class='fildset-border'>
	    	    <legend>Alterar Senha: </legend>
            	{!! Form::open(['route'=>["password.edit", 'idUsuario'=>$idUsuario], 'method'=>'post']) !!}
					@csrf

		    	    <div class='form-row'>
	            		<div class="form-group col-md-3">
	            		    {!! Form::label('password', 'Senha Atual:') !!}
	            		    {!! Form::password('password', ['class'=>'form-control', 'required', 'maxlength'=>191, 'placeholder'=>'Informe sua senha Atual']) !!}
	            		</div>

	            		<div class="form-group col-md-3">
	            		    {!! Form::label('new_password', 'Nova Senha:') !!}
	            		    {!! Form::password('new_password', ['class'=>'form-control', 'required', 'maxlength'=>191, 'placeholder'=>'Informe sua nova senha']) !!}
	            		</div>
	            		<div class="form-group col-md-3">
	            		    {!! Form::label('new_password_confirmation', 'Confirmação de Nova Senha:') !!}
	            		    {!! Form::password('new_password_confirmation', ['class'=>'form-control', 'required', 'maxlength'=>191, 'placeholder'=>'Confirme sua nova senha']) !!}
	            		</div>
	            		<div class="form-group col-md-3" style="display: flex; align-items: flex-end;">
	            			<button class='btn btn-primary' type='submit' value='submit'>
	            				<i class='fas fa-key'></i> Alterar Senha
	            			</button>
	            		</div>
	            	</div>


            	{!! Form::close() !!}
	    	</fieldset>
    	</fieldset>

	</div>
</div>

<script defer>

    window.onload = function () {
        $("input.filestyle").change(function() {
            const show = $(this).val() != ''
            $('#btn-save-photo').show(show)
        });
    }

    function atualizarFotoPerfil() {

        var form_data = new FormData();
        form_data.append('idusuario', '{{ \Crypt::encrypt($associado->id) }}')
        form_data.append('campo', 'documentos')
        form_data.append('_token', $('meta[name="csrf-token"]').attr('content'))
        form_data.append('_method', 'PUT')

        const file_data = $('#file_sua_foto').prop('files')[0];
        form_data.append('file[file_sua_foto]', file_data);

        $.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'
                    });
                    setTimeout(() => {
                        location.reload()
                    }, 1000)
                }
            }
        });
    }

    function MostraImagem(e) {
        src = $(e).attr('data-src');
        let pdfWindow = window.open("")
        pdfWindow.document.write("<iframe width='100%' height='100%' src='"+src+"'></iframe>")
    }
</script>

@stop