@extends('adminlte::page')
@include("admin.citas.cal-code-citas")
@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="row">
	<div class="col-lg-6 col-sm-8 col-xs-12">
		{{ html()->form('POST')->route('citas.store')->open() }}

			<div class="form-group hidden">
				{{ html()->label('Usuari') }}
				<input id="user_id" name="user_id" type="input" value="{{$iduser}}" required 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 hiddenimportant">
				{{ html()->label('Fi') }}
				<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 @if($type) hiddenimportant @endif" required>
					<option value="" disabled selected>Seleccioni el tipus d'entrevista</option>
				 	<option value="curs" name="curs" @if($type == 'curs') {{"selected=selected"}} @endif>Curs</option>
				 	<option value="taller" name="taller" @if($type == 'taller') {{"selected=selected"}} @endif>Taller</option>
				 	<option value="borsa" name="borsa" @if($type == 'borsa') {{"selected=selected"}} @endif>Borsa de treball</option>
				 	<option value="orientacio" name="orientacio" @if($type == 'orientacio') {{"selected=selected"}} @endif>orientació acadèmica</option>
				</select>
			</div>

			@if (($type == 'curs') or ($type == 'taller'))
				<div class="form-group hidden">
					{{ html()->label('Usuari') }}
					<input id="curso_id" name="curso_id" type="input" value="{{$curso_id}}" required class="form-control">
				</div>
			@endif
			

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

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

	</div>

	<div class="col-lg-6 col-sm-8 col-xs-12">
		<div id="calendar2"></div>
	</div>
</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