@extends('layouts.admin')
@section('content-title')
	{{ __('functionaries.Functionaries managements') }}
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.functionaries')}}
@endsection








@section('content')



<div class="card text-center">
  <div class="card-header">
    <ul class="nav nav-tabs card-header-tabs">
      <li class="nav-item">
        <a class="nav-link " href="{{ route('admin.functionaries.create')}} active">Active</a>
      </li>
      <li class="nav-item">
        <a class="nav-link " href="{{ route('admin.functionaries.create')}}">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
      </li>
    </ul>
  </div>
  <div class="card-body">
    <h5 class="card-title">Special title treatment</h5>
    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>


<div class="card-box tilebox-one noradius">
	<section>
		<h2 class="page-header">{{ __('functionaries.List of functionaries')}}</h2>
		<div class="row mb-3">
			<div class="col-sm-12 col-md-2">
				<div class="pull-left">
					<a href="{{ route('admin.functionaries.create')}}" class="btn btn-success">{{ __('functionaries.New Functionary') }}</a>
				</div>
			</div>
		</div>

		@if(session()->has('success'))
		<div class="alert alert-success alert-dismissible fade show" role="alert">
			{{ session()->get('success') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif

		@if(session()->has('error'))
		<div class="alert alert-error alert-dismissible fade show" role="alert">
			{{ session()->get('error') }}
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
				<span aria-hidden="true">&times;</span>
			</button>
		</div>
		@endif

		<table class="table table-responsive-xl table-bordered table-striped">
			<thead>
				<tr>
					<th scope="col" width="10">#</th>
					<th scope="col">{{ __('functionaries.last name') }}</th>
					<th scope="col">{{ __('functionaries.first name') }}</th>
					<th scope="col">{{ __('functionaries.Biography') }}</th>
					<th scope="col" width="220"></th>
				</tr>
			</thead>
			<tbody>
				@foreach($functionarys as $functionary)
				<tr class="viewmodal" data-img="/uploads/functionaries/thumbnails/{{$functionary->personal_image_url}} " 
				data-fullname="{{ $functionary->last_name }} {{ $functionary->first_name}}"
				data-biography="{{ $functionary->biography}}" data-sex="{{ $functionary->sex}}" data-placebirth="{{ $functionary->place_of_birth}}" data-datebirth="{{ $functionary->birth_date}}"
				data-ap="{{ $functionary->ap}}" data-fep="{{ $functionary->fep}}" data-mep="{{ $functionary->mep}}"
				data-epimg="{{ $functionary->epimg}}" data-status="{{ $functionary->status}}"
				>
					
					<th scope="row">
						<div class="col-md-4">
							@if($functionary->personal_image_url=='0')
							<img id="myImg" class="thumbnail img-responsive" height="100" width="100" src="/uploads/functionaries/avatar.jpg" />
							@else
						    <img id="myImg" class="thumbnail img-responsive" height="100" width="100" src="/uploads/functionaries/thumbnails/{{$functionary->personal_image_url}}" />
						    @endif
						</div>
				 	</th>
				<td>{{ $functionary->last_name }}</td>
				<td>{{ $functionary->first_name}}</td>
				<td class="functionaries-modal">{{ $functionary->biography}}</td>
				<td>



					<button class="btn btn-info  btn-sm thumbnaill" type="button" aria-hidden="true" ><span class="fa fa-eye "></span></button>

					<a href="{{ route('admin.functionaries.edit',['id'=>$functionary->id])}}"  class="far fa-edit">{{ __('admin.Edit') }}</a>

					{!!Form::open()->locale('')->post()->route('admin.functionaries.delete')->attrs(['style'=>'display:inline','class'=>'deletefunctionary'])!!}
					{!!Form::hidden('id')->value($functionary->id)!!}
					{!!Form::hidden('personal_image_url')->value($functionary->personal_image_url)!!}
					{!!Form::submit('<span class="fa fa-trash" ></span>')->attrs(['class' => 'btn-sm'])->color('danger')!!}
					{!!Form::close()!!}
						
				</td>
				</tr>
				@endforeach
			</tbody>
		</table>
		{{ $functionarys->links() }}
	</section>


<!-- Modal  -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header" style='background-color:#262d33;'>
		      	<h5 class="modal-title" id="myModalLabel" style="color:white;">view</h4>
		        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:white;">×</button>
			      </div>
			      <div class="modal-body">
		       	<div id="modal-view-functionaries1" style="margin-bottom:0px;"></div>
		      </div>
		    </div>
		  </div>
		</div>
	<!-- /Modal -->

</div>
@endsection

@section('js')

	<script type="text/javascript">
	    $(".deletefunctionary").on("submit", function(){
	        return confirm("{{__('functionaries.Do you want to delete this item')}}");
	    });
	</script>

	<!-- modal view -->
	<script type="text/javascript">
		$(function() {
	    var infoModal = $('#myModal');
	    $('.thumbnaill').on('click', function(){

	       	var x=$('#modal-view-functionaries1');
	       	var dataCntnr = $(this).parents('.viewmodal');
			var html="<table style='width:100%'><td><img src='"+dataCntnr.data('img')+"'></td>"+
				"<td><p><B>"+dataCntnr.data('fullname')+"</B></p></td></table><br>";
				if (dataCntnr.data('sex')=='h') 
					html +="<p>"+" <B>{{__('functionaries.sex')}}:</B> Home</p>";
				if (dataCntnr.data('sex')=='f') 
					html +="<p>"+"<B>{{__('functionaries.sex')}}:</B> Femme</p>";
				    html +="<table style='width:100%'><td><B>{{__('functionaries.place of birth')}} :</B>"+
				    dataCntnr.data('placebirth')+"</p></td>"+
				"<td><p>"+"<B>date birth :</B>"+dataCntnr.data('datebirth')+
				"</p></td></table>"+"<B>{{__('functionaries.political affiliation')}} :</B>"+dataCntnr.data('ap')+"</p>"+
				"</p><table style='width:100%'><tr>";
				if (dataCntnr.data('fep')==1) 
					html +="<td><p>"+"<B>{{__('functionaries.fep')}} :</B> Oui</p></td>";
				if (dataCntnr.data('mep')==1) 
					html +="<td><p>"+"<B>{{__('functionaries.mep')}} :</B> Oui</p></td>";
				if (dataCntnr.data('epimg')==1) 
					html +="<td><p>"+"<B>{{__('functionaries.epimg')}} :</B> Oui</p></td>";
				if (dataCntnr.data('status')==1) 
					html +="<td><p>"+"<B>{{__('functionaries.status')}} :</B> Oui</p></td>";
				html += "</tr></table>"+"<p>"+"<B>Biography :</B><br>"+dataCntnr.data('biography')+"</p><br>";
				x.html(html);

	        infoModal.modal('show');
	        return false;
	    });
		});
	</script>

	@endsection