@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>
@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">
				<form action="{{route('front.search')}}" id="filtersform">
					<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 md-margin-bottom-40" id="filters">
					</div>
				</form>
				<div class="col-md-6">
					<form action="{{route('front.search')}}" class="sky-form page-search-form margin-bottom-10 searchform" style="padding: 15px 15px 5px 15px;border: 1px solid #4b213987;">
						<div class="input-group">
							<input type="text" class="form-control input-md" name="q" style="width: 65%;border-radius: 4px 0 0 4px;" placeholder="Rechercher une entité, une personne ..." value="{{request()->get('q')}}" >
							{{-- <input type="text" class="form-control input-md" style="width: 35%;border-left: 2px solid #221E1E;" placeholder="Pays/Ville"  value="{{request()->get('location')}}"> --}}
							<select class="form-control" id="searchlocation" name="location" style="width: 35%;border-left: 2px solid #221E1E;"> 
								<option value="all">Pays, Ville</option>
							</select>
							<span class="input-group-btn">
								<button type="submit" class="btn-u btn-u-md" id="search" type="button" style="border-radius: 0px 4px 4px 0;">Rechercher</button>
							</span>
						</div>
						<div class="inline-group">
							<label class="radio color-green"><input type="radio" name="get" checked value="all"><i></i>Tout</label>
							<label class="radio color-green"><input type="radio" name="get" value="persons"><i></i>Personnes</label>
							<label class="radio color-green"><input type="radio" name="get" value="organisations"><i></i>Organisations</label>
						</div>
						<input type="hidden" name="filter" class="filtering" value="{{request()->get('get')}}">
					</form>
					<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">
															</div>
							<div class="col-md-10">
								<h4 class="b mb0 mt0"><a href="{{route('select.personne', ['id' => ltrim($person['_id'], 'P'), 'slug'=> str_slug($person['_source']['name'])])}}">{{$person['_source']['name']}}</a></h4>
							</div>
						</div>
					@endforeach
					<div class="text-center">
					@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">
				</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() {
			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){
					filters = data["{{request()->get('filter')}}"];
					$.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
		});
	</script>
@endsection