@extends('front.second_search') 
@section('title')
	Personne
@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;
		    
		}*/

		.img-thumbnail
		{
			position: absolute;
  			top: 4px;
 			left: 10;
  			width: 80px;
 			 height: 80px;
		}

	</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;
		    
		}
		.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;
			    
		}
		h5 > a{
			color: #ce1126;
		}

		
	</style>
@endsection

@section('content')
		<div class="breadcrumbs">
			<div class="container">
				
				<ul class="pull-right breadcrumb">
					<li><a href="/">Accueil</a></li>
					@if($person->nom && $person->prenom)
					<li class="active">{{ $person->prenom }} {{ $person->nom }}</li>
					@else
					<li class="active">Personne</li>
					@endif
				</ul>
			</div>
		</div>
	<div class="container">
						<!-- <div class="headline" style="border-bottom: 2px solid #0173B9; color: #0173b9; display: inline-block;">
							<h3>Présidence</h3>	
						</div>
						<div class="row" style="margin-top: 40px">
							<div class="col-md-9">
								<p style="font-size: 17px"><b>Adresse :</b>Palais présidentiel de Carthage</p>
								<p style="font-size: 17px"><b>Ville :</b>Tunis</p>
								<p style="font-size: 17px"><b>Site Web :</b>www.tunisie</p>
							</div>
							<div class="col-md-3">
								<img src="img/logos/Flag_of_Tunisia.jpg" width="100%" style="border-radius: 5px">
							</div>
						</div> -->
					<!-- 	<div class="headline" style="border-bottom: 2px solid #0173B9; color: #0173b9; display: inline-block; margin-top: 40px;">
							<h3>Personnalité(e)(s)</h3>	
						</div> -->
						<div class="row" style="margin-top: 40px; margin-bottom: 20px;">
							<div class="col-md-2">
															</div>
							<div class="col-md-5">
								@if($person->nom && $person->prenom)						
								<h3 class="disable-select" style="color: #0173b9; font-weight: 400;margin-top: 2.1%;">{{ $person->prenom }} {{ $person->nom }}</h3>
								@endif
									<!-- <p style="font-weight: bold;">Président de la République ( République de la Tunisie )</p> -->
								<table class="table" style="">
									@if($person->biographie)
									<!-- <p class="disable-select" style=" text-align:justify;"> {{$person->biographie}} </p> -->
									<tr style="text-align: justify;">
										<td>									
											{{$person->biographie}}
										</td>
									</tr>
									@endif
								</table>
							</div>
					<!-- 	</div> -->

						<!-- <div class="row" style="margin-top: 40px; margin-bottom: 150px;"> -->
							<div class="col-md-5">
							<div class="headline" style="border-bottom: 2px solid #0173B9; color: #0173b9; display: inline-block;">
								<h3>Postes occupés</h3>	
							</div>