@extends('adminlte::page')
@section('title', 'Crear nova entrevista')
@section('content_header')
<i class="fa fa-users" aria-hidden="true"></i> Crear nova entrevista
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
	<li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
	<li class="breadcrumb-item"><a href="{{ route('citas.index') }}">Entrevistes</a></li>
	<li class="breadcrumb-item">Crear nova entrevista</a></li>
</ol>
@endsection

@section('css')
@endsection

@section('content')

<div class="col-lg-6 col-sm-8 col-xs-12">
	{{ html()->form('POST')->route('citas.store')->open() }}

		<div class="form-group">
			{{ html()->input('id')->name('id')->class(['hidden']) }}
		</div>

		<div class="form-group">
			{{ html()->label('Usuari') }}
			{{ html()->input('user_id')->name('user_id')->required(true)->class(['form-control']) }}
		</div>

		<div class="form-group">
			{{ html()->label('Entrevistador') }}
			{{ html()->input('entrevistador_id')->name('entrevistador_id')->required(true)->class(['form-control']) }}
		</div>

		<div class="form-group">
			{{ html()->label('Inici') }}
			<input id="start_time" name="start_time" type="datetime" required class="form-control">
		</div>

		<div class="form-group">
			{{ html()->label('Inici') }}
			
			<input id="finish_time" name="finish_time" type="datetime" required class="form-control">
		</div>

		<div class="form-group">
			{{ html()->label("Tipus d'entrevista") }}
			<select name="type" class="form-control">
				<option value="" disabled selected>Seleccioni el tipus d'entrevista</option>
			 	<option value="curs" name="curs">Curs</option>
			 	<option value="taller" name="taller">Taller</option>
			</select>
		</div>

		<div class="form-group">
			{{ html()->submit('Guardar')->class(['form-control']) }}
		</div>					

	{{ html()->form()->close() }}

</div>
@endsection
@section('js')
<link rel="stylesheet" href="{{ asset('plugins/datetimepicker/jquery.datetimepicker.min.css') }}"/>
<script src="{{ asset('plugins/datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>
<script type="text/javascript">

	$('#start_time').datetimepicker({
	  step: 30,
	  dayOfWeekStart: 1,
	  disabledWeekDays: [0,6],
	});
	$('#finish_time').datetimepicker({
	  step: 30,
	  dayOfWeekStart: 1,
	  disabledWeekDays: [0,6],
	});


</script>
<script> 
$('form, input').each(function() {
$(this).attr('autocomplete', 'si_fuck_off_this_autocomplete');
});
</script> 
@endsection