@extends('layouts.default')
@section('title', 'Todos os Associados')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-end">
		<h3>Associados</h3>
    </div>
    <div class="card-body">
		{!! Form::open(['route'=>'associados']) !!}
			<div class='form-row'>
                <div class="form-group col-md-5">
                    {!! Form::label('associado_id[]', 'Associado:') !!}
                    {!! Form::select('associado_id[]', $associadosOptions, $request->get('associado_id'), ['class'=>'form-control selectpicker', 'data-selected-text-format' => 'count > 2', 'data-live-search'=>'true', 'multiple', 'data-actions-box'=>'true']) !!}
                </div>
		    	<div class="form-group col-md-4">
		    		{!! Form::label('email', 'Email:') !!}
		    		{!! Form::text('email', $request->get('email'), ['class'=>'form-control']) !!}
		    	</div>
                <div class="form-group col-md-3">
                    {!! Form::label('situacao', 'Situação:') !!}
                    {!! Form::select('situacao', $situacaoPerfil, $request->situacao ?? null, ['class'=>'form-control selectpicker']) !!}
                </div>
                <div class="form-group col-md-12">
                    <hr>
                </div>
                <div class="form-group col-md-4">
                    {!! Form::label('instituicao_id[]', 'Instituições:') !!}
                    {!! Form::select('instituicao_id[]', ([''=>'Selecione'] + \App\Models\Instituicao::orderBy('nome')->pluck('nome', 'id')->toArray()), $request->instituicao_id ?? null, ['class'=>'form-control selectpicker', 'data-selected-text-format' => 'count > 2', 'data-live-search'=>'true', 'multiple', 'data-actions-box'=>'true']) !!}
                </div>
                <div class="form-group col-md-4">
                    {!! Form::label('curso_id[]', 'Cursos:') !!}
                    {!! Form::select('curso_id[]', ([''=>'Selecione'] + \App\Models\Curso::orderBy('nome')->pluck('nome', 'id')->toArray()), $request->curso_id ?? null, ['class'=>'form-control selectpicker', 'data-selected-text-format' => 'count > 2', 'data-live-search'=>'true', 'multiple', 'data-actions-box'=>'true']) !!}
                </div>
                <div class="form-group col-md-4">
                    {!! Form::label('parada_id[]', 'Paradas:') !!}
                    {!! Form::select('parada_id[]', $paradas, $request->parada_id ?? null, ['class'=>'form-control selectpicker', 'data-selected-text-format' => 'count > 2', 'data-live-search'=>'true', 'multiple', 'data-actions-box'=>'true']) !!}
                </div>
                <div class="form-group col-md-4">
                    {!! Form::label('rota_id[]', 'Rotas:') !!}
                    {!! Form::select('rota_id[]', $rotas, $request->rota_id ?? null, ['class'=>'form-control selectpicker', 'data-selected-text-format' => 'count > 2', 'data-live-search'=>'true', 'multiple', 'data-actions-box'=>'true']) !!}
                </div>
                <div class="form-group col-md-4">
                    {!! Form::label('finalidade_id[]', 'Finalidades:') !!}
                    {!! Form::select('finalidade_id[]', $finalidades, $request->finalidade_id ?? null, ['class'=>'form-control selectpicker', 'data-selected-text-format' => 'count > 2', 'data-live-search'=>'true', 'multiple', 'data-actions-box'=>'true']) !!}
                </div>
                @if ($solicitarTurnoDiaSemana)
                    <div class="form-group col-md-4">
                        {!! Form::label('dia_semana[]', 'Dia da Semana:') !!}
                        {!! Form::select('dia_semana[]', $diasDaSemana, $request->get('dia_semana'), ['class'=>'form-control selectpicker', 'multiple']) !!}
                    </div>
                    <div class="form-group col-md-4">
                        {!! Form::label('turno[]', 'Turno:') !!}
                        {!! Form::select('turno[]', $arrTurnos, $request->get('turno'), ['class'=>'form-control selectpicker', 'multiple']) !!}
                    </div>
                    <div class="form-group col-md-4">
                        {!! Form::label('sentido[]', 'Sentido:') !!}
                        {!! Form::select('sentido[]', $arrSentidos, $request->get('sentido'), ['class'=>'form-control selectpicker', 'multiple']) !!}
                    </div>
                @endif

		    	<div class="form-group col-md-1" style='display: flex; align-items: flex-end;'>
					{!! Form::submit('Buscar', ['class'=>'btn btn-primary']) !!}
		    	</div>
    		</div>
            <div class='form-row' style="justify-content: flex-end;">
                <div class="form-group col-md-3">
                    {!! Form::select('show', (['15'=>'Exibir 15 registros por página', '30'=>'Exibir 30 registros por página', '50'=>'Exibir 50 registros por página', '100'=>'Exibir 100 registros por página', '500'=>'Exibir 500 registros por página']), $request->show ?? 15, ['class'=>'form-control selectpicker']) !!}
                </div>
            </div>
		{!! Form::close() !!}

    	<div class='table-responsive'>
			<table class='table table-striped table-bordered table-hover table-sm'>
				<thead>
					<th>Nome</th>
					<th>CPF</th>
					<th>Celular/Telefone</th>
					<th>Email</th>
					<th>Situação</th>
					<th width="40px">Ações</th>
				</thead>
				<tbody>
					@foreach($associados as $associado)
						<tr>
							<td>{{ $associado->nome }}</td>
							<td>{{ $associado->cpf }}</td>
							<td>{{ $associado->celular ?? $associado->telefone  }}</td>
							<td>{{ $associado->email }}</td>
							<td>{{ $situacaoPerfil[$associado->situacao] }}</td>
							<td>
								<div class='btn-group btn-group-sm'>
									<a class='btn-default btn btn-xs' href="{{ route('associados.edit', ['id'=>\Crypt::encrypt($associado->id)]) }}" title='Editar Perfil'>
										<i class="fas fa-user-edit"></i>
									</a>
									<a href="{{ route('associados.ativar', ['id'=>\Crypt::encrypt($associado->id)]) }}" class='btn-default btn btn-xs' title='Ativar Perfil'><i class="fas fa-user-check text-muted"></i> </a>
									<a href="#" onclick="return ConfirmaExclusao(this, '{{\Crypt::encrypt($associado->id)}}')" class='btn-default btn btn-xs' title='Excluir'><i class="fas fa-trash text-muted"></i> </a>
									<button class='btn-default btn btn-xs' onclick='EditaLogin("{{$associado->email}}", "{{\Crypt::encrypt($associado->id)}}")' title='Editar Info Login'>
										<i class="fas fa-key"></i>
									</button>
									<button class='btn-default btn btn-xs' onclick='ReenviarTermo("{{\Crypt::encrypt($associado->id)}}")' title='Reenviar termo para assinatura'>
										<i class="fas fa-signature"></i>
									</button>
								</div>
							</td>
						</tr>
					@endforeach
				</tbody>
			</table>
    	</div>
    </div>
	{{ $associados->appends($request->input())->links() }}
</div>


<div id="modal" class="modal" tabindex="-1" role="dialog">
  	<div class="modal-dialog modal-lg" role="document" style='width: 45%!important; max-width: 45%!important; margin: 10% 29%;'>
    	<div class="modal-content" style='height: 90%!important'>
      		<div class="modal-header">
      			Editar informações de Login do Associado
        		<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">
				<div class='form-row'>
			    	<div class="form-group col-md-5">
			    		{!! Form::label('email', 'E-mail:') !!}
			    		{!! Form::text('email', null, ['class'=>'form-control']) !!}
			    	</div>
			    	<div class="form-group col-md-3">
			    		{!! Form::label('senha', 'Senha:') !!}
			    		{!! Form::text('senha', null, ['class'=>'form-control']) !!}
			    	</div>
			    	</div>
			    	<div class="form-group col-md-1" style='display: flex; align-items: flex-end;'>
						<button id='btnAlterarInfo' onclick='AlteraInfo()' type="button" class='btn btn-primary'>Alterar</button>
			    	</div>
				</div>
      		</div>
		</div>
	</div>
</div>

<script>
	function EditaLogin(email, associado_id) {
		$('#btnAlterarInfo').attr('data-id', associado_id);
		$('#modal #email').val(email)
        $('.modal').show();
	}
	function AlteraInfo() {

		const email = $('#modal').find('#email').val();
		const senha = $('#modal').find('#senha').val();
		const id = $('#btnAlterarInfo').attr('data-id');

		$.ajax({
		    url: '/'+'SetInfoAssociado',
		    type: 'POST',
		    data: {
		    	email: email,
		    	senha: senha,
		    	id: id,
		    	"_token": "{{ csrf_token() }}",
		    },
		    success: function(ret) {
		    	if (ret.trim() == '') {
		    		swal.fire(
		    		    'Sucesso!',
		    		    'Informações de Login alteradas com sucesso.',
		    		    'success'
		    		);
		    	} else {
		            swal.fire(
		                'Erro!',
		                'Ocorreram erros. Entre em contato com o suporte.',
		                'error'
		            );
		            console.log(ret);
		    	}
		    },
		});
	}
	function ReenviarTermo(userId) {
		swal.fire({
            title: 'Tem Certeza que deseja reenviar o termo para o associado?',
            text: 'O status do associado será alterado para "Assinatura Pendente"',
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Sim, Enviar!',
            cancelButtonText: 'Cancelar!',
            closeOnConfirm: false,
        }).then(function(isConfirm) {

            if (isConfirm.value) {

       		 	$.ajax({
                    url: '/assinardocumento',
                    data: {
                    	'userId': userId,
                        '_token': $('meta[name="csrf-token"]').attr('content')
                    },
                    type: 'PUT',
					success: function(response) {
						swal.fire(
							'Termo de Compromisso!',
							response.message,
							'warning'
						);
                    },

                });
            }
		});
	}
</script>
@stop

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