@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">
					{{-- <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="main-search-form">
							<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>
								@if(request()->get('datatype'))
								<a href="#collapseAlternativeSearchForm" class="icon showMore" data-toggle="collapse"><i class="fa fa-plus"></i>More Options</a>
								@endif
							</div>
						</div>
						<div class="alternative-search-form" style="clear:both;">					        
					        <div class="collapse" id="collapseAlternativeSearchForm" style="">
					            <div class="wrapper">
					                <div class="form-row"  id="filter_area"></div>
					            </div>
					        </div>
					    </div>
						<input type="hidden" name="filter" class="filtering" value="{{request()->get('get')}}">
					</form> --}}
					<br>
					<div class="headline" style="margin-bottom: 0px;"><h4>Organisations</h4><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: 9px;">Afficher tout</a></div>	
					<p class="margin-bottom-10 text-right">Environ {{number_format($count_entities, 0, ',', ' ')}} résultats</p>
					@foreach ($entities as $entity)
						<div class="row clients-page">
							<div class="col-md-2">
								
															</div>
							<div class="col-md-10">
								<h3><a href="{{route('select.entity', ['id' => $entity->id, 'slug'=> str_slug($entity->libelle, '-')])}}">{{$entity->libelle}}</a></h3>
								<ul class="list-inline">
									
																		
								</ul>
							</div>
						</div>

					@endforeach
					<div class="headline" style="margin-bottom: 0px;"><h4>Personnes</h4><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></div>	
					<p class="margin-bottom-10 text-right">Environ {{number_format($count_persons, 0, ',', ' ')}} résultats</p>
					@php 
						// dd($persons);
					@endphp
					@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' => $person->id, 'slug'=> str_slug($person->nom.' '.$person->prenom)])}}">{{$person->prenom}} {{$person->nom}}</a></h4>
							</div>
						</div>
					@endforeach
					
				</div>
				<div class="col-md-3 md-margin-bottom-40" id="filters_r">
					@include('front.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){
					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