@extends('app')
@section('content')

	<div>
		<h4 class="text-center">Ubicación de la cita para cliente {{$event->client->full_name}} agendada el {{$event->datetime}}</h4>
		<hr>

		{!!Form::open(['class'=>'col-md-12 form-horizontal', 'method' => 'PUT', 'action' => ['Manager\EventsController@update', $event->id]])!!}

			{!!Form::label('latitude','Latitud',['class'=>'sr-only'])!!}
			{!! Form::hidden('latitude', 19.358555, ['data-geo' => "lat",'id' =>'event_place_lat'])!!}

			{!! Form::label('longitude', 'Longitud', ['class' => 'sr-only'])!!}
			{!! Form::hidden('longitude', -99.1954379, ['data-geo' => "lng",'id' => 'event_place_lng'])!!}

			<div class="col-xs-12 col-xs-offset-2" style="margin-bottom:2%">
				<div class="col-md-1">
					{!! Form::label('location', 'Lugar de la cita', ['class' => 'control-label'])!!}
				</div>	
				<div class="col-md-6">
					{!! Form::text('location', NULL, ['id' => 'event_place','class' => 'form-control', 'placeholder' => 'Escriba una dirección para buscarla en el mapa'])!!}
				</div>
					<button class="btn btn-primary">Guardar</button>
			</div>
				
			<div class="form-group">
				<center>
					<div id="map-canvas" style="height: 15%; width:80%; padding: 300px;"></div>	
				</center>
			</div>
		{!!Form::close()!!}
		<hr>
	</div>

@stop

@section('modals')
	@include('manager.events.partials.confirm')
@endsection
@section('script')

	@parent
	{!!Html::script('http://maps.googleapis.com/maps/api/js?libraries=places') !!}
	{!!Html::script('js/manager/events/jquery.geocomplete.js') !!}
	{!!Html::script('js/manager/events/edit.js') !!}
	
@stop