@extends('layouts.admin-bloqueo-vista')
@section('titulo', 'Crear paciente')
@section('css')
	{!! Html::style('css/jquery.datetimepicker.min.css') !!}
@endsection
@section('botonera')
	@include('componentes.boton-volver-al-listado-de-pacientes')
	@include('componentes.boton-salir-con-aviso')
@endsection
@section('content')

	{{-- modals --}}
	@include('componentes.modal-salir')
	@include('componentes.modal-volver-al-listado-de-pacientes')
	@include('alerts.request')

	{!! Form::open(['route'=>'paciente.store', 'method'=>'POST']) !!}
		@include('paciente.forms.paciente')
		<hr>
		<div class="row">
			<div class="col-xs-12">
				<div class="form-group">
					{!! Form::submit('Guardar', ['class'=>'btn btn-primary']) !!}
				</div>
			</div>
		</div>
	{!! Form::close() !!}

@endsection
@section('scripts')

	<script type="text/javascript">
		$(document).ready(function(){

			var selectDepartamento = $('#departamento');
			var selectMunicipio = $('#municipio');
			var selectBarrio = $('#barrio');

			selectDepartamento.change(function(){
				if (selectDepartamento.val() != 0) {
					route = '{{URL::to("cargar-municipios-con-departamento")}}/' + selectDepartamento.val();
					$.get(route, function(respuesta){
						selectMunicipio.html('<option value="0">Ninguno seleccionado</option>');
						$(respuesta).each(function(key, value){
							selectMunicipio.append('<option value="' + value.id + '"">' + value.nombre + '</option>');
						});
						selectMunicipio.prop('disabled', false);
						selectBarrio.prop('disabled', true);
						selectBarrio.html('<option value="0">Ninguno seleccionado</option>');
					});
				} else {
					selectMunicipio.prop('disabled', true);
					selectMunicipio.html('<option value="0">Ninguno seleccionado</option>');
					selectBarrio.prop('disabled', true);
					selectBarrio.html('<option value="0">Ninguno seleccionado</option>');
				}
			});

			selectMunicipio.change(function(){
				if (selectMunicipio.val() != 0) {
					route = '{{URL::to("cargar-barrios-con-municipio")}}/' + selectMunicipio.val();
					$.get(route, function(respuesta){
						selectBarrio.html('<option value="0">Ninguno seleccionado</option>');
						$(respuesta).each(function(key, value){
							selectBarrio.append('<option value="' + value.id + '"">' + value.nombre + '</option>');
						});
						selectBarrio.prop('disabled', false);
					});
				} else {
					selectBarrio.prop('disabled', true);
					selectBarrio.html('<option value="0">Ninguno seleccionado</option>');
				}
			});
		
			// Inicializar el calendario
			$('#nacimiento').datetimepicker({
				timepicker:false,
					format:'d M Y'
			});
		});

		@include('componentes.script-mostrar-modal-request')

	</script>

	@include('paciente.js.verificar-disponibilidad-de-documento')

	{!! Html::script('js/jquery.datetimepicker.full.js') !!}

@endsection