@extends('layouts.master')

@section('pageTitle', __('Update Event'))
@section('content')
	@include('includes.form_style')
	<link rel="stylesheet" href="{{ asset('datetimepicker/jquery.datetimepicker.min.css') }}">
	<script src="{{ asset('datetimepicker/jquery.datetimepicker.full.min.js') }}"></script>
	<script src="{{ asset('datetimepicker/rainbow-custom.min.js') }}"></script>
		
		<div class="page-header">
			<h1 class="page-title">{{ __('Update Event') }}</h1>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript: void(0);">{{ __('Dashboard') }}</a></li>
				<li class="breadcrumb-item"><a href="{{ route('calendar') }}">{{ __('Calendar') }}</a></li>
				<li class="breadcrumb-item active">{{ __('Update Event') }}</li>
			</ol>
			<div class="page-header-actions">
				<a class="btn btn-dark" href="{{ route('calendar') }}">
				<i class="icon wb-arrow-left" aria-hidden="true"></i>
				<span class="hidden-sm-down">{{ __('Back To Calendar') }}</span>
				</a>
			</div>
		</div>
		
		<script>
			$(document).ready(function() {
				$("#add-form").validationEngine('attach',{scroll:false});
				$.datetimepicker.setLocale('{{ app()->getLocale() }}');
				$('.datetimepicker').datetimepicker({
					format:'d/m/Y H:i',
					formatTime:'H:i',
					formatDate:'d/m/Y',
					step: 15
				});
			});
		</script>
		<div class="page-content">
			<div class="panel">
				<div class="panel-body container-fluid">
					<div class="row row-lg">
						<div class="col-md-12">
							<div class="example-wrap">
								<div class="example">
									@if($errors->any())
										<div class="alert alert-danger">
											@foreach($errors->all() as $error)
												<p>{{ $error }}</p>
											@endforeach
										</div>
									@endif
									<form method="post" action="{{ route('update-event', base64_encode($event->id)) }}" id="add-form" autocomplete="off" enctype="multipart/form-data" class="add-form">
										@csrf
										<div class="form-group">
											<label class="form-control-label mb-15" for="title">{{ __('Event name') }}:</label>
											<input type="text" class="form-control validate[required]" id="title" name="title" placeholder="{{ __('Event name') }}:" value="{{ old('title') ? old('title') : ($event->title) }}" tabindex = "1">
										</div>
										<div class="form-group">
											<label class="form-control-label mb-15" for="text">{{ __('Event Description') }}:</label>
											<textarea  class="form-control" id="text" name="text" placeholder="{{ __('Event Description') }}:" rows="" cols="" tabindex = "2">{{ old('text') ? old('text') : ($event->text) }}</textarea>
										</div>
										<div class="row">
											<div class="form-group col-md-6">
												<label class="form-control-label" for="start_date_time">{{ __('Start Date and Time') }}:</label>
												<input type="text" class="form-control validate[required] datetimepicker" id="start_date_time" name="start_date_time" placeholder="{{ __('Start Date and Time') }}:" autocomplete="off" tabindex = "3" value="{{ old('start_date_time') ? old('start_date_time') : ($event->start_date_time != '' ? date('d/m/Y H:i', strtotime($event->start_date_time)) : '') }}"/>
											</div>
											<div class="form-group col-md-6">
												<label class="form-control-label" for="end_date_time">{{ __('End Date and Time') }}:</label>
												<input type="text" class="form-control datetimepicker" id="end_date_time" name="end_date_time" placeholder="{{ __('End Date and Time') }}:" autocomplete="off" tabindex = "4" value="{{ old('end_date_time') ? old('end_date_time') : ($event->end_date_time != '' ? date('d/m/Y H:i', strtotime($event->end_date_time)) : '') }}"/>
											</div>	
										</div>	
										<div class="form-actions">
											<button class="btn btn-primary" type="submit" tabindex="5">{{ __('Update') }}</button>
											<a class="btn btn-sm btn-white" href="{{ route('calendar') }}">{{ __('Cancel') }}</a>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	@include('includes.form_script')	  
@endsection