Mini Kabibi Habibi

Current Path : C:/xampp/htdocs/cid/system/
Upload File :
Current File : C:/xampp/htdocs/cid/system/create_mista_report_backup.php

<?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['district'] ?? null;
    $month = $_POST['month'] ?? null;
    $school_year = $_POST['school_year'] ?? null;
    

    // Save main plan
    $stmt = $conn->prepare("INSERT INTO mista_reports (division, section, district, month, school_year, username) 
                            VALUES (?, ?, ?, ?, ?, ?)");
    if (!$stmt) die("Prepare failed: " . $conn->error);

    $stmt->bind_param("ssssss", $division, $section, $district, $month, $school_year, $username);
    if (!$stmt->execute()) die("Error saving plan: " . $stmt->error);

    $plan_id = $conn->insert_id; // Get inserted ID

    // Insert monitoring reports
    if (!empty($_POST['date'])) {
    $dates = $_POST['date'];
    $school = $_POST['school'];
    $name_of_school_head = $_POST['name_of_school_head'];
    $activities_undertaken = $_POST['activities_undertaken'];
    $findings = $_POST['findings'];
    $technical_assistance_provided = $_POST['technical_assistance_provided'];
    $agreement = $_POST['agreement'];
    $school_head_signature = $_POST['school_head_signature'];

    $stmt_report = $conn->prepare("INSERT INTO mista_monitoring_reports 
        (plan_id, dates, school, name_of_school_head, activities_undertaken, findings, technical_assistance_provided, agreement, school_head_signature) 
        VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)");

    if (!$stmt_report) die("Prepare failed for monitoring report: " . $conn->error);

    for ($i = 0; $i < count($dates); $i++) {
        $stmt_report->bind_param(
            "issssssss", 
            $plan_id, 
            $dates[$i], 
            $school[$i], 
            $name_of_school_head[$i], 
            $activities_undertaken[$i], 
            $findings[$i], 
            $technical_assistance_provided[$i], 
            $agreement[$i], 
            $school_head_signature[$i]
        );

        if (!$stmt_report->execute()) {
            die("Insert failed for row $i: " . $stmt_report->error);
        }
    }

    $stmt_report->close(); // Only run if $stmt_report was created
}

    // 🚀 Redirect to PDF generation if user clicked the generate button
    if (isset($_POST['generate_report'])) {
        header("Location: generate_mistar_word.php?plan_id=" . $plan_id);
        exit();
    } else {
        // Otherwise show a success message

        header("Location: view_mista_reports.php");
        exit();
    }
}

?>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PROJ. 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="admin_index.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>
                              
                            </ul>
                          </li>
                          <li><a><i class="glyphicon glyphicon"></i> M/Q CAIS Reports <span class="fa fa-chevron-down"></span></a>
                            <ul class="nav child_menu">
                              <li><a href="submit_mqcais_report.php">Submit M/Q CAIS Report</a></li>
                              <li><a href="view_mqcais_reports.php">View M/Q CAIS 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_school']}'";
                                  $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 Report</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_report.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 REPORT
    </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" 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="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" 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="district">District/Learning Area<span class="required">*</span></label>
  <div class="col-md-6 col-sm-6 col-xs-12">
    <input type="text" id="district" name="district" 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="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">School Year<span class="required">*</span></label>
  <div class="col-md-6 col-sm-6 col-xs-12">
    <input type="text" id="school_year" name="school_year" class="form-control col-md-7 col-xs-12" required>
  </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%;">School</th>
                <th style="width: 20%;">Name of School Head</th>
                <th style="width: 20%;">Activities Undertaken</th>
                <th style="width: 15%;">Findings</th>
                <th style="width: 15%;">Technical Assistance Provided</th>
                <th style="width: 15%;">Agreement</th>
                <th style="width: 15%;">School Head Signature</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <tr>
  <td><input type="date" name="date[]" class="form-control" required></td>
  <td><input type="text" name="school[]" class="form-control" required></td>
  <td><input type="text" name="name_of_school_head[]" class="form-control" required></td>
  <td><input type="text" name="activities_undertaken[]" class="form-control" required></td>
  <td><input type="text" name="findings[]" class="form-control"></td>
  <td><input type="text" name="technical_assistance_provided[]" class="form-control"></td>
  <td><input type="text" name="agreement[]" class="form-control"></td>
  <td><input type="text" name="school_head_signature[]" 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">Create</button>
    

</div>


</div>



</div>
</body>
<script>

function confirmSubmission() {
    return confirm("Are you sure you want to create this MISTA report?");
}

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="school[]" class="form-control" required></td>
    <td><input type="text" name="name_of_school_head[]" class="form-control" required></td>
    <td><input type="text" name="activities_undertaken[]" class="form-control" required></td>
    <td><input type="text" name="findings[]" class="form-control"></td>
    <td><input type="text" name="technical_assistance_provided[]" class="form-control"></td>
    <td><input type="text" name="agreement[]" class="form-control"></td>
    <td><input type="text" name="school_head_signature[]" 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>