@extends('layouts.main')
@section('content')
	<link rel="stylesheet" href="{{ asset('extensions/chosen/chosen.min.css') }}" type="text/css">
	<script src="{{ asset('extensions/chosen/chosen.jquery.min.js') }}"></script>
	<link href="{{ asset('extensions/events/datepicker.css') }}" rel="stylesheet">
	<link href="{{ asset('extensions/events/bootstrap-timepicker.css') }}" rel="stylesheet">
	<link href="{{ asset('extensions/events/bootstrap-tagsinput.css') }}" rel="stylesheet">
	<link href="{{ asset('extensions/chat.css') }}" rel="stylesheet">
	<script src="{{ asset('extensions/chat.js') }}"></script>

	@if($option == "View")
	<style type="text/css">
		.text-danger { visibility: hidden; }
		/*input { pointer-events: none; }*/

		.modal-content{
    		background:#fff;
		}
		
		.modal-dialog{
    		position:absolute;
    		margin-left: -300px;
    		margin-top: 40px;
		}
	</style>
	@endif

	{!! Form::model($event, ['url' => 'events/save', 'class' => 'form-horizontal', 'autocomplete' => 'off', 'id' => 'groupForm', 'files' => true]) !!}
	<section id="main-content">
    	<section class="wrapper">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-12">
						@if(Session::has('unauthorize'))
				        	<div class="alert alert-danger fade in" id="alert">
				            	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
				          		<strong><span class="fa fa-exclamation-circle"></span> {{ Session::get('unauthorize') }}</strong>
				        	</div>
				      	@endif
				      	@if(Session::has('update'))
				        	<div class="alert alert-warning fade in" id="alert">
				            	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
				          		<strong><span class="fa fa-check-circle"></span> {{ Session::get('update') }}</strong>
				        	</div>
				      	@endif
				      	@if(Session::has('success'))
				        	<div class="alert alert-success fade in" id="alert">
				            	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
					          	<strong><span class="fa fa-check-circle"></span> {{ Session::get('success') }}</strong>
				        	</div>
				        @endif
						<div class="pull-left">
							<h3><strong><a href="{{ url('events') }}">{{ $data['page'] }}</a> | {{ $option }} @if($option == 'View' && $event->u_id == Auth::user()->u_id)| <a href="{{ url('events/edit/'.$event->e_id) }}">Edit</a>@elseif($option == 'Edit')| <a href="{{ url('events/view/'.$event->e_id) }}">View</a> @endif </strong></h3>
						</div>
					</div>
				</div>
				<div class="panel panel-default panel-plain">
					<!-- BASIC EVENT DETAILS -->
					<div class="panel-heading">
						<h1 class="panel-title"><strong>Event Details</strong></h1>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">
								{!! Form::hidden('id', $id) !!}
								{!! Form::hidden('option', $option) !!}
								<div class="form-group {{ ($errors->has('e_name') ? ' has-error ' : '') }} has-feedback">
									<label class="col-md-2 control-label">Event Name: <span class="text-danger">*</span></label>
									<div class="col-md-8">{!! Form::text('e_name', null, ['class' => 'form-control input-sm align-form', 'data-validation' => 'required', 'data-validation-error-msg-container' => '#c_name', $option == 'View' ? 'readonly' : '']) !!}</div>
									<span class="text-danger"><small><strong id="e_name" class="align-text"> {{ $errors->first('e_name') }}</strong></small></span>
								</div>
								<div class="form-group {{ ($errors->has('e_type') ? ' has-error ' : '') }} has-feedback">
									<label class="col-md-2 control-label">Event Type: <span class="text-danger">*</span></label>
									<div class="col-md-8">{!! Form::text('e_type', null, ['class' => 'form-control input-sm', 'id' => 'type', 'data-validation' => 'required', 'data-validation-error-msg-container' => '#e_type']) !!}</div>
									<span class="text-danger"><small><strong id="e_type" class="align-text"> {{ $errors->first('e_type') }}</strong></small></span>
								</div>
								<div class="form-group {{ ($errors->has('e_start_date') ? ' has-error ' : '') }} has-feedback">
									<label class="col-md-2 control-label">Start Date: <span class="text-danger">*</span></label>
									<div class="col-md-8">{!! Form::text('e_start_date', null, ['class' => 'form-control input-sm', 'data-validation' => 'required', 'data-validation-error-msg-container' => '#e_start_date', 'id' => 'e_start_date', 'maxlength' => '10', 'required', 'placeholder' => 'Start Date', 'readonly']) !!}</div>
									<span class="text-danger"><small><strong id="e_start_date" class="align-text"> {{ $errors->first('e_start_date') }}</strong></small></span>
								</div>						
								<div class="form-group {{ ($errors->has('e_start_time') ? ' has-error ' : '') }} has-feedback">
		                            <label class="col-md-2 control-label">Start Time: <span class="text-danger">*</span></label>
		                            <div class="col-md-8">
		                            @if($option == 'Add')
		                            	<input id="e_start_time" name="e_start_time" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_start_time" readonly required>
		                            @elseif($option == 'Edit')
		                            	<input id="e_start_time" name="e_start_time" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_start_time" value="{{ $event->e_start_time }}" readonly required>
		                            @elseif($option == 'View')
		                            	<input id="e_start_time" name="e_start_time" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_start_time" value="{{ $event->e_start_time }}" readonly required>
		                            @endif
		                            </div>
		                            <span class="text-danger"><small><strong id="e_start_time" class="align-text"> {{ $errors->first('e_start_time') }}</strong></small></span>
		                        </div>
								<div class="form-group {{ ($errors->has('e_end_date') ? ' has-error ' : '') }} has-feedback">
									<label class="col-md-2 control-label">End Date: <span class="text-danger">*</span></label>
									<div class="col-md-8">{!! Form::text('e_end_date', null, ['class' => 'form-control input-sm', 'data-validation' => 'required', 'data-validation-error-msg-container' => '#e_end_date', 'id' => 'e_end_date', 'maxlength' => '10', 'required', 'placeholder' => 'End Date', 'readonly']) !!}</div>
									<span class="text-danger"><small><strong id="e_end_date" class="align-text"> {{ $errors->first('e_end_date') }}</strong></small></span>
								</div>
								<div class="form-group {{ ($errors->has('e_end_time') ? ' has-error ' : '') }} has-feedback">
		                            <label class="col-md-2 control-label">End Time: <span class="text-danger">*</span></label>
		                            <div class="col-md-8">
		                            @if($option == 'Add')
		                            	<input id="e_end_time" name="e_end_time" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_end_time" readonly required>
		                           	@elseif($option == 'Edit')
		                           		<input id="e_end_time" name="e_end_time" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_end_time" value="{{ $event->e_end_time }}" readonly required>
		                           	@elseif($option == 'View')
		                           		<input id="e_end_time" name="e_end_time" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_end_time" value="{{ $event->e_end_time }}" readonly required>
		                           	@endif
		                            </div>
		                            <span class="text-danger"><small><strong id="e_end_time" class="align-text"> {{ $errors->first('e_end_time') }}</strong></small></span>
		                        </div>
		                        <div class="form-group {{ ($errors->has('e_keywords') ? ' has-error ' : '') }} has-feedback">
		                            <label class="col-md-2 control-label">Keywords: <span class="text-danger">*</span></label>
		                            <div class="col-md-8">
		                            @if($option == 'Add' || $option == 'Edit')
		                            <input class="form-control input-sm align-form" data-role="tagsinput" data-validation="required" data-validation-error-msg-container="#e_keywords" type="text" @if($option=='Add') value="" @else value="{{ $event->e_keywords }}" @endif name="e_keywords" id="e_keywords" placeholder="Separate by comma" required></div>
		                            @else
		                            <input class="form-control input-sm align-form" data-role="tagsinput" data-validation="required" data-validation-error-msg-container="#e_keywords" type="text" @if($option=='Add') value="" @else value="{{ $event->e_keywords }}" @endif name="e_keywords" id="e_keywords"></div>
		                            @endif
		                            <span class="text-danger"><small><strong id="e_keywords" class="align-text"> {{ $errors->first('e_keywords') }}</strong></small></span>
		                        </div>
		                        <div class="form-group {{ ($errors->has('e_staff') ? ' has-error ' : '') }} has-feedback">
		                            <label class="col-md-2 control-label">Staff Involved: <span class="text-danger">*</span></label>
		                            <div class="col-md-8">
		                            @if($option == 'Add' || $option == 'Edit')
		                            <input class="form-control input-sm align-form" data-role="tagsinput" data-validation="required" data-validation-error-msg-container="#e_staff" type="text" @if($option=='Add') value="" @else value="{{ $event->e_staff }}" @endif name="e_staff" id="e_staff" placeholder="Enter Name (e.g. JDCruz)" required></div>
		                            @else
		                            <input class="form-control input-sm align-form" data-role="tagsinput" data-validation="required" data-validation-error-msg-container="#e_staff" type="text" @if($option=='Add') value="" @else value="{{ $event->e_staff }}" @endif name="e_staff" id="e_staff"></div>
		                            @endif
		                            <span class="text-danger"><small><strong id="e_keywords" class="align-text"> {{ $errors->first('e_keywords') }}</strong></small></span>
		                        </div>		                        
								<div class="form-group {{ ($errors->has('e_venue') ? ' has-error ' : '') }} has-feedback">
									<label class="col-md-2 control-label">Event Venue: <span class="text-danger">*</span></label>
									<div class="col-md-8">
									@if($option != 'View')
									{!! Form::text('e_venue', null, ['class' => 'form-control input-sm align-form', 'id' => 'venue', 'data-validation' => 'required', 'data-validation-error-msg-container' => '#e_venue', $option == 'View' ? 'readonly' : '']) !!}</div>
									@else
									{!! Form::text('e_venue', null, ['class' => 'form-control input-sm align-form', 'id' => 'venue', $option == 'View' ? 'readonly' : '']) !!}</div>
									@endif							
									<span class="text-danger"><small><strong id="e_venue" class="align-text"> {{ $errors->first('e_venue') }}</strong></small></span>
								</div>
							</div>
						</div>

						@if($option == 'Edit')
						<div class="panel-body">
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<div class="col-md-3 col-md-offset-2">								
											{!! Form::button('<span class="fa fa-save"></span> Save', ['class' => 'btn btn-primary btn-sm', 'type' => 'submit']) !!}
											<a href="{{ url('events') }}" class="btn btn-danger btn-sm"><span class="fa fa-ban"></span> Cancel</a>														
										</div>
									</div>
								</div>
							</div>
						</div>
						@endif
					</div>
				</div>

				<!-- ATTACHMENT AND FILE DETAILS -->					
				@if($option == 'Add')
				<div class="panel panel-default panel-plain">		
					<div class="panel-heading">
						<h1 class="panel-title"><strong>Attachment Details</strong></h1>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">						
								<div class="form-group {{ ($errors->has('ea_file') ? ' has-error ' : '') }} has-feedback">
		                            <label class="col-md-2 control-label">Upload Files:</label>
									<div class="col-md-8">{!! Form::file('ea_file[]', ['class' => 'align-form', 'multiple'=>true]) !!}</div>
									<span class="text-danger"><small><strong id="ea_file" class="align-text"> {{ $errors->first('ea_file') }}</strong></small></span>
		                        </div>
							</div>
						</div>
					</div>
				</div>
				@else
				<div class="panel panel-default panel-plain">
					<div class="panel-heading">
						<h1 class="panel-title"><strong>File Attachments</strong></h1>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">						
								@if($files->isEmpty())
									<div class="panel-body">
										<h5><strong><i class="fa fa-info-circle"></i> No file attachment(s) found.</strong></h5>
									</div>														
								@else
									<table class="table">
										<thead>
											<tr>
												<th>Filename</th>
												<th>Date Attached</th>
												@if($event->u_id == Auth::user()->u_id)
												<th></th>
												@endif
											</tr>
										</thead>
										<tbody>
											@foreach($files as $file)
											<tr>
												<td><a href="{{ URL::to($file->ea_file) }}" target="_blank">{{ basename($file->ea_file) }}</a></td>
												<td>{{ date('F d, Y h:i A', strtotime($file->created_at)) }}</td>
												<td class="text-right">											
													@if($event->u_id == Auth::user()->u_id)
													<a href="{{ url('events/view/delete-file/'.$file->ea_id) }}" class="btn btn-danger btn-xs" title="Remove"><span class="fa fa-trash"></span></a>
													@endif
												</td>
											</tr>
											@endforeach
										</tbody>
									</table>
									@if($files->render())
										<div class="panel-footer text-center">{!! $files->render() !!}</div>
									@endif
								@endif
							</div>
						</div>
					</div>
				</div>
				@endif

				<!-- ATTENDEES -->
				@if($option == 'View' || $option == 'Edit')
				<div class="panel panel-default panel-plain">
					<div class="panel-heading">
						<h1 class="panel-title"><strong>Attendees</strong></h1>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">						
								@if($attendees->isEmpty())
									<div class="panel-body">
										<h5><strong><i class="fa fa-info-circle"></i> No attendee(s) found.</strong></h5>
									</div>														
								@else
									<table class="table">
										<thead>
											<tr>
												<th>Name</th>										
												<th>Date Invited</th>
												@if($event->e_confirm == 1)
												<th>Will Be Going</th>
												@endif
												<th></th>
											</tr>
										</thead>
										<tbody>
											@foreach($attendees as $attendee)
											<tr>
												<td>{{ $attendee->seen->u_lname }}, {{ $attendee->seen->u_fname }}</td>
												<td>{{ date('F d, Y h:i A', strtotime($attendee->created_at)) }}</td>
												@if($event->e_confirm == 1)
												<td>
													@if($attendee->es_confirmed == 1)
													<font color="green"><i class="fa fa-check-circle"></i></font>
													@elseif($attendee->es_confirmed == 0)
														<font color="red"><i class="fa fa-times-circle"></i></font><br>
														<i>Reason: {{ $attendee->es_reason}}</i>
													@elseif($attendee->es_confirmed == 99)
														<i>No confirmation yet.</i>
													@endif
												</td>
												@endif
												<td class="text-right">											
													@if(Auth::user()->u_id == $event->u_id)
													<a href="{{ url('events/view/delete-attendee/'.$attendee->es_id) }}" class="btn btn-danger btn-xs" title="Remove"><span class="fa fa-trash"></span></a>
													@endif
												</td>
											</tr>
											@endforeach
										</tbody>
									</table>
									@if($attendees->render())
										<div class="panel-footer text-center">{!! $attendees->render() !!}</div>
									@endif
								@endif
							</div>
						</div>
					</div>
				</div>
				@endif

				<!-- NOTIFICATION TAGGING -->
				@if($option != 'View')
				<div class="panel panel-default panel-plain">
					<div class="panel-heading">
						<h1 class="panel-title"><strong>Notification Details</strong></h1>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
		                            <label class="col-md-2 control-label">Notification Mode:</label>
									<div class="col-md-8">
										<select name="tagMode" id="tagMode" class="form-control input-sm align-form">
		                            		<option value="0">Individual</option>
		                            		<option value="1">Group</option>
		                            		<option value="2">Tag All Employees</option>
		                            	</select>
									</div>
		                        </div>
							</div>
							<hr>							
							<div class="col-md-12" id="tag_individual">
								<div class="form-group">
		                            <label class="col-md-2 control-label">Tag Employees:</label>
									<div class="col-md-8">								
										<select data-placeholder="Tag Individually" class="chosen-select form-control input-sm" multiple name="individualTag[]" id="individualTag">
		                        			<option value=""></option>
		                                	@foreach($members as $member)
		                                		<option value="">, </option>
		                                	@endforeach
		                                </select>
									</div>
		                        </div>
							</div>
							<div class="col-md-12" id="tag_group">
								<div class="form-group">
		                            <label class="col-md-2 control-label">Tag Employees:</label>
									<div class="col-md-8">								
										<select data-placeholder="Tag By Group" class="chosen-select form-control" multiple name="groupTag[]" id="groupTag">
		                        			<option value=""></option>
		                                	@foreach($groups as $group)
		                                		<option value=""></option>
		                                	@endforeach
		                                </select>
									</div>
		                        </div>
							</div>
							<hr><br>
							<div class="form-group">
								<label class="col-md-2 control-label">Needs Confirmation:</label>
								<div class="col-md-8">
								@if($option == 'Add')
									<div class="radio-inline"><label>{!! Form::radio('e_confirm', '1', ['required']) !!} Yes</label></div>
									<div class="radio-inline"><label>{!! Form::radio('e_confirm', '0', true) !!} No</label></div>
								@elseif($option == 'Edit')
									<div class="radio-inline">
	                                    <label>	                                    	
	                                    	<input  type="radio" name="e_confirm" id="e_confirm1" value="1" /> Yes	                                    	
	                                    </label>
	                                </div>
	                                <div class="radio-inline">
	                                    <label>	                                    	
	                                    	<input  checked="checked"  type="radio" name="e_confirm" id="e_confirm2" value="0" /> No
	                                    </label>
	                                </div>
								@else
									@if($event->e_confirm == 1)
									{!! Form::text('e_confirm', 'Yes', ['class' => 'form-control input-sm align-form', $option == 'View' ? 'readonly' : '']) !!}
									@else
									{!! Form::text('e_confirm', 'No', ['class' => 'form-control input-sm align-form', $option == 'View' ? 'readonly' : '']) !!}
									@endif							
								@endif
								</div>
							</div>
							<br>
							<div class="col-md-12">
								<div class="form-group">
									<div class="col-md-3 col-md-offset-2">
										@if($option == 'Add')
										{!! Form::button('<span class="fa fa-save"></span> Save', ['class' => 'btn btn-primary btn-sm', 'type' => 'submit']) !!}
										<a href="{{ url('events') }}" class="btn btn-danger btn-sm"><span class="fa fa-ban"></span> Cancel</a>
										@else
										{!! Form::button('<span class="fa fa-bell"></span> Notify Other Employees', ['class' => 'btn btn-primary btn-sm', 'type' => 'submit']) !!}
										<a href="{{ url('events') }}" class="btn btn-danger btn-sm"><span class="fa fa-undo"></span> Back To Events</a>
										@endif
									</div>
								</div>
							</div>
						</div>						
					</div>				
				</div>
				@endif

				<!-- ATTENDANCE CONFIRMATION -->
				@if($option == 'View')