@extends('layouts.search') 
@section('title')
	Trombino - Search
@endsection
@section('css')
<link rel="stylesheet" href="front/assets/plugins/select2/css/select2.min.css" type="text/css">
	<style type="text/css">
		
		.select2-selection__arrow{
			display: none;
		}
		.select2-container--default .select2-selection--single .select2-selection__rendered{
			height: 40px;
			padding: 6px 12px;
		    line-height: 1.72857143;
		    color: #555;

		}
		.select2-container--default .select2-selection--single{
			height: 40px;
			text-align: left;
		    font-size: 16px;
		    font-weight: 200;
		    
		}

		.searchform .select2{
			border-left: 2px solid #221E1E;
		}
		.searchform .select2-selection__arrow{
			display: none;
		}
		.searchform .select2-container--default .select2-selection--single .select2-selection__rendered{
			height: 41px;
			padding: 10px 12px;
		    line-height: 1.33333333;
		    /*line-height: 2.35;*/
		    font-family: arial;
		    color: #555;
		}
		.searchform .select2-container--default .select2-selection--single{
			height: 41px;
			border-radius: 0px;
			text-align: left;
			/*border: none;*/
		    font-size: 18px;
			    
		}
	</style>
<style type="text/css">
	
	.select2-selection__arrow{
		display: none;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered{
		height: 40px;
		padding: 6px 12px;
	    line-height: 1.72857143;
	    color: #555;
	}
	.select2-container--default .select2-selection--single{
		height: 40px;
		text-align: left;
	    font-size: 16px;
	    font-weight: 200;
	    
	}

	.sky-form .main-search-form .showMore{
		float: right;
		text-align: right;
		padding-right: 30px;
		padding-top: 5px;
	}
	.sky-form .main-search-form .showMore i{
		padding-right: 5px;
		font-size: 12px;
	}
	.sky-form .alternative-search-form {
	    z-index: 1;
	    position: relative;
	}
	.sky-form .alternative-search-form #collapseAlternativeSearchForm{
		overflow: hidden;
		padding-top: 20px;
	}
	.collapse.show {
	    display: block;
	}
	.sky-form .alternative-search-form .collapse.show .wrapper {
	    opacity: 1;
	    transform: scale(1);
	}
	.sky-form .alternative-search-form .collapse .wrapper #filter_area input{
		border-radius: 4px;
		margin-bottom: 10px;
	}
	.col-md-3 {

    max-width: 100%;
   
     }	
    /*.marg{
	    margin-right: -15px;
	    margin-left: -15%;
	}*/
	.s-form {
    width: 25%;
     }

</style>
@endsection
@section('content')

	



		<div class="breadcrumbs">
			<div class="container">
				<h1 class="pull-left">Résultats pour "{{request()->get('q')}}"</h1>
				<ul class="pull-right breadcrumb">
					<li><a href="/">Accueil</a></li>
					<li class="active">Rechreche</li>
				</ul>
			</div>
		</div>
			
		<div class="container content profile">
			<div class="row marg">
				<form action="{{route('front.search')}}" id="filtersform" class="s-form">
					<input type="hidden" name="get" value="{{request()->get('get')}}">
					<input type="hidden" name="q" value="{{request()->get('q')}}">
					<input type="hidden" name="filter" class="filtering" value="">
					<div class="col-md-3 " id="filters">
						@include('front.filters')
					</div>
				</form>
				<div class="col-md-6">
					<div class="headline" style="border-bottom: 2px solid #0173B9; color: #0173b9; display: inline-block;">
						<h2>Personnalité(e)(s)</h2>
					</div>
					<p class="margin-bottom-10">Environ {{number_format($count_persons, 0, ',', ' ')}} résultats</p>

					@forelse($persons as $person)
					 	<div class="row clients-page margin-bottom-5">
							<div class="col-md-2">
							<br />
<b>Warning</b>:  Undefined variable $person in <b>/home/trombino/public_html/sanctions.trombino.org/resources/views/front/search_result_persons.blade.php</b> on line <b>148</b><br />
<br />
<b>Warning</b>:  Attempt to read property "img_perso_url" on null in <b>/home/trombino/public_html/sanctions.trombino.org/resources/views/front/search_result_persons.blade.php</b> on line <b>148</b><br />
							</div>
							<div class="col-md-10">
								<h4 class="b mb0 mt0"><a href="{{route('select.personne', ['id' => $person->id, 'slug'=> str_slug($person->nom.' '.$person->prenom)])}}">{{$person->prenom}} {{$person->nom}}</a></h4>
							</div>
						</div>
					@endforeach
					<div class="text-center pag">
						<p class="text-center" id="getdatabtn">
			  				<button class="btn-u btn-brd btn-u" type="button" id="moreEntity">Voir Plus...</button>
		  	       		</p>
					@if(isset($es))
					{{-- {!! $admin_exceptions->appends(request()->query())->links() !!} --}}
					@else
					{{-- {!! $persons->appends(request()->query())->links() !!} --}}
					@endif
					</div>
				</div>
				<div class="col-md-3 md-margin-bottom-40" id="filters_r">
					@include('front.filters_r')
				</div>
			</div>
		</div>

		<div class="modal fade" id="modalOK" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h2 class="modal-title" id="exampleModalLabel">Information</h2>
	          <!-- <span aria-hidden="true">&times;</span> -->
	      </div>
	      <div class="modal-body">
	        <p style="font-size: 17px">Merci de bien vouloir affiner la recherche!</p>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-danger" data-dismiss="modal">Ok</button>
	      </div>
	    </div>
	  </div>
	</div>
@endsection
@section('js')
	<!-- JS Customization -->
	<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() {
			jQuery('.mCustomScrollbar-b').mCustomScrollbar({
				theme:"dark-thick",
				scrollInertia: 200,
				scrollEasing: "linear",
				autoHideScrollbar: false,
				scrollButtons:{ enable: true }
			});
		});
	$( "#moreEntity" ).click(function() {
  		 $('#modalOK').modal('show');
	});

		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