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

	<div class="container-fluid">
		<div class="row">
			<h4 class="text-center">Ubicación de la cita para cliente {{$event->client->full_name}} agendada el {{$event->datetime}}</h4>
			<hr>					
		</div>
		<div class="row">
			{!!Form::open(['class'=>'col-md-12 form-horizontal', 'method' => 'PUT', 'action' => ['Executive\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="row">
					<div class="col col-md-1"></div>
					<div class="col col-md-2 text-right">
						{!! Form::label('location', 'Lugar de la cita', ['class' => 'control-label'])!!}
					</div>	
					<div class="col col-md-6">
						{!! Form::text('location', NULL, ['id' => 'event_place','class' => 'form-control', 'placeholder' => 'Escriba una dirección para buscarla en el mapa'])!!}
					</div>
					<div class="col col-md-3">
						<button class="btn btn-primary">Guardar</button>
					</div>					
				</div>
				<br>
				<div class="row">
					<div id="map-canvas" style="width:100%; height:500px;"></div>	
				</div>
			{!!Form::close()!!}			
		</div>
		<hr>
	</div>
@stop

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

	@parent
	{!!Html::script('https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyAOTttXf1a1ZamHZQIlUJuukZeKSzeOPps') !!}
	{!!Html::script('js/executive/events/jquery.geocomplete.js') !!}
	{!!Html::script('js/executive/events/edit.js') !!}
	
@stop