@extends('front.second_search')

@section('content')
<section class="section">
	<div class="container">
		
		<div class="row">

			<div class="col-md-3 md-margin-bottom-40" id="filters_r">
					@include('front.filters')
					</div>
			<div class="col-md-9">
				<div class="headline" style="border-bottom: 2px solid #0173B9; color: #0173B9; display: inline-block;">
					<h2>Personnalité(e)(s)</h2>
				</div>
				<a href="{{route('front.search',['q'=>Request()->get('q'), 'get'=>'persons', 'location'=>Request()->get('location'), 'filter'=>Request()->get('filter')])}}" class="pull-right" style="text-decoration: underline;margin-top: 9px;">Afficher tout</a>
				<p class="margin-bottom-10 text-right">Environ {{number_format($count_persons, 0, ',', ' ')}} résultats</p>
			@foreach($persons as $person)
			<div class="row" style="margin-top: 40px">
				
				<div class="col-md-2">
									</div>
				
				<div class="col-md-10">
					<a href="{{route('select.personne', ['id' => $person->id, 'slug'=> str_slug($person->nom.' '.$person->prenom)])}}"><h4 style="color: #0173B9; font-weight: 400;">{{$person->prenom}} {{$person->nom}}</h4></a>
					<h5 class="mt0" style="text-align: justify;">{{$person->biographie}}</h5>
					<!-- <p style="font-weight: bold;">Président de la République ( République de la Tunisie )</p>
					<p>Né le 22 février 1958 à Béni Khiar (Tunisie) - Juriste de formation,
					du Groupe d’Experts du Secrétariat (1989-1990)… more

					</p> -->
				</div>
			</div>
			<hr>
			@endforeach
			

			<div class="headline" style="border-bottom: 2px solid #0173B9; color: #0173B9; display: inline-block; margin-top: 50px">
				<h2>Organisations</h2>	
			</div>
			<a href="{{route('front.search',['q'=>Request()->get('q'), 'get'=>'organisations', 'location'=>Request()->get('location'), 'filter'=>Request()->get('filter')])}}" class="pull-right" style="text-decoration: underline;margin-top: 12px;">Afficher tout</a>
				<p class="margin-bottom-10 text-right">Environ {{number_format($count_entities, 0, ',', ' ')}} résultats</p>
			@foreach ($entities as $entity)
			<div class="row" style="margin-top: 40px">
				
				<div class="col-md-2">
									</div>
				
				<div class="col-md-10">
					<a href="{{route('select.entity', ['id' => $entity->id, 'slug'=> str_slug($entity->libelle, '-')])}}"><h4 style="color: #0173B9; font-weight: 400;">{{$entity->libelle}}</h4></a>
					<ul class="list-inline">
										
												
					</ul>
				</div>
			</div>
			<hr>
			@endforeach
			</div>
		</div>
	</div>

	</div>
</section>
@endsection
@section('js')
<script src="front/assets/plugins/select2/js/select2.min.js"></script>
	<script type="text/javascript" src="front/assets/js/custom.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function() {
			App.init();
			App.initCounter();
			App.initParallaxBg();
			App.initScrollBar();
			OwlCarousel.initOwlCarousel();
			StyleSwitcher.initStyleSwitcher();
			jQuery('.mCustomScrollbar-b').mCustomScrollbar({
				theme:"dark-thick",
				scrollInertia: 200,
				scrollEasing: "linear",
				autoHideScrollbar: false,
				scrollButtons:{ enable: true }
			});
		});
		// first step Tout
		$(function () {

			$.ajax({
				url: "/front/assets/dat/filter.json",
				dataType : 'json',
				success: function(data){
					console.log("data");
					filters = data["{{request()->get('filter')}}"];
					console.log(data);
					$.ajax({
						url: "{{route('ajax.filters')}}",
						type : 'POST',
						dataType : 'html',
						data : {
							filter: filters,
							defaultFilter: "{{request()->get('filter')}}"
						},
						success: function(dataHTML){
							$('#filters').html(dataHTML);
							jQuery('.mCustomScrollbar-b').mCustomScrollbar({
								theme:"dark-thick",
								scrollInertia: 200,
								scrollEasing: "linear",
								autoHideScrollbar: false,
								scrollButtons:{ enable: true }
							});
							$("#location").select2({
						      	minimumInputLength: 3,
						      	ajax: {
						          	url: "{{ route('location.ajax') }}",
						          	dataType: 'json',
						          	type: "POST",
						          	data: function (params) {
						              	return {
						                  	q: $.trim(params.term)
						              	};
						          	},
						          	processResults: function (data) {
						              	return {
						                  	results: data
						              	};
						          	},
						          	cache: true
					  			}
					    	});
							
					    	$("#location").on("change", function (e) {
						  // 		var currentUrl = window.location.href;
				    //             var parsedUrl = $.url(currentUrl);
						  // 		var params = parsedUrl.param();
								// params["location"] = $(this).val();
								// var newUrl = "?" + $.param(params);
								// console.log(newUrl);
						  		// window.location.href = "";
						  	});
					    	$(".sbmt").on("change", function (e) {
								$radio = $(this);
								if ($radio.hasClass('filter')) {
									$(".filtering").val($radio.data('filter'));
								}
								if ($radio.hasClass('entity')) $(".person").prop("checked", false);
								if ($radio.hasClass('person')) $(".entity").prop("checked", false);
								$('#filtersform').submit();
						  	});
						  	@if (request()->get('location') !== null)
								$('#location').select2("trigger", "select", {data: {id:'{{request()->get('location')}}', text:'{{request()->get('location')}}'}});
							@endif
							@if (request()->get('domaines_competence') !== null)
								$('input[value="'+"{{request()->get('domaines_competence')}}"+'"]').prop("checked", true);
							@endif
							@if (request()->get('professions') !== null)
								$('input[value="'+"{{request()->get('professions')}}"+'"]').prop("checked", true);
							@endif
							@if (request()->get('datatype') !== null)
								$('input[value="'+"{{request()->get('datatype')}}"+'"]').prop("checked", true);
							@endif
				  		}
				  	});
		  		}
		  	});			

		  	$.ajax({
				url: "/front/assets/dat/filter.json",
				dataType : 'json',
				success: function(data){
					console.log("data");
					filters = data["{{request()->get('filter')}}"];
					console.log(data);
					$.ajax({
						url: "{{route('ajax.filters_r')}}",
						type : 'POST',
						dataType : 'html',
						data : {
							filter: filters,
							defaultFilter: "{{request()->get('filter')}}"
						},
						success: function(dataHTML){
							$('#filters_r').html(dataHTML);
							jQuery('.mCustomScrollbar-b').mCustomScrollbar({
								theme:"dark-thick",
								scrollInertia: 200,
								scrollEasing: "linear",
								autoHideScrollbar: false,
								scrollButtons:{ enable: true }
							});
							$(".sbmt").on("change", function (e) {
								$radio = $(this);
								if ($radio.hasClass('filter')) {
									$(".filtering").val($radio.data('filter'));
								}
								if ($radio.hasClass('entity')) $(".person").prop("checked", false);
								if ($radio.hasClass('person')) $(".entity").prop("checked", false);
								rName = $radio.attr("name");
								rValue = $radio.val();
								$('#filtersform').append('<input type="hidden" name="'+rName+'" value="'+rValue+'">');
								$('#filtersform').submit();
						  	});
						  	@if (request()->get('professions') !== null)
								$('input[value="'+"{{request()->get('professions')}}"+'"]').prop("checked", true);
							@endif
				  		}
				  	});
		  		}
		  	});
		  	$("#searchlocation").select2({
		      	minimumInputLength: 3,
		      	ajax: {
		          	url: "{{ route('location.ajax') }}",
		          	dataType: 'json',
		          	type: "POST",
		          	data: function (params) {
		              	return {
		                  	q: $.trim(params.term)
		              	};
		          	},
		          	processResults: function (data) {
		              	return {
		                  	results: data
		              	};
		          	},
		          	cache: true
	  			}
	    	});
	    	$('#search').click(function() {
				$(".filtering").val($('input[name=get]:checked').val());
			});
			@if (request()->get('get') !== null)
				$('input[value="'+"{{request()->get('get')}}"+'"]').prop("checked", true);
			@endif
			@if (request()->get('domaines_competence') !== null)
				$('input[value="'+"{{request()->get('domaines_competence')}}"+'"]').prop("checked", true);
			@endif
			@if (request()->get('location') !== null)
				$('#searchlocation').select2("trigger", "select", {data: {id:'{{request()->get('location')}}', text:'{{request()->get('location')}}'}});
			@endif
			@if (request()->get('datatype') !== null)
				$('input[value="'+"{{request()->get('datatype')}}"+'"]').prop("checked", true);
			@endif
		});
	</script>
@endsection