@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) !!}
								<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_startdate') ? ' 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_startdate', null, ['class' => 'form-control input-sm', 'data-validation' => 'required', 'data-validation-error-msg-container' => '#e_startdate', 'id' => 'e_startdate', 'maxlength' => '10', 'required', 'placeholder' => 'Start Date', 'readonly']) !!}</div>
									<span class="text-danger"><small><strong id="e_startdate" class="align-text"> {{ $errors->first('e_startdate') }}</strong></small></span>
								</div>						
								<div class="form-group {{ ($errors->has('e_starttime') ? ' has-error ' : '') }} has-feedback">
		                            <label class="col-md-2 control-label">Start Time: <span class="text-danger">*</span></label>
		                            <div class="col-md-8"><input id="e_starttime" name="e_starttime" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_starttime" readonly required></div>
		                            <span class="text-danger"><small><strong id="e_starttime" class="align-text"> {{ $errors->first('e_starttime') }}</strong></small></span>
		                        </div>
								<div class="form-group {{ ($errors->has('e_enddate') ? ' 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_enddate', null, ['class' => 'form-control input-sm', 'data-validation' => 'required', 'data-validation-error-msg-container' => '#e_enddate', 'id' => 'e_enddate', 'maxlength' => '10', 'required', 'placeholder' => 'End Date', 'readonly']) !!}</div>
									<span class="text-danger"><small><strong id="e_enddate" class="align-text"> {{ $errors->first('e_enddate') }}</strong></small></span>
								</div>
								<div class="form-group {{ ($errors->has('e_endtime') ? ' has-error ' : '') }} has-feedback">
		                            <label class="col-md-2 control-label">End Time: <span class="text-danger">*</span></label>
		                            <div class="col-md-8"><input id="e_endtime" name="e_endtime" type="text" class="form-control input-sm align-form" data-validation="required" data-validation-error-msg-container="#e_endtime" readonly required></div>
		                            <span class="text-danger"><small><strong id="e_endtime" class="align-text"> {{ $errors->first('e_endtime') }}</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"></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. ARMadrigal, LSManguiat)"></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']) !!}</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>
												<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>
												<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>
						</div>
					</div>
								
					<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">
										@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
				
				<!-- COMMENT THREAD -->
				@if($option == 'View')
				<div class="row">
					<div class="col-md-6">
						<div class="panel panel-default panel-plain">
							<div class="panel-heading">
								<h1 class="panel-title"><strong>Comment Thread</strong></h1>
							</div>
							<div class="panel-body">
								<div class="row">
									@if(count($comments) == 0)
									<div class="col-md-12" style="height: 204px;">							
									<h4><center>NO COMMENTS</center></h4>
									@else
									<div class="col-md-12" style="overflow-y: scroll; height: 408px;">
										<ul class="timeline">
									@endif								
																				</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="panel panel-default panel-plain">
							<div class="panel-heading">
								<h1 class="panel-title"><strong>Leave A Comment</strong></h1>
							</div>
							<div class="panel-body">
								<div class="row">
									<div class="col-md-12">
										{!! Form::textarea('comm_text', NULL, ['class' => 'form-control input-sm', 'size' => '10x7']) !!}
										<br>
										<div class="pull-right">
											{!! Form::button('<span class="fa fa-reply"></span> Submit Comment', ['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>

						@if(count($seens) != 0)
						<div class="panel panel-default panel-plain">
							<div class="panel-body">
								<div class="row">							
									<div class="col-md-12" style="overflow-y: scroll; height: 150px;">
										@foreach($seens as $seen)
											<p><i>Last seen by
												<strong>{{ $seen->seen->u_fname }}</strong> on <strong>{{ date('F d, Y H:i A', strtotime($seen->updated_at)) }}</strong><br>
											</i></p>
										@endforeach
									</div>
								</div>
							</div>
						</div>
						@endif
					</div>
				</div>
				@endif

				<!-- MODAL FOR UPDATING COMMENT -->
				{!! Form::open(['url'=>'event/update_comment', 'class'=>'form']) !!}
				<div class="modal fade" id="editComment" role="dialog">
		            <div class="modal-dialog">
					    <div class="modal-content">
					    	<div class="modal-header">
					        	<button type="button" class="close" data-dismiss="modal">&times;</button>
					        	<h4 class="modal-title">Edit Comment</h4>
					      	</div>
					      	<div class="modal-body">
					      		<div class="row">
									<div class="col-md-12">
										<input class="form-control" type="hidden" value="" name="editID" id="editID">
										{!! Form::textarea('up_comment', NULL, ['class' => 'form-control input-sm', 'size' => '10x7']) !!}
										<br>
										<div class="pull-right">
											{!! Form::button('<span class="fa fa-pencil"></span> Update', ['class' => 'btn btn-warning btn-sm', 'type' => 'submit']) !!}									
										</div>
									</div>
								</div>
					      	</div>
					    </div>
				  	</div>
		        </div>
		        {!! Form::close() !!}
		        <script type="text/javascript">
			        $(document).on("click", ".edit-comment", function() {
			            var mt_id = $(this).data('id');
			            $(".modal-body #showid").text(mt_id);
			            $('#editComment').modal('show');
			            document.getElementById("editID").value = mt_id;
			        });
			    </script>
			</div>
			{!! Form::close() !!}

			<script type="text/javascript" src="{{ asset('extensions/validation/form-validator/jquery.form-validator.min.js') }}"></script>
			<script src="{{ asset('extensions/events/bootstrap-datepicker.js') }}"></script>
			<script src="{{ asset('extensions/events/bootstrap-timepicker.js') }}"></script>	
			<script src="{{ asset('extensions/events/bootstrap-tagsinput.min.js') }}"></script>
			<script src="{{ asset('extensions/events/bootstrap-tagsinput-angular.min.js') }}"></script>
			
			<script type="text/javascript">
				$(document).ready(function() {
					$("select#tagMode option:selected").each(function() {
				    	recipient_selector();
				  	});

					$("select#tagMode").change(function(){
				    	recipient_selector();
				  	});
				});

				function recipient_selector() {
					var recipientType = parseInt($("#tagMode").val());
				  	if( recipientType == 0 ) {
					    $("#sending_option").val('INDIVIDUAL');
					    $("#tag_individual").css('display', 'inline');
					    $("#tag_group").css('display', 'none');			    
					    $("#recipient_all").css('display', 'none');
				  	} else if( recipientType == 1 ) {
					    $("#sending_option").val('GROUP');
					    $("#tag_individual").css('display', 'none');
					    $("#tag_group").css('display', 'inline');
					    $("#recipient_all").css('display', 'none');
				  	} else if( recipientType == 2 )  {
					    $("#sending_option").val('ALL');
					    $("#tag_individual").css('display', 'none');
					    $("#tag_group").css('display', 'none');
					    $("#recipient_all").css('display', 'inline');
				  	}
				}
			</script>

			<script type="text/javascript">
				if($(".chosen-select").length) {
					$(".chosen-select").chosen();
				}
				$.validate({
					form: '#groupForm'
				});

				$.get('{{ url("events/types") }}', function(data) {
					var types = [];
					$.each(data, function(i, e) {
						types.push(e.e_type.replace(/\s+/g, " "));
					});
					$.formUtils.suggest($('#type'), types);
				});

				$.get('{{ url("events/venues") }}', function(data) {
					var venues = [];
					$.each(data, function(i, e) {
						venues.push(e.e_venue.replace(/\s+/g, " "));
					});
					$.formUtils.suggest($('#venue'), venues);
				});

				$(document).ready(function() {
		        	$('#e_starttime').timepicker();
		        	$('#e_endtime').timepicker();

		        	var date 	= new Date();	        	
					date.setDate(date.getDate());		

					$('#e_startdate').datepicker({ 			    
					    format: "yyyy-mm-dd"
					});

					$('#e_enddate').datepicker({ 			    
					    format: "yyyy-mm-dd"
					});
				});
			</script>
		</section>
	</section>
@stop