JezK

Edit File: add_academicyear.php

<?php
session_start();
include('adm_operations.php');
include('session_check.php');
include("header.php");
$operations = new adm_operations();
include('school_timeout.php');
if (isset($_POST['dateadd'])) {
	$result = $operations->addAcadamicYear($_SESSION['child']['log_school_id'], $_SESSION['child']['auth_id'], $_POST['startdate'], $_POST['enddate']);
	if ($result == 'year1exist')
		echo "<script>alert('An Academic Year with the overlapping date already exists');</script>";
	else if ($result == 'year2exist')
		echo "<script>alert('An Academic Year with the overlapping date already exists');</script>";
	else if (!$result)
		echo "<script>alert('Academic year could be not created');</script>";
	else {
		include('yearmanager.php');
		echo "<script>location.replace('academicyear_management.php')</script>";
	}
}
// include("header.php");
?>
<script>
	function checkacademicdates() {
		$("#err_start").text("");
		$("#err_end").text("");
		var date1 = document.getElementById('startdate').value;
		var date2 = document.getElementById('enddate').value;
		var arrStartDate = date1.split("/");
		alert(date1);
		var arrEndDate = date2.split("/");
		var sDate = new Date(arrStartDate[2], arrStartDate[1], arrStartDate[0]);
		var eDate = new Date(arrEndDate[2], arrEndDate[1], arrEndDate[0]);
		// regular expression to match required date format
		re = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
		if (date1 == '') {
			$("#err_start").text('Please select Start Date');
			$("#err_start").show();
			return false;
		} else if (!date1.match(re)) {
			$("#err_start").text("Invalid date format: " + date1);
			$("#err_start").show();
			return false;
		} else if (date2 == '') {
			$("#err_end").text('Please select End Date');
			$("#err_end").show();
			return false;
		} else if (!date2.match(re)) {
			$("#err_end").text("Invalid date format: " + date2);
			$("#err_end").show();
			return false;
		} else if (sDate >= eDate) {
			alert("End Date should be greater than Start Date");
			return false;
		}
	}

function backtoprevious() {
		window.location.href = "academicyear_management.php";
	}
</script>

<div class="row" style="margin-top:30px;">
		<div class="col-md-3  text-center" style="font:Arial, Helvetica, sans-serif;font-style:normal;font-size:14px; color:#000000; font-size:1.4em;">
			<i class=" fa-solid fa-plus " title="Add Academic Year" style="font-size: 20px;"></i> Add Academic Year
		</div>
	</div>

<form method="post">
		<div class="row " style="margin-top:30px;">
			<div class="row col-7 mx-3  justify-content-start">
				<div class="col-md-4 col-12 text-md-end " style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:13px;">Start Date<span style="color:#FF0000; margin:2px;">*</span></div>
				<div class="col-md-6 col-12">
					<div class="input-group date" id="datepicker">
						<input type="text" class="form-control" id="date" name="startdate" id="startdate" value="<?php echo $_POST['startdate']; ?>" />
						<span class="input-group-append">
							<span class="input-group-text bg-light d-block">
								<i class="fa fa-calendar-days"></i>
							</span>
						</span>
					</div>
					<div class="col-md-10" id="err_start" style="color:#990000;"></div>
				</div>
			</div>
			<div class="row  my-3 col-7 mx-3  justify-content-start">
				<div class="col-md-4 col-12 text-md-end" style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:13px;">End Date<span style="color:#FF0000; margin:2px;">*</span></div>
				<div class="col-md-6 col-12">
					<div class="input-group date" id="datepicker1">
						<input type="text" class="form-control" name="enddate" id="enddate" value="<?php echo $_POST['enddate']; ?>" />
						<span class="input-group-append">
							<span class="input-group-text bg-light d-block">
								<i class="fa fa-calendar-days"></i>
							</span>
						</span>
					</div>
					<div class="col-md-10" id="err_start" style="color:#990000;"></div>
				</div>
			</div>

<div class="form-group">
				<div class=" d-flex col-7 my-3 justify-content-center" align="center">
					<button type="submit" class="btn btn-outline-secondary btnclr mx-1" disabled="disabled" style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:13px;margin-top:20px;" id="aybtn" name="dateadd" onclick="return checkacademicdates()">Add</button>
					<button type="button" class="btn btn-outline-secondary btnclr  " style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:13px;margin-top:20px;" onclick="backtoprevious()">Cancel</button>
				</div>
			</div>
	</form>

</script>
	<script type="text/javascript" src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
	</script>
	
	
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker.min.css">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#datepicker').datepicker({
				format: 'dd/mm/yyyy',
				minView: 2,
				pickTime: false,
				autoclose: true,
				todayBtn: true,
				todayHighlight: true

}).on('changeDate', function() {
				$(this).datepicker('hide');
			});
		});
		$(function() {
			$('#datepicker1').datepicker({
				format: 'dd/mm/yyyy',
				minView: 2,
				pickTime: false,
				autoclose: true,
				todayBtn: true,
				todayHighlight: true
			}).on('changeDate', function() {
				$(this).datepicker('hide');
			});
		});
		// $(function() {
		// 	$('#datetimepicker').datetimepicker({
		// 		format: 'dd/mm/yyyy',
		// 		minView: 2,
		// 		pickTime: false

// 	}).on('changeDate', function() {
		// 		$(this).datetimepicker('hide');
		// 	});
		// });
	</script>
	<script type="text/javascript">
		// $(function() {
		// 	$('#datetimepicker1').datetimepicker({
		// 		format: 'dd/mm/yyyy',
		// 		minView: 2,
		// 		pickTime: false
		// 	}).on('changeDate', function() {
		// 		$(this).datetimepicker('hide');
		// 	});

// });
	</script>
	<script>
		$(document).ready(function() {
			$("#aybtn").prop("disabled", false);
		});
	</script>
</body>

</html>