@extends("layouts.app")

@section('content')
	<div class="container">
		
		<div class="card">
		  <div class="card-header">
		    BUSQUEDAS AVANZADAS
		  </div>
		  <div class="card-body bg-info text-light">

		  	{!! Form::model(\Request::all(), ['route' => 'profiles', 'method' => 'GET']) !!}
				  <div class="form-row">
				    <div class="form-group col-md-2">
				      <label for="num_doc">CÉDULA</label>
				      {!! Form::text('numero_documento', null, ['class' => 'form-control', 'id' => 'num_doc']) !!}
				    </div>
				    <div class="form-group col-md-4">
				      <label for="nombre_completo">NOMBRE/APELLIDOS</label>				      
				      {!! Form::text('nombre_completo', null, ['class' => 'form-control', 'id' => 'nombre_completo', 'placeholder' => 'busque todo o parte del nombre y/o apellidos']) !!}
				    </div>
				    <div class="form-group col-md-2">
				      <label for="inputPassword4">DEPARTAMENTO</label>				      
				      {!! Form::select('departament_id', $deps, null, ['class' => 'form-control', 'placeholder' => 'Seleccione...', 'id' => 'dep_id']) !!}
				    </div>
				    <div class="form-group col-md-2">
				      <label for="municipio_id">CIUDAD</label>				      
				      {!! Form::select('municipio_id', $muns, null, ['class' => 'form-control', 'placeholder' => 'Seleccione...', 'id' => 'muns']) !!}
				    </div>
				    <div class="form-group col-md-2">
				      <label for="comuna_id">COMUNA</label>
				      {!! Form::select('comuna_id', $comunas, null, ['class' => 'form-control', 'placeholder' => 'Seleccione...', 'id' => 'comunas']) !!}
				    </div>
				  </div>

				  <div class="form-row">
				  	<div class="form-group col-md-2">
				  		<label>Corporación</label>
				    	{!! Form::select('pu_corporacion', $corps, null, ['class' => 'form-control', 'placeholder' => 'Seleccione...']) !!}
				  	</div>

				  	<div class="form-group col-md-2">
				  		<label>CAJA</label>				    	
				    	{!! Form::text('caja', null, ['class' => "form-control"]) !!}
				  	</div>

				  	<div class="form-group form-check-inline col-md-2 mt-4 mr-2">						  
						  {!! Form::checkbox('only_with_pdf', true, null, ['class' => 'form-check-input', 'id' => 'onlypdf', 'checked']) !!}
						  <label class="form-check-label" for="onlypdf">
						    Solo los que tienen PDF
						  </label>
						</div>

				  	<div class="form-group col-md-2">
				  		<label style="color:transparent;">BUSCAR</label>
				    	<button class="btn btn-light form-control">BUSCAR</button>
				  	</div>
				  	<div class="form-group col-md-2">
				  		<label style="color:transparent;">LIMPIAR</label>
				    	<a href="{{ route('profiles') }}" class="btn btn-warning form-control">LIMPIAR</a>
				  	</div>				  	
			    </div>
				  
				</form>

		  </div>
		</div>

		<div class="card mt-2">
			<div class="card-header">
				REGISTROS::  
				@if($profiles->total())
					<b>Total Encontrados:</b> <span class="badge badge-light">{{ $profiles->total() }}</span>
				@endif

				<a style="max-width: 200px;" href="{{ route('profiles.excel.export', request()->all()) }}" class="btn btn-success form-control">Exportar lo filtrado a Excel</a>

				<span style="max-width: 200px;" class="alert alert-warning float-right">Prioridad no resuelta</span>
				<span style="max-width: 200px;" class="alert alert-success float-right">Prioridad entregada</span>
				<span class="ml-5" id="scans"></span>
			</div>
			<div class="card-body">
				<div class="table-responsive">
					<table class="table table-bordered">
						<thead>
							<th>ID</th>							
							<th>#CC</th>
							<th>NOMBRE</th>
							<th>DEPARTAMENTO</th>
							<th>CIUDAD</th>
							<th>COMUNA</th>
							<th>CORP</th>					
							<th>NOV.</th>
							<th>PDF</th>		
						</thead>
						<tbody>
							@foreach($profiles as $pro)
							@php								
								$bg = "";
								foreach($pro->observations as $nov){
									if($nov->is_prioritary && $nov->solved_priority){
										$bg = "bg-success";
									} elseif($nov->is_prioritary && !$nov->solved_prioritary){
										$bg = "bg-warning";
										break;
									}
								}								
							@endphp

							<tr class="{{ $bg }}">
								<td>{{ $pro->id }}</td>
								<td>{{ $pro->numero_documento }}</td>
								<td>{{ $pro->nombre_completo }}</td>
								<td>
									@if($pro->departament)
										{{ $pro->departament->name }}
									@endif
								</td>
								<td>
									@if($pro->municipio)
										{{ $pro->municipio ? $pro->municipio->name : '' }}
									@endif
								</td>
								<td>
									@if($pro->comuna)
										{{ $pro->comuna ? $pro->comuna->name: '' }}
									@endif
								</td>
								<td>{{ $pro->pu_corporacion }}</td>	
								<td>
									<button class="report-error btn btn-danger btn-sm" href="#" data-profile="{{ $pro->id }}" data-mode="error"
									data-name="{{ $pro->nombre_completo }}"
										>Prio || Error</button>
								</td>							
								<td>
									<!--<button class="btn btn-info" onclick="abrirVentana($pro)">VER</button>-->
									@if($pro->directories->count())
										@if($pro->directories[0]->pdf)
										<div class="dropdown">
										  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
										  >
										    VER
										  </button>
										  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
										  	@foreach($pro->directories as $dir)
										  		@php
										  		$path = route('get.pdf', ['path' => $dir->full_path_pdf]);
										  		@endphp
										  		@if($dir->pdf)
										    	<a class="dropdown-item" href="#"
										    	onclick="abrirVentana('{{ $path }}')"
										    	>
										    		@if($dir->tot_pages && !$dir->pdf)
										    			Subiendo...
									    			@else
									    				{{ $dir->pdf }}
										    		@endif
										    	</a>
										    	@endif
										    @endforeach
										  </div>										 
										</div>
										@else
											<!--<span class="text-info">Subiendo</span>-->
										 @endif
									@else
										<!--<span>Por Digitaliz</span>-->
									@endif

								</td>
							</tr>
							@endforeach
						</tbody>
					</table>

					{{ $profiles->appends(Request::all())->links() }}

				</div>
			</div>
		</div>


	</div>		

	<!-- Modal -->
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title" id="exampleModalLabel">MARCAR COMO NOVEDAD Y/O ERROR</h5>
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          <span aria-hidden="true">&times;</span>
		        </button>
		      </div>
		      <div class="modal-body">
		      	<h3>Candidato: <span class="text-info" id="cand-name"></span></h3>

		        {!! Form::open(['id' => 'modal-form']) !!}					  
						  <div class="form-check form-group">
							  <input name="is_prioritary" class="form-check-input" type="checkbox" value="true" id="defaultCheck1">
							  <label class="form-check-label" for="defaultCheck1">
							    Marcar como prioritaria
							  </label>
							</div>
							<input type="hidden" name="profile_id" value="" name="">
							<div class="form-check">
							  <input name="has_an_error" class="form-check-input" type="checkbox" value="true" id="defaultCheck2">
							  <label class="form-check-label" for="defaultCheck2">
							    Marcar como error
							  </label>
							</div>
						  <div class="form-group">
						    <label for="exampleInputEmail1">Observación</label>
						    <textarea name="novelty" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"></textarea>
						    <small id="emailHelp" class="form-text text-muted">Desea agregar alguna observación.</small>
						  </div>
						  <button id="modal-btn-saver" style="display:none;" type="submit" class="btn btn-primary">Submit</button>
						  <button id="btn-reset" type="reset" style="display:none;">reset</button>
						{!! Form::close() !!}

						<div id="observations">
							
						</div>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
		        <button id="modal-btn-sender" type="button" class="btn btn-primary">Guardar</button>
		      </div>
		    </div>
		  </div>
		</div>

@endsection

@section('scripts')
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
	<script type="text/javascript">
		$(function(){
			$('#scans').html('<div class="spinner-border text-info" role="status">'+
			  '<span class="sr-only">Loading...</span>'+
			'</div>');
			
			$.get('/scans', function(data){
				$('#scans').html('<b>Total PDF Cargados:</b> '+ data+" de 12576");
			});			

			$('#dep_id').change(function(){
				$.getJSON('/municipios-by-dep', {dep:$(this).val()},function(data){
					var html = "<option>Seleccione...</option>";

					data.municipios.forEach(function(el, key){
						html += `<option value='${el.id}'>${el.name}</option>`;
					});
					$('#muns').html(html);
				});
			});	

			var html2 = "";

			$("body").on('change', '#muns', function(){
				$.getJSON('/comunas-by-mun', {mun:$(this).val()},function(data){
					var html2 = "<option>Seleccione...</option>";

					data.comunas.forEach(function(el, key){						
						html2 += `<option value='${el.id}'>${el.name}</option>`;
					});
					$('#comunas').html(html2);
				});
			});		

			// REPORTS / NOVELTIES

			var _thisProf = "";

			$('body').on('click', '.report-error', function(e){
				e.preventDefault()
				_thisProf = $(this);

				$("#btn-reset").click();

				var prof = $(this).data('profile');
				$.get('/observations/list', {profile:prof}, function(data){					
					var html = "<ul>";
					data.observations.forEach(function(el, key){
						if(el.has_an_error && !el.solved_error){
							html += "<li style='color:red;'>Error pendiente de resolver</li>";
						} else if(el.has_an_error && el.solved_error){
							html += "<li style='color:green;'>Error resuelto! :: "+ el.solved_error +"</li>";
						}

						if(el.is_prioritary && !el.solved_priority){
							html += "<li style='color:red;'>PRIORITARIA SIN ENTREGAR</li>";
						} else if(el.is_prioritary && el.solved_priority){
							html += "<li style='color:green;'>PRIORIDAD ENTREGADA! :: "+ el.solved_priority +"</li>";
						}		

						html += el.notes ? "<li>"+ el.notes +"</li>" : "";				
					});
					html+="</ul>";

					$("#observations").html(html);
				});


				$('#exampleModal').modal('show');
				var profile = $(this).data('profile');
				$('[name=profile_id]').val(profile);
				var name = $(this).data('name');				
				$('#cand-name').text(name);
			});

			// MODAL 

			$('#modal-btn-sender').click(function(){
				$("#modal-btn-saver").click();				
			});

			$("#modal-form").on('submit', function(e){
				e.preventDefault();
				
				var _form = $(this);
				$.post('/observations/check-error', _form.serialize(), function(data){
					_thisProf.parents('tr').addClass('bg-warning');
					$('#exampleModal').modal('hide');
				}).catch(function(){
					alert('Elija un valor antes de guardar!');
				});
			});

		});
	
		function abrirVentana(url) {			
		    window.open(url, "VISOR SOLUCO", "location=yes, menubar=yes, scrollbars=yes, statusbar=no, left=100, titlebar=yes,resizable=yes, width=1200, height=800");
		}
	
	</script>
@endsection