@extends('socialite::layouts.admin')

@section('content')
<div class="panel panel-default">
	<div class="panel-heading no-bg panel-settings">
			<h3 class="panel-title">
				{{ trans('socialite::admin.edit_event') }} ({{ $timeline->name }})
			</h3>
		</div>		
	<div class="panel-body">
		@include('flash::message')
		
		<form class="socialite-form" method="POST" action="{{ route('admin.events.edit.post', [$username]) }}">
			{{ csrf_field() }}
			<fieldset class="form-group required {{ $errors->has('type') ? ' has-error' : '' }}">
				{{ Form::label('type', trans('socialite::common.type'), ['class' => 'control-label']) }}
				{{ Form::select('type', array('' => trans('socialite::admin.please_select'), 'private' => trans('socialite::common.private'), 'public' => trans('socialite::common.public')), $event->type ,array('class' => 'form-control')) }}
				@if ($errors->has('type'))
				<span class="help-block">
					{{ $errors->first('type') }}
				</span>
				@endif
			</fieldset>

			<fieldset class="form-group required {{ $errors->has('name') ? ' has-error' : '' }}">
				{{ Form::label('name', trans('socialite::auth.name')) }}
				{{ Form::text('name', $timeline->name, ['class' => 'form-control', 'placeholder' => trans('socialite::common.name_of_your_event')]) }}
				@if ($errors->has('name'))
				<span class="help-block">
					{{ $errors->first('name') }}
				</span>
				@endif
			</fieldset>	

			<fieldset class="form-group required {{ $errors->has('start_date') || $errors->has('end_date') ? ' has-error' : '' }}">
				<div class="row">
					<div class="col-md-6">
						{{ Form::label('start_date', trans('socialite::admin.start_date'), ['class' => 'control-label']) }}

						<div class="input-group date form_datetime ">
							<span class="input-group-addon addon-left calendar-addon">
								<span class="fa fa-calendar"></span>
							</span>

							<input type="text" class="form-control" name="start_date" placeholder="01/01/1970" value="{!! $event->start_date !!}">

							<span class="input-group-addon addon-right angle-addon">
								<span class="fa fa-angle-down"></span>
							</span>
						</div>
						@if ($errors->has('start_date'))
						<span class="help-block">
							{{ $errors->first('start_date') }}
						</span>
						@endif
					</div>
					<div class="col-md-6">
						{{ Form::label('end_date', trans('socialite::admin.end_date'), ['class' => 'control-label']) }}
						<div class="input-group date form_datetime ">
							<span class="input-group-addon addon-left calendar-addon">
								<span class="fa fa-calendar"></span>
							</span>                           

							<input type="text" class="form-control" name="end_date" placeholder="01/01/1970" value="{!! $event->end_date !!}">

							<span class="input-group-addon addon-right angle-addon">
								<span class="fa fa-angle-down"></span>
							</span>
						</div>
						@if ($errors->has('end_date'))
						<span class="help-block">
							{{ $errors->first('end_date') }}
						</span>
						@endif
					</div>
				</div>
			</fieldset>

			<fieldset class="form-group  required {{ $errors->has('location') ? ' has-error' : '' }}">
				{{ Form::label('location', trans('socialite::common.location')) }}
				{{ Form::text('location', $event->location, ['class' => 'form-control', 'id' => 'location-input', 'autocomplete' => 'off','placeholder' => trans('socialite::messages.enter_location'), 'onKeyPress' => "return initMap(event)" ]) }}
				@if ($errors->has('location'))
				<span class="help-block">
					{{ $errors->first('location') }}
				</span>
				@endif
			</fieldset>

			<fieldset class="form-group text-area-form">
				{{ Form::label('about', trans('socialite::common.about')) }}
				{{ Form::textarea('about', $timeline->about, ['class' => 'form-control', 'placeholder' => trans('socialite::common.about')])}}
			</fieldset>

			<fieldset class="form-group">
				{{ Form::label('invite_privacy', trans('socialite::common.label_event_invite_privacy')) }}
				{{ Form::select('invite_privacy', array('only_guests' => trans('socialite::common.only_guests'), 'only_admins' => trans('socialite::admin.only_admin')), $event->invite_privacy, array('class' => 'form-control col-sm-6')) }}
			</fieldset>

			<fieldset class="form-group">
				{{ Form::label('timeline_post_privacy', trans('socialite::common.label_event_timeline_post_privacy')) }}
				{{ Form::select('timeline_post_privacy', array('only_admins' => trans('socialite::admin.only_admin'), 'only_guests' => trans('socialite::common.only_guests')), $event->timeline_post_privacy, array('class' => 'form-control col-sm-6')) }}
			</fieldset>

			<div class="pull-right">
				<button type="submit" class="btn btn-primary btn-sm">{{ trans('socialite::common.save_changes') }}</button>
			</div>
		</form>
	</div>
</div>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_vuWi_hzMDDeenNYwaNAj0PHzzS2GAx8&libraries=places&callback=initMap"
        async defer></script>

<script>
function initMap(event) 
{    
    var key;  
    var map = new google.maps.Map(document.getElementById('location-input'), {
    });

    var input = /** @type {!HTMLInputElement} */(
        document.getElementById('location-input'));        

    if(window.event)
    {
        key = window.event.keyCode; 

    }
    else 
    {
        if(event)
            key = event.which;      
    }       

    if(key == 13){       
    //do nothing 
    return false;       
    //otherwise 
    } else { 
        var autocomplete = new google.maps.places.Autocomplete(input);  
        autocomplete.bindTo('bounds', map);

    //continue as normal (allow the key press for keys other than "enter") 
    return true; 
    } 
}
</script>
	@endsection