FM / Manager

Name	Size	Mode	Actions
core/	-	0755	rm
css/	-	0755	rm
data/	-	0755	rm
fonts/	-	0755	rm
Inc/	-	0755	rm
js/	-	0755	rm
php/	-	0755	rm
accesscontrol.php	16039	0644	edit dl rm
AddClient.php	3930	0644	edit dl rm
addcourse.php	17736	0644	edit dl rm
addcoursesession.php	20528	0644	edit dl rm
addcoursetime.php	17305	0644	edit dl rm
addgroup - Copy.php	21212	0644	edit dl rm
addgroup.php	22999	0644	edit dl rm
addgroup1.php	20667	0644	edit dl rm
addholiday.php	18019	0644	edit dl rm
addmanager.php	18765	0644	edit dl rm
addremediation.php	17877	0644	edit dl rm
addretake.php	21914	0644	edit dl rm
adduser.php	30079	0644	edit dl rm
adduser1.php	23527	0644	edit dl rm
Add_Course_Session.php	6529	0644	edit dl rm
add_event.php	1960	0644	edit dl rm
Add_Teacher_Unavailability.php	1746	0644	edit dl rm
adminreports.php	16219	0644	edit dl rm
AI_Generate_Schedule - Copy.php	12217	0644	edit dl rm
AI_Generate_Schedule.php	10731	0644	edit dl rm
ajax_course_group_Backup.php	17270	0644	edit dl rm
ajax_course_group_Backup_1.php	18742	0644	edit dl rm
ajax_fetch_schedule.php	3760	0644	edit dl rm
ajax_get_group_slots.php	872	0644	edit dl rm
ajax_replace_saturday -Completed.php	18739	0644	edit dl rm
ajax_replace_saturday - Copy (2).php	18739	0644	edit dl rm
ajax_replace_saturday - Copy (3).php	26554	0644	edit dl rm
ajax_replace_saturday - Copy (4).php	26615	0644	edit dl rm
ajax_replace_saturday - Copy (5).php	28374	0644	edit dl rm
ajax_replace_saturday - Copy.php	13452	0644	edit dl rm
ajax_replace_saturday - Good.php	17270	0644	edit dl rm
ajax_replace_saturday.php	30779	0644	edit dl rm
ajax_swap_courses.php	4279	0644	edit dl rm
assign_course_group-BackUp.php	21331	0644	edit dl rm
assign_course_group - Copy (BackUp).php	18315	0644	edit dl rm
assign_course_group - Copy.php	21318	0644	edit dl rm
assign_course_group.php	18315	0644	edit dl rm
assign_course_group1.php	20962	0644	edit dl rm
Assign_Course_Report.php	1375	0644	edit dl rm
assign_teacher_manual-1.php	21095	0644	edit dl rm
assign_teacher_manual - Copy (2).php	22328	0644	edit dl rm
assign_teacher_manual - Copy.php	22388	0644	edit dl rm
assign_teacher_manual-Not work.php	20585	0644	edit dl rm
assign_teacher_manual.php	22328	0644	edit dl rm
assign_teacher_manual_force_conflicts.php	22359	0644	edit dl rm
availableteacherreport.php	13718	0644	edit dl rm
Available_Teacher_Report - Copy.php	2236	0644	edit dl rm
Available_Teacher_Report.php	7691	0644	edit dl rm
brokerreports.php	16318	0644	edit dl rm
calendar - Copy (2).php	16891	0644	edit dl rm
calendar - Copy.php	23193	0644	edit dl rm
calendar.php	30653	0644	edit dl rm
changestatus.php	865	0644	edit dl rm
Check_if_Teacher_Report.php	1587	0644	edit dl rm
complete_schedule_report_by_teacher.php	19312	0644	edit dl rm
courseflagtime.php	3411	0644	edit dl rm
Create_Group_Schedule_Algorithm.php	3828	0644	edit dl rm
Create_Schedule_Algorithm - Copy (2).php	41412	0644	edit dl rm
Create_Schedule_Algorithm - Copy (3).php	46352	0644	edit dl rm
Create_Schedule_Algorithm - Copy (4).php	53569	0644	edit dl rm
Create_Schedule_Algorithm - Copy (5).php	67956	0644	edit dl rm
Create_Schedule_Algorithm - Copy (6).php	71134	0644	edit dl rm
Create_Schedule_Algorithm - Copy (7).php	72529	0644	edit dl rm
Create_Schedule_Algorithm - Copy (8).php	73084	0644	edit dl rm
Create_Schedule_Algorithm - Copy (9).php	73577	0644	edit dl rm
Create_Schedule_Algorithm - Copy (10).php	76505	0644	edit dl rm
Create_Schedule_Algorithm - Copy (11).php	76764	0644	edit dl rm
Create_Schedule_Algorithm - Copy (12).php	86324	0644	edit dl rm
Create_Schedule_Algorithm - Copy (13).php	83133	0644	edit dl rm
Create_Schedule_Algorithm - Copy (14).php	87274	0644	edit dl rm
Create_Schedule_Algorithm - Copy (get info only).php	69747	0644	edit dl rm
Create_Schedule_Algorithm - Copy (with 2 course 2nd SPECIAL ).php	82314	0644	edit dl rm
Create_Schedule_Algorithm - Copy.php	40581	0644	edit dl rm
Create_Schedule_Algorithm.php	88276	0644	edit dl rm
Create_Schedule_Algorithm_1.php	41412	0644	edit dl rm
Create_Schedule_Algorithm_2.php	76505	0644	edit dl rm
Create_Schedule_Algorithm_2_combined.php	89764	0644	edit dl rm
Create_Schedule_Algorithm_2_combined_both_slots.php	91932	0644	edit dl rm
Create_Schedule_Algorithm_2_fixed.php	76829	0644	edit dl rm
Create_Schedule_Algorithm_3.php	87274	0644	edit dl rm
Create_Schedule_Algorithm_4.php	87274	0644	edit dl rm
dashboard-BackUp.php	18806	0644	edit dl rm
dashboard.php	22507	0644	edit dl rm
deleteschedulefromgroup.php	16819	0644	edit dl rm
delete_course.php	580	0644	edit dl rm
delete_course_from_teacher.php	4990	0644	edit dl rm
delete_course_from_teacher_backup.php	3094	0644	edit dl rm
delete_event.php	1212	0644	edit dl rm
delete_group.php	1858	0644	edit dl rm
delete_holiday.php	715	0644	edit dl rm
delete_retake.php	1276	0644	edit dl rm
delete_schedule_from_group-1.php	1870	0644	edit dl rm
delete_schedule_from_group.php	1850	0644	edit dl rm
delete_teacher_level.php	798	0644	edit dl rm
delete_teacher_unavailability.php	1347	0644	edit dl rm
delete_timeslot.php	597	0644	edit dl rm
display_schedule-1.php	18846	0644	edit dl rm
display_schedule.php	18846	0644	edit dl rm
do_remove_saturday.php	6170	0644	edit dl rm
edit_event.php	1612	0644	edit dl rm
error_log	74070	0644	edit dl rm
examschedulereport.php	16267	0644	edit dl rm
Exam_Schedule_Report.php	2677	0644	edit dl rm
export_absences.php	1221	0644	edit dl rm
fetch_all_scheduled_courses.php	6318	0644	edit dl rm
fetch_courses - BackUp.php	9711	0644	edit dl rm
fetch_courses - Copy.php	7719	0644	edit dl rm
fetch_courses.php	9167	0644	edit dl rm
fetch_courses_for_program.php	788	0644	edit dl rm
fetch_courses_for_program_by_schedule - Copy.php	2297	0644	edit dl rm
fetch_courses_for_program_by_schedule.php	3935	0644	edit dl rm
fetch_courses_teacher_preference.php	3852	0644	edit dl rm
fetch_course_for_added_group.php	897	0644	edit dl rm
fetch_course_hours.php	691	0644	edit dl rm
fetch_disabled_dates.php	518	0644	edit dl rm
fetch_events.php	975	0644	edit dl rm
fetch_exist_dates.php	1099	0644	edit dl rm
fetch_groups_exist_in_schedule.php	956	0644	edit dl rm
fetch_groups_for_program.php	843	0644	edit dl rm
fetch_group_timeslot.php	847	0644	edit dl rm
fetch_reserve_courses.php	7429	0644	edit dl rm
fetch_retake_courses.php	923	0644	edit dl rm
fetch_scheduled_courses.php	2178	0644	edit dl rm
fetch_schedule_report_by_group.php	5440	0644	edit dl rm
fetch_teachers_by_group.php	4421	0644	edit dl rm
fetch_teachers_by_program.php	1821	0644	edit dl rm
fetch_teachers_for_group.php	3170	0644	edit dl rm
fetch_teacher_assignment.php	24776	0644	edit dl rm
fetch_teacher_by_course.php	3880	0644	edit dl rm
fetch_teacher_conflicts.php	5682	0644	edit dl rm
fetch_teacher_conflicts_only.php	7665	0644	edit dl rm
fetch_teacher_conflicts_only_force_conflicts.php	7114	0644	edit dl rm
fetch_teacher_conflicts_showonly.php	10447	0644	edit dl rm
fetch_teacher_load.php	1482	0644	edit dl rm
fetch_teacher_prefrence_courses_accounting.php	1606	0644	edit dl rm
find_replacement-1.php	16075	0644	edit dl rm
find_replacement.php	18161	0644	edit dl rm
followup.php	16160	0644	edit dl rm
Generate Group Schedule.php	16987	0644	edit dl rm
Generate Group Schedule 1.php	18121	0644	edit dl rm
generateschedule.php	15706	0644	edit dl rm
Generate_Schedule.php	33620	0644	edit dl rm
generate_schedule_handler.php	7095	0644	edit dl rm
Generate_Schedule_Script.php	29731	0644	edit dl rm
getlang.php	326	0644	edit dl rm
getrefer.php	4349	0644	edit dl rm
getstatus.php	1260	0644	edit dl rm
get_groups_by_program.php	608	0644	edit dl rm
get_schedule_ai-1.php	37755	0644	edit dl rm
get_schedule_ai - Copy.php	36459	0644	edit dl rm
get_schedule_ai.php	36855	0644	edit dl rm
get_schedule_report.php	2393	0644	edit dl rm
group_schedule_form - Copy.php	16994	0644	edit dl rm
group_schedule_form.php	16994	0644	edit dl rm
main-header-inc.php	1196	0644	edit dl rm
main-header.php	16671	0644	edit dl rm
managecategory.php	9233	0644	edit dl rm
managerreports.php	25056	0644	edit dl rm
Preference_Accounting.php	22503	0644	edit dl rm
profile.php	20680	0644	edit dl rm
reference_list.php	8207	0644	edit dl rm
remove_saturday_course.php	19503	0644	edit dl rm
report_absence.php	19287	0644	edit dl rm
report_absence_1.php	6160	0644	edit dl rm
reserve_course.php	18957	0644	edit dl rm
rewrite_ajax_replace_saturday.php	12800	0644	edit dl rm
rewrite_Create_Schedule_Algorithm.php	88318	0644	edit dl rm
rewrite_Create_Schedule_Algorithm_2.php	88900	0644	edit dl rm
save_schedule.php	2970	0644	edit dl rm
save_schedule_group_course.php	25367	0644	edit dl rm
schedulereportbygroup.php	17731	0644	edit dl rm
schedulereportbyteacher.php	19111	0644	edit dl rm
scheduleteacherbygroupreport - Copy.php	31986	0644	edit dl rm
scheduleteacherbygroupreport.php	36556	0644	edit dl rm
scheduleteacherreport.php	28150	0644	edit dl rm
schedule_report.php	17664	0644	edit dl rm
Schedule_Report_by_Group.php	3647	0644	edit dl rm
Schedule_Report_by_Teacher.php	92433	0644	edit dl rm
selectuser.php	1172	0644	edit dl rm
swapcourses.php	19469	0644	edit dl rm
teacher_preference.php	18182	0644	edit dl rm
teacher_preference_by_course.php	19244	0644	edit dl rm
teacher_unavailability.php	17835	0644	edit dl rm
test.php	13895	0644	edit dl rm
test1.php	21837	0644	edit dl rm
transfer_reference.php	27288	0644	edit dl rm
unassigncoursereport.php	16029	0644	edit dl rm
unassign_course.php	19011	0644	edit dl rm
Unassign_Course_Report.php	1697	0644	edit dl rm
unscheduledgroupreport.php	15675	0644	edit dl rm
Unscheduled_Group_Report.php	2007	0644	edit dl rm
updateclient.php	14765	0644	edit dl rm
updatecourse.php	21626	0644	edit dl rm
updatecoursesessionhours.php	18197	0644	edit dl rm
updatecoursetime.php	21831	0644	edit dl rm
updategroup - Copy.php	24534	0644	edit dl rm
updategroup.php	18001	0644	edit dl rm
updateholiday.php	22493	0644	edit dl rm
updateteacherlevel.php	24532	0644	edit dl rm
updateteacherunavailability.php	14184	0644	edit dl rm
UpdateUser.php	18214	0644	edit dl rm
Update_Course_Hours.php	2135	0644	edit dl rm
Update_Follow_Up.php	4618	0644	edit dl rm
update_reserve_course.php	1934	0644	edit dl rm
update_teacher_level	2508	0644	edit dl rm
update_teacher_level.php	2430	0644	edit dl rm
useraccesslist.php	12875	0644	edit dl rm
users.php	9049	0644	edit dl rm
view_swap_log.php	894	0644	edit dl rm

Edit: /home/techb158/workloadmatch.com/workloadmatch.com/BackUp/Manager/calendar.php (30653B)

<?php
include_once '../includes/db_connect.php';
include_once '../includes/functions.php';
include_once 'add_event.php';
include_once 'Inc/Update_Group.php';
// CSRF Protection
	require '../includes/CSRF_Protect.php';
	$csrf = new CSRF_Protect();
sec_session_start();
$page = 'Manager | Course Management System | Calendar';
addinfo($page, $mysqli);

//$sql = "SELECT id, title, description, start, end, color FROM Events";
//$req = $mysqli->prepare($sql);
//
//// Check for preparation errors
//if ($req === false) {
//    die('MySQL prepare error: ' . $mysqli->error);
//}
//
//$req->execute();
//
//// Check for execution errors
//if ($req->error) {
//    die('MySQL execute error: ' . $req->error);
//}
//
//$result = $req->get_result();
//$events = $result->fetch_all(MYSQLI_ASSOC); // Fetch all results as an associative array

?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Course Management System | Calendar</title>
  
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  
  <link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker-bs3.css">
  
  <link rel="stylesheet" href="../plugins/datepicker/datepicker3.css">
  
  <link rel="stylesheet" href="../plugins/iCheck/all.css">
  
  <link rel="stylesheet" href="../plugins/colorpicker/bootstrap-colorpicker.min.css">
  
  <link rel="stylesheet" href="../plugins/timepicker/bootstrap-timepicker.min.css">
  
  <link rel="stylesheet" href="../plugins/select2/select2.min.css">
  
  <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
  
  <link rel="stylesheet" href="../dist/css/skins/skin-black-light.min.css">
  
   
  <link rel="stylesheet" href="../bower_components/fullcalendar/dist/fullcalendar.min.css">
  <link rel="stylesheet" href="../bower_components/fullcalendar/dist/fullcalendar.print.min.css" media="print">
    
    
  <link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">
  
  
    <link href="https://cdn.jsdelivr.net/npm/fullcalendar@3.9.0/dist/fullcalendar.min.css" rel="stylesheet" />

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/fullcalendar@3.9.0/dist/fullcalendar.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>

<style>
/* General Modal Styles */
.modal-content {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.modal-header {
    background-color: #f1f1f1;
    border-bottom: 2px solid #e0e0e0;
    padding: 10px 15px;
}

.modal-title {
    font-size: 1.5em;
    margin: 0;
    font-weight: bold;
    color: #333;
}

.close {
    color: #000;
    font-size: 1.5em;
    opacity: 0.8;
}

.close:hover {
    opacity: 1;
}

.modal-body {
    padding: 20px;
}

/* Form Styling */
.form-group {
    margin-bottom: 15px;
}

.form-group label {
    font-weight: bold;
    margin-bottom: 5px;
}

.form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.select2-container .select2-selection {
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Recurrence Section */
.recurrence-option {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 2px solid #e0e0e0;
}

.recurrence-label {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.recurrence-checkbox {
    margin-right: 10px;
    font-size: 1em;
}

#weekly, #monthly {
    margin-top: 20px;
}

#weekly .checkbox-inline {
    margin-right: 10px;
}

#monthly .form-group label {
    margin-top: 10px;
}

#recurrence-form {
    display: none;
    margin-top: 20px;
}

.recurrence .label-on {
    color: green;
}

.recurrence .label-off {
    color: red;
}

/* Button Styling */
.btn {
    padding: 10px 20px;
    font-size: 1em;
    cursor: pointer;
    border-radius: 4px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    transition: background-color 0.3s;
}

.btn:hover {
    background-color: #45a049;
}

.modal-footer {
    padding: 15px;
    text-align: right;
}

.modal-footer .btn {
    margin-left: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .modal-content {
        width: 100%;
        max-width: 90%;
    }

.modal-body {
        padding: 15px;
    }

.modal-footer {
        padding: 10px;
    }

.btn {
        padding: 8px 16px;
    }
}

#calendar {
	max-width: 1200px;
	margin-bottom: 30px;
}
.nocheckbox {
	display: none;
}
.label-on {
	border-radius: 3px;
	background: red;
	color: #ffffff;
	padding: 6px 10px;
	border: 1px solid red;
	display: table-cell;
}
.label-off {
	border-radius: 3px;
	background: white;
	border: 1px solid red;
	padding: 6px 10px;
	display: table-cell;
}

#recurrence-form, #monthly {
	display: none;
}
#calendar a.fc-event {
	color: #fff; /* bootstrap default styles make it black. undo */
	background-color: #0065A6;
}
.btn {
	margin-left: 10px!important;
}
@media (min-width: 576px) {
.modal-dialog {
    max-width: 550px;
}
}
</style>

</head>
<body class="hold-transition skin-black-light sidebar-mini">
<?php if (login_check($mysqli) == true) : ?>
<?php
 if (!empty($error_msg)) {
            echo $error_msg;
        }

include'main-header-inc.php';
?>
<div class="wrapper">
<?php include'main-header.php';?>

<div class="content-wrapper">
    
    <section class="content-header">
      <h1>
         <?php echo LANG_VALUE_260; ?>
      </h1>
      <ol class="breadcrumb">
        <li><a href="index.php"><i class="fa fa-dashboard"></i> <?php echo LANG_VALUE_167; ?></a></li>        
        <li class="active"> <?php echo LANG_VALUE_260; ?></li>
      </ol>
    </section>

<section class="content">
    <div class="row">
		<div class="col-lg-12 text-center">
		<div style="height:20px"></div>
			<div id="calendar" class="col-centered">
			</div>
		</div>
	</div>

<div class="modal fade" id="ModalAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
			 <form class="form-horizontal" method="post" name="registration_form" id="add-event-form">
			 <?php $csrf->echoInputField(); ?>
			 
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Add Event</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="form-group">
							<label for="start" class="col-sm-12 control-label">Start date</label>
							<div class="col-sm-12">
								<input type="text" name="start" class="form-control" id="start" readonly>
							</div>
						</div>
						<div class="form-group">
							<label for="end" class="col-sm-12 control-label">End date</label>
							<div class="col-sm-12">
								<input type="text" name="end" class="form-control" id="end" readonly>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="form-group">
							<label for="title" class="col-sm-12 control-label">Title</label>
							<div class="col-sm-12">
								<input type="text" name="title" class="form-control" id="title" placeholder="Title">
							</div>
						</div>
						<div class="form-group">
							<label for="color" class="col-sm-12 control-label">Color</label>
							<div class="col-sm-12">
								<select name="color" class="form-control" id="color">
									<option style="color:#0071c5;" value="#0071c5">&#9724; Dark blue</option>
									<option style="color:#40E0D0;" value="#40E0D0">&#9724; Turquoise</option>
									<option style="color:#008000;" value="#008000">&#9724; Green</option>						  
									<option style="color:#FFD700;" value="#FFD700">&#9724; Yellow</option>
									<option style="color:#FF8C00;" value="#FF8C00">&#9724; Orange</option>
									<option style="color:#FF0000;" value="#FF0000">&#9724; Red</option>
									<option style="color:#000;" value="#000">&#9724; Black</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="form-group">
							<label for="description" class="col-12 control-label">Description</label>
							<div class="col-12">
								<input type="text" name="description" class="form-control" id="description" placeholder="Description">
							</div>
						</div>
						<div class="form-group"> 
							<label class="col-sm-12 control-label">Event Type</label>
							<div class="col-sm-12">
								<label class="recurrence label-off" for="rec" id="recurrence">Enable
								<input class="nocheckbox" type="checkbox" id="rec" name="recurrence" value="recurrence"></label>
							</div>
						</div>
					</div>
					<script>
						$('#rec').change(function () {
							var self = $(this);
							var aValue = self.attr("value");
							if ( $(self).is(':checked') ) {
								$('#recurrence-form').show();
								$("." + aValue).removeClass('label-off').addClass('label-on');
							} else {
								$('#recurrence-form').hide();
								$("." + aValue).removeClass('label-on').addClass('label-off');
							}
						});
					</script>
				</div>
				<div id="recurrence-form">
					<div class="modal-header">
						<h5 class="modal-title" id="myModalLabel">Add Recurrence</h5>
					</div>
					<div class="modal-body">
						<div class="row">
							<div id="recurrence-option" class="form-group btn-group" data-toggle="buttons">
								<label class="btn btn-outline-primary active">
									<input type="radio" name="recOption" autocomplete="off" checked value="weekly"> Weekly
								</label>
								
							</div>
						</div>
						<div class="row">
							<div class="form-group">
								<label for="startDate" class="col-sm-12 control-label">Start Recurrence</label>
								<div class="col-sm-12">
									<input type="text" name="startDate" class="form-control" id="startDate" readonly>
								</div>
							</div>
							<div class="form-group" id="monthly">
								<label for="weekNum" class="col-sm-12 control-label">Monthly on the:</label>
								<div class="col-sm-12">
									<select name="weekNum" class="form-control" id="weekNum">
										<option id="first" selected="selected" value="1">1st week</option>
										<option id="second" value="2">2nd week</option>
										<option id="third" value="3">3rd week</option>
										<option id="fourth" value="4">4th week</option>
									</select>
								</div>
							</div>
						</div>
						<div class="row" id="weekly">
							<div class="form-group">   
								<label class="col-md-12 control-label" for="checkboxes">Day(s) of Week</label>
								<label class="col-md-1 checkbox-inline" for="checkboxes-6">
									<input type="checkbox" name="dayOfWeek[]" id="checkboxes-6" value="6">Su
								</label>
								<label class="col-md-1 checkbox-inline" for="checkboxes-0">
									<input type="checkbox" name="dayOfWeek[]" id="checkboxes-0" value="0">Mo
								</label>
								<label class="col-md-1 checkbox-inline" for="checkboxes-1">
									<input type="checkbox" name="dayOfWeek[]" id="checkboxes-1" value="1">Tu
								</label>
								<label class="col-md-1 checkbox-inline" for="checkboxes-2">
									<input type="checkbox" name="dayOfWeek[]" id="checkboxes-2" value="2">We
								</label>
								<label class="col-md-1 checkbox-inline" for="checkboxes-3">
									<input type="checkbox" name="dayOfWeek[]" id="checkboxes-3" value="3">Th
								</label>
								<label class="col-md-1 checkbox-inline" for="checkboxes-4">
									<input type="checkbox" name="dayOfWeek[]" id="checkboxes-4" value="4">Fr
								</label>
								<label class="col-md-1 checkbox-inline" for="checkboxes-5">
									<input type="checkbox" name="dayOfWeek[]" id="checkboxes-5" value="5">Sa
								</label>
							</div>
						</div>
						<div class="row">
							<div class="form-group">
								<label for="endDate" class="col-sm-12 control-label">End Recurrence</label>
								<div class="col-sm-12">
									<input type="text" name="endDate" class="form-control" id="endDate">
								</div>
							</div>
							
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="button" class="btn btn-primary" id="submit-event">Save</button>
				</div>
				</form>
			</div>
		</div>
	</div>
	<script>
	$('#recurrence-option .btn').change(function() {
		var val = $(this).find('input').val();
		switch (val) {
				case 'weekly':
					$('#monthly').hide();
					$('#weekly').show();
				break;
				case 'monthly':
					$('#weekly').hide();
					$('#monthly').show();
				break;
  		}
	});
	</script>
	
	<div class="modal fade" id="ModalEdit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<form class="form-horizontal" method="POST" action="./core/edit-title-json.php">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Edit Event</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				</div>
				<div class="modal-body">
				<div class="row">
				<div class="form-group">
								<label for="rstatus" class="col-sm-12 control-label">Event Type</label>
								<div class="col-sm-12">
									<input type="text" name="rstatus" class="form-control" id="rstatus" readonly>
								</div>
						</div>
						</div>
					<div class="row">
						<div class="form-group">
							<label for="start" class="col-sm-12 control-label">Start date</label>
							<div class="col-sm-12">
								<input type="text" name="start" class="form-control" id="start" readonly>
							</div>
						</div>
						<div class="form-group">
							<label for="end" class="col-sm-12 control-label">End date</label>
							<div class="col-sm-12">
								<input type="text" name="end" class="form-control" id="end" readonly>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="form-group">
							<label for="title" class="col-sm-12 control-label">Title</label>
							<div class="col-sm-12">
								<input type="text" name="title" class="form-control" id="title" placeholder="Title">
							</div>
						</div>
						<div class="form-group">
							<label for="color" class="col-sm-12 control-label">Color</label>
							<div class="col-sm-12">
								<select name="color" class="form-control" id="color">
									<option style="color:#0071c5;" value="#0071c5">&#9724; Dark blue</option>
									<option style="color:#40E0D0;" value="#40E0D0">&#9724; Turquoise</option>
									<option style="color:#008000;" value="#008000">&#9724; Green</option>						  
									<option style="color:#FFD700;" value="#FFD700">&#9724; Yellow</option>
									<option style="color:#FF8C00;" value="#FF8C00">&#9724; Orange</option>
									<option style="color:#FF0000;" value="#FF0000">&#9724; Red</option>
									<option style="color:#000;" value="#000">&#9724; Black</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="form-group">
							<label for="description" class="col-12 control-label">Description</label>
							<div class="col-12">
								<input type="text" name="description" class="form-control" id="description" placeholder="Description">
							</div>
						</div>
						<div class="form-group"> 
							<label class="col-sm-12 control-label">Delete Event</label>
							<div class="col-sm-12">
								<label class="delete label-off" for="del" id="delete">Delete
								<input class="nocheckbox" type="checkbox" id="del" name="delete" value="delete"></label>
							</div>
						</div>
					</div>
				</div>
				<div id="editRecurrence">
					<div class="modal-header">
						<h5 class="modal-title" id="myModalLabel">Edit Recurrence</h5>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="form-group"> 
								<label class="col-sm-12 control-label">Delete Recurrence</label>
								<div class="col-sm-12">
									<label class="deleteRecurrence label-off" for="delRec" id="deleteRecurrence">Delete
									<input class="nocheckbox" type="checkbox" id="delRec" name="deleteRecurrence" value="deleteRecurrence"></label>
								</div>
							</div>
						</div>
						<input type="hidden" name="id" class="form-control" id="id">
						<input type="hidden" name="rid" class="form-control" id="rid">
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button type="submit" class="btn btn-primary">Save</button>
				</div>
				</form>
			</div>
		</div>
	</div>

</section>
  
  
  </div>
  
  <footer class="main-footer">
    <strong>Copyright &copy; 2016 <a href="http://techbala.com">Bala Groupe Technologies Inc.</a>.</strong> All rights
    reserved.
  </footer>

<script src="../bower_components/jquery/dist/jquery.min.js"></script>

<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="../bower_components/jquery-ui/jquery-ui.min.js"></script>

<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>

<script src="../bower_components/moment/moment.js"></script>
<script src="../bower_components/fullcalendar/dist/fullcalendar.min.js"></script>

<script src="../plugins/select2/select2.full.min.js"></script>

<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>

<script src="../plugins/datepicker/bootstrap-datepicker.js"></script>

<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>

<script src="../plugins/timepicker/bootstrap-timepicker.min.js"></script>

<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>

<script src="../plugins/iCheck/icheck.min.js"></script>

<script src="../plugins/fastclick/fastclick.js"></script>

<script src="../dist/js/app.min.js"></script>

<script src="../dist/js/demo.js"></script>

<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
<script>
  $(function () {
    //Initialize Select2 Elements
    $(".select2").select2();

//Datemask dd/mm/yyyy
    $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
    //Datemask2 mm/dd/yyyy
    $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
    //Money Euro
    $("[data-mask]").inputmask();

//Date range picker
    $('#reservation').daterangepicker();
    //Date range picker with time picker
    $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
    //Date range as a button
    $('#daterange-btn').daterangepicker(
        {
          ranges: {
            'Today': [moment(), moment()],
            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            'This Month': [moment().startOf('month'), moment().endOf('month')],
            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
          },
          startDate: moment().subtract(29, 'days'),
          endDate: moment()
        },
        function (start, end) {
          $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }
    );

//Date picker
    $('#datepicker').datepicker({
      autoclose: true
    });

//iCheck for checkbox and radio inputs
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass: 'iradio_minimal-blue'
    });
    //Red color scheme for iCheck
    $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
      checkboxClass: 'icheckbox_minimal-red',
      radioClass: 'iradio_minimal-red'
    });
    //Flat red color scheme for iCheck
    $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
      checkboxClass: 'icheckbox_flat-green',
      radioClass: 'iradio_flat-green'
    });

//Colorpicker
    $(".my-colorpicker1").colorpicker();
    //color picker with addon
    $(".my-colorpicker2").colorpicker();

//Timepicker
    $(".timepicker").timepicker({
      showInputs: false
    });
  });
</script>

// Validate form fields
            if ($('#title').val() === '') {
                alert('Title is required');
                return;
            }

if ($('#start').val() === '' || $('#end').val() === '') {
                alert('Start and End date are required');
                return;
            }

// Collect form data
            var formData = {
                title: $('#title').val(),
                description: $('#description').val(),
                start: $('#start').val(),
                end: $('#end').val(),
                color: $('#color').val(),
                recurrence: $('#rec').prop('checked') ? 'recurrence' : '',
                startDate: $('#startDate').val(),
                endDate: $('#endDate').val(),
                dayOfWeek: $('input[name="dayOfWeek[]"]:checked').map(function() {
                    return this.value;
                }).get(), // Get all checked days
                csrf_token: '<?php echo $csrf->getToken(); ?>' // Include CSRF token
            };

// Make the AJAX request
            $.ajax({
                url: 'add-event', // The PHP file where the data will be sent
                type: 'POST',
                data: formData,
                success: function (response) {
                    try {
                        var data = JSON.parse(response);
                        if (data.status === 'success') {
                            alert('Event added successfully!');
                            // Reset the form and hide recurrence fields
                            $('#add-event-form')[0].reset();
                            $('#recurrence-form').hide();
                            $('#ModalAdd').modal('hide'); // Hide the modal
                        } else {
                            alert('Error: ' + data.message);
                        }
                    } catch (e) {
                        alert('Error: Invalid response from server');
                        console.error('Error parsing response:', e);
                    }
                },
                error: function (xhr, status, error) {
                    // Improved error handling to show the status and error message
                    alert('Error: Could not submit the form. Status: ' + status + ', Error: ' + error);
                }
            });
        });
    });
</script>

if ( $(self).is(':checked') ) {
		$("." + aValue).removeClass("label-off").addClass('label-on');
		$(checked).not(self).removeAttr("checked");
		if ( aValue == 'deleteRecurrence' ) {
			$('#delete').removeClass("label-on").addClass('label-off');
		} else {
			$('#deleteRecurrence').removeClass("label-on").addClass('label-off');
		}
	} else {
		$("." + aValue).removeClass("label-on").addClass('label-off');
	}
});
</script>
<script>
$(function() {
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next, today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay, listWeek'
        },
        height: 540,
        businessHours: {
            dow: [ 1, 2, 3, 4, 5 ],
            start: '8:00',
            end: '21:90',
        },
        nowIndicator: true,
       
        scrollTime: '08:00:00',
        defaultDate: new Date(), // Use the current date
        editable: true,
        navLinks: true,
        eventLimit: true, // allow "more" link when there are too many events
        selectable: true,
        selectHelper: true,
        select: function(start, end) {
            $('#ModalAdd #start').val(moment(start).format('YYYY-MM-DD HH:mm:ss'));
            $('#ModalAdd #startDate').val(moment(start).format('YYYY-MM-DD'));
            $('#ModalAdd #end').val(moment(end).format('YYYY-MM-DD HH:mm:ss'));
            $('#ModalAdd #endDate').val(moment(start).add(2, 'w').format('YYYY-MM-DD'));
            $('#ModalAdd').modal('show');
        },
        eventAfterRender: function(eventObj, $el) {
            // No need for XMLHttpRequest here, use FullCalendar's event system
            console.log("Event rendered:", eventObj);  // For debugging
        },
        eventRender: function(event, element) {
            element.bind('click', function() {
                $('#ModalEdit #id').val(event.id);
                $('#ModalEdit #rid').val(event.rid);
                $('#ModalEdit #start').val(moment(event.start).format('YYYY-MM-DD HH:mm:ss'));
                $('#ModalEdit #end').val(moment(event.end).format('YYYY-MM-DD HH:mm:ss'));
                $('#ModalEdit #title').val(event.title);
                $('#ModalEdit #description').val(event.description);
                $('#ModalEdit #color').val(event.color);
                $('#ModalEdit #rstatus').val(event.eventType);
                if (event.eventType === 'repeating event') {
                    $('#editRecurrence').show();
                } else {
                    $('#editRecurrence').hide();
                }
                $('#ModalEdit').modal('show');
            });
        },
        eventDrop: function(event, delta, revertFunc) { // on drag and drop
            edit(event);
        },
        eventResize: function(event, dayDelta, minuteDelta, revertFunc) { // on resize
            edit(event);
        },
        events: function(start, end, timezone, callback) {
            console.log("Fetching events...");  // Add debug log here
            $.ajax({
                url: 'fetch_events',  // Make sure the URL is correct
                dataType: 'json',
                success: function(data) {
					alert("Events fetched:", data);
                    console.log("Events fetched:", data);  // Log the events returned
                    callback(data);  // Pass the data to FullCalendar
                },
                error: function(xhr, status, error) {
                    console.log("Error fetching events:", error);  // Log error if any
                }
            });
        },
        loading: function(bool) {
            $('#loading').toggle(bool);
        }
    });

function edit(event) {
        start = event.start.format('YYYY-MM-DD HH:mm:ss');
        if (event.end) {
            end = event.end.format('YYYY-MM-DD HH:mm:ss');
        } else {
            end = start;
        }
        id = event.id;
        Event = [];
        Event[0] = id;
        Event[1] = start;
        Event[2] = end;

$.ajax({
            url: './core/edit-date-json.php',
            type: "POST",
            data: { Event: Event },
            success: function(rep) {
                alert('Saved');
            },
            error: function(xhr, status, error) {
                console.log("Error saving event:", error);
            }
        });
    }
});

</script>

<?php else : ?>
             <?php include'../authorized.php';?>
        <?php endif; ?>

</body>
</html>