Mini Kabibi Habibi
<?php
session_start(); // Start session
@include 'include/config.php';
// Check if session variable 'username_school' is set
if (isset($_SESSION['username_school'])) {
$username = $_SESSION['username_school']; // Get the username from session
} else {
die("Error: User not logged in."); // Or redirect to login page
}
// Assuming the form is being submitted
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Collect form data
$division = $_POST['division'] ?? null;
$section = $_POST['section'] ?? null;
$district = $_POST['learning_area'] ?? null;
$month = $_POST['month'] ?? null;
$year = $_POST['year'] ?? null;
$status = 'draft';
// Save main plan
$stmt = $conn->prepare("INSERT INTO mista_plans (division, section, district, month, year, status, username)
VALUES (?, ?, ?, ?, ?, ?, ?)");
if (!$stmt) die("Prepare failed: " . $conn->error);
$stmt->bind_param("sssssss", $division, $section, $district, $month, $year, $status, $username);
if (!$stmt->execute()) die("Error saving plan: " . $stmt->error);
$plan_id = $conn->insert_id; // Get inserted ID
// Insert activities
if (!empty($_POST['date'])) {
$dates = $_POST['date'];
$instructional_supervisory_and_monitoring_activity = $_POST['instructional_supervisory_and_monitoring_activity'];
$schools = $_POST['school'];
$school_heads = $_POST['school_head'];
$remarks = $_POST['remarks'];
$stmt_activity = $conn->prepare("INSERT INTO mista_plan_activities
(plan_id, date, instructional_supervisory_and_monitoring_activity, school, school_head, remarks) VALUES (?, ?, ?, ?, ?, ?)");
if (!$stmt_activity) die("Prepare failed for activities: " . $conn->error);
for ($i = 0; $i < count($dates); $i++) {
$stmt_activity->bind_param("isssss", $plan_id, $dates[$i], $instructional_supervisory_and_monitoring_activity[$i], $schools[$i], $school_heads[$i], $remarks[$i]);
$stmt_activity->execute();
}
$stmt_activity->close();
}
$stmt->close();
// 🚀 Redirect to PDF generation if user clicked the generate button
if (isset($_POST['generate_plan'])) {
header("Location: generate_mista_pdf.php?plan_id=" . $plan_id);
exit();
} else {
// Otherwise show a success message
header("Location: view_mista_plans.php");
exit();
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PROJECT COURSE</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="images/favicon.ico" type="image/ico" />
<!-- CSS Dependencies -->
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
<link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
<link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<link href="../build/css/custom.min.css" rel="stylesheet">
<!-- Style Fix for Buttons -->
<style>
.action-buttons {
min-width: 180px;
white-space: nowrap;
}
.action-buttons .btn {
margin-right: 5px;
}
</style>
</head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<!-- Sidebar -->
<div class="col-md-3 left_col">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="create_mista_plan.php" class="site_title"><i class="fa fa-spinner"></i> <span>PROJ. COURSE</span></a>
</div>
<div class="clearfix"></div>
<!-- Profile Info -->
<div class="profile clearfix">
<div class="profile_info">
<span>Welcome,</span>
<h2><?php echo htmlspecialchars($username); ?></h2>
</div>
</div>
<br />
<!-- Sidebar Menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section">
<h3>General</h3>
<ul class="nav side-menu">
<li><a><i class=" "></i> Home <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="user_index.php">Dashboard</a></li>
</ul>
</li>
<li><a><i class=" "></i> Daily Activities <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="form_user.php">Submit New Activity</a></li>
</ul>
</li>
<li><a><i class="glyphicon glyphicon"></i> Daily Accomplishments <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="add_daily_accomplishments.php">Submit Accomplishments</a></li>
<li><a href="daily_accomplishments.php">View My Accomplishments</a></li>
</ul>
</li>
<li><a><i class="glyphicon glyphicon"></i> Monthly Accompishment Reports <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="submit_monthly_report.php">Submit Monthly Accomlishment Report</a></li>
<li><a href="monthly_reports.php">View Monthly Accomplishment Reports</a></li>
</ul>
</li>
<li><a><i class="glyphicon glyphicon"></i> MISTA Plans <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="create_mista_plan.php">Create MISTA Plan</a></li>
<li><a href="view_mista_plans.php">View MISTA Plans</a></li>
<li><a href="submit_mista_plan.php">Submit MISTA Plan</a></li>
<li><a href="submitted_mista_plans.php">Submitted MISTA Plans</a></li>
</ul>
</li>
<li><a><i class="glyphicon glyphicon"></i> MISTA Reports <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="create_mista_report.php">Create MISTA Report</a></li>
<li><a href="view_mista_reports.php">View MISTA Reports</a></li>
<li><a href="submit_mista_report.php">Submit MISTA Report</a></li>
<li><a href="submitted_mista_reports.php">Submitted MISTA Reports</a></li>
</ul>
</li>
<li><a><i class="glyphicon glyphicon"></i> M/QCAIS Reports <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="create_mqcais_report.php">Create M/QCAIS Report</a></li>
<li><a href="view_mqcais_reports.php">View M/QCAIS Reports</a></li>
<li><a href="submit_mqcais_report.php">Submit M/QCAIS Report</a></li>
<li><a href="submitted_mqcais_reports.php">Submitted M/QCAIS Reports</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- /sidebar menu -->
<!-- /menu footer buttons -->
<div class="sidebar-footer hidden-small">
<a data-toggle="tooltip" data-placement="top" title="Settings">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Lock">
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Logout" href="logout.php">
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
</a>
</div>
<!-- /menu footer buttons -->
</div>
</div>
<!-- top navigation -->
<div class="top_nav">
<div class="nav_menu">
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<nav class="nav navbar-nav">
<ul class=" navbar-right">
<li class="nav-item dropdown open" style="padding-left: 15px;">
<?php
include('include/config.php');
$sql = "SELECT * from users where username ='{$_SESSION['username']}' ";
$data = mysqli_query($conn,$sql);
while ($row= mysqli_fetch_array($data))
{
?>
<a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
<?php echo $_SESSION['username'];} ?>
</a>
<div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="../logout.php"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
</div>
</li>
</nav>
</div>
</div>
<!-- /top navigation -->
<!-- page content -->
<div class="right_col" role="main">
<div class="">
<div class="page-title">
<div class="clearfix"><div class="x_panel">
<div class="x_title">
<?php
include('include/config.php');
$sql = "SELECT * from information where username ='{$_SESSION['username']}' ";
$data = mysqli_query($conn,$sql);
while ($rows= mysqli_fetch_array($data))
{
?>
<?php if (isset($_SESSION['success_add_daily'])): ?>
<div class="alert alert-success"><?php echo $_SESSION['success_add_daily']; unset($_SESSION['success_add_daily']); ?></div>
<?php endif; ?>
<h2>Create Monthly Instructional Supervisory and Technical Assistance Plan</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="x_content">
<form class="form-horizontal form-label-left" action="create_mista_plan.php" method="POST" novalidate onsubmit="return confirmSubmission();">
<div class="form-group text-center">
<style>
/* Custom styling */
.mista-section .form-title {
text-align: center;
font-weight: bold;
font-size: 1.2rem; /* Adjust for better mobile viewing */
margin-bottom: 10px;
}
/* Responsive Design Adjustments */
@media (max-width: 768px) {
.form-control {
font-size: 0.9rem;
}
.form-group {
margin-bottom: 15px;
}
.form-title {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.form-title {
font-size: 0.9rem;
}
.mista-table {
font-size: 0.8rem;
}
.action-buttons {
width: 100%;
}
}
}
</style>
<div class="mista-section">
<!-- Title -->
<div class="form-title">
MONTHLY INSTRUCTIONAL SUPERVISORY AND TECHNICAL ASSISTANCE PLAN
</div>
<!-- Left-Aligned Info Fields -->
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12 text-left" for="division">Division<span class="required">*</span></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="division" name="division" value="<?php echo htmlspecialchars($rows['division'] ?? ''); ?>" class="form-control col-md-7 col-xs-12" readonly>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12 text-left" for="section">Section/Unit<span class="required">*</span></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="section" name="section" value="<?php echo htmlspecialchars($rows['section'] ?? ''); ?>" class="form-control col-md-7 col-xs-12" readonly>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12 text-left" for="district">District/Learning Area<span class="required">*</span></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="learning_area" name="learning_area" value="<?php echo htmlspecialchars($rows['learning_area'] ?? ''); ?>" class="form-control col-md-7 col-xs-12" readonly>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12 text-left" for="month">Month<span class="required">*</span></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="month" name="month" class="form-control col-md-7 col-xs-12" required>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12 text-left" for="year">Year<span class="required">*</span></label>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="year" name="year" value="<?php echo date('Y'); ?>" class="form-control col-md-7 col-xs-12" readonly>
</div>
</div>
<!-- Table Section -->
<table class="mista-table">
<div class="form-group text-center" style="margin-top: 10px;">
<button type="button" class="btn btn-secondary" onclick="addRow()">+ Add Another Activity</button>
<button type="button" class="btn btn-secondary" onclick="removeLastRow()">- Remove Last Activity</button>
</div>
<thead>
<tr>
<th style="width: 15%;">Date</th>
<th style="width: 30%;">Instructional Supervisory and Monitoring Activity</th>
<th style="width: 20%;">School</th>
<th style="width: 20%;">School Head</th>
<th style="width: 15%;">Remarks</th>
</tr>
</thead>
<tbody>
<tr>
<tr>
<td><input type="date" name="date[]" class="form-control" required></td>
<td><input type="text" name="instructional_supervisory_and_monitoring_activity[]" class="form-control" required></td>
<td><input type="text" name="school[]" class="form-control" required></td>
<td><input type="text" name="school_head[]" class="form-control" required></td>
<td><input type="text" name="remarks[]" class="form-control"></td>
</tr>
</tr>
</tbody>
</table>
<!-- Submit Button -->
<!-- Submit Button -->
<div class="form-group text-center" style="margin-top: 15px;">
<button type="submit" name="submit" class="btn btn-warning">Save</button>
</div>
</div>
</div>
</body>
<script>
function confirmSubmission() {
return confirm("Are you sure you want to create this MISTA plan?");
}
function addRow() {
const table = document.querySelector('.mista-table tbody');
const newRow = document.createElement('tr');
newRow.innerHTML = `
<td><input type="date" name="date[]" class="form-control" required></td>
<td><input type="text" name="instructional_supervisory_and_monitoring_activity[]" class="form-control" required></td>
<td><input type="text" name="school[]" class="form-control" required></td>
<td><input type="text" name="school_head[]" class="form-control" required></td>
<td><input type="text" name="remarks[]" class="form-control"></td>
`;
table.appendChild(newRow);
}
function removeLastRow() {
const table = document.querySelector('.mista-table tbody');
const rows = table.querySelectorAll('tr');
if (rows.length > 1) {
table.removeChild(rows[rows.length - 1]);
} else {
alert("At least one activity is required.");
}
}
</script>
</html>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<!-- Page Content -->
<div class="right_col" role="main">
<!-- Your content here -->
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="pull-right">
SDO BATANGAS CITY - CID PROJECT COURSE
</div>
<div class="clearfix"></div>
</footer>
</div>
</div>
<!-- JS Scripts -->
<script src="../vendors/jquery/dist/jquery.min.js"></script>
<script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../vendors/fastclick/lib/fastclick.js"></script>
<script src="../vendors/nprogress/nprogress.js"></script>
<script src="../vendors/iCheck/icheck.min.js"></script>
<script src="../build/js/custom.min.js"></script>
</body>
</html>