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


<div class="card-box tilebox-one noradius">
	<section>


		<h2 class="page-header">{{ __('functionaries.New Functionary') }}</h2>

		{!!Form::open()->put()->multipart()->route('admin.functionaries.store')!!}
		<div class="row">

			<div class="row">

				<div class="col">
				{!!Form::text('id_entite',(__('functionaries.entite id')))->placeholder(__('functionaries.entite id'))!!}
				</div>
			</div>
			<div class="col">
				<label >{!!(__('functionaries.sexe'))!!}</label>

				<div class="row">

					<div class="col">
					{!!Form::radio('sex', (__('functionaries.Men')),'h')!!}
					</div>

					<div class="col">
					{!!Form::radio('sex',(__('functionaries.Women')), 'f')!!}
					</div>

					<div class="col">
					</div>

				</div>
			</div>
			<br>
			<div class="col">
				


<input id="file_img" type="file" name="personal_image_url" onchange="previewFile()"><br>
<img src="" id="img"  height="100"  alt="Image preview...">


<script>

   function previewFile(){
       var preview = document.querySelector('img[id=img]'); //selects the query named img
       var file    = document.querySelector('input[id=file_img]').files[0]; //sames as here
       var reader  = new FileReader();

       reader.onloadend = function () {
           preview.src = reader.result;
       }

       if (file) {
           reader.readAsDataURL(file); //reads the data as a URL
       } else {
           preview.src = "";
       }
  }
  previewFile();  //calls the function named previewFile()
  </script>



			</div>
		</div>

		<div class="row">

			<div class="col">
			{!!Form::text('last_name',(__('functionaries.last name')))->placeholder(__('functionaries.last name'))!!}
			</div>

			<div class="col">
			{!!Form::text('first_name', (__('functionaries.first name')))->placeholder(__('functionaries.first name'))!!}
			</div>
		</div>

		<div class="row">

			<div class="col">
			<label >{!!(__('functionaries.birth date'))!!}</label>
	 		<input type="date" name="birth_date" value="birth_date" max="3000-12-31" min="1000-01-01" class="form-control">
	 		</div>

	 		<div class="col">
			{!!Form::text('place_of_birth',(__('functionaries.place of birth')))->placeholder(__('functionaries.place of birth'))!!}
			</div>

		</div>
		{!!Form::text('ap',(__('functionaries.political affiliation')))->placeholder(__('functionaries.political affiliation'))!!}
		{!!Form::textarea('biography',(__('functionaries.biography')))->placeholder(__('functionaries.biography'))!!}
		

 	
		
		<div class="row">

			<div class="col">
				<div class="slidecontainer">
				 <input type="range" min="1" max="6" name="risk" value="risk" class="slider" id="myRange">
				 <p>{{(__('functionaries.value'))}}: <span id="demo"></span></p>
				 <script>
				var slider = document.getElementById("myRange");
				var output = document.getElementById("demo");
				output.innerHTML = slider.value;
				slider.oninput = function() {
				output.innerHTML = this.value;
				}
				</script>
				</div>
			</div>
			<div class="col">
			{!!Form::checkbox('fep', (__('functionaries.fep')), true)!!}
			</div>
			<div class="col">
			{!!Form::checkbox('mep', (__('functionaries.mep')), true)!!}
			</div>
			<div class="col">
			{!!Form::checkbox('epimg', (__('functionaries.epimg')), true)!!}
			</div>
			<div class="col">
			{!!Form::checkbox('status', (__('functionaries.status')), true)!!}	
		</div>
		</div>

		<br><br>
		{!!Form::submit('save')->id('my-btn')!!}
		{!!Form::close()!!}

	</section>
</div>
@endsection