Mini Kabibi Habibi

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

<?php
session_start();
@include 'include/config.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $fullname = $_POST['fullname'];
$username = $_POST['username'];
$tracking_no = $_POST['tracking_no'];
$designation = $_POST['designation'];
$title = $_POST['title'];
$date_submitted = $_POST['date']; // <-- Make sure this line is here
$target_file = 'uploads/' . basename($_FILES['file']['name']); // adjust as needed


    // File Handling
    $file = $_FILES['file'];
    $allowed_ext = ['pdf'];
    $file_ext = strtolower(pathinfo($file['name'], PATHINFO_EXTENSION));

    if (!in_array($file_ext, $allowed_ext)) {
        die("Only PDF files are allowed.");
    }

    // Save the file
    $upload_dir = 'uploads/mista_report/';
    $new_file_name = time() . '_' . basename($file['name']);
    $target_file = $upload_dir . $new_file_name;

    if (!file_exists($upload_dir)) {
        mkdir($upload_dir, 0777, true);
    }

    if (move_uploaded_file($file['tmp_name'], $target_file)) {
        // Insert into database
        $stmt = $conn->prepare("INSERT INTO submitted_mista_reports (fullname, username, tracking_no, designation, title, date_submitted, file_path) VALUES (?, ?, ?, ?, ?, ?, ?)");
        $stmt->bind_param("sssssss", $fullname, $username, $tracking_no, $designation, $title, $date_submitted, $target_file);

        if ($stmt->execute()) {
            echo "<script>alert('Plan submitted successfully!'); window.location.href='submitted_mista_reports.php';</script>";
        } else {
            echo "Error saving report to database: " . $stmt->error;
        }
    } else {
        echo "Failed to upload file.";
    }
}
?>



<!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="submit_mista_report.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>
                        
                    </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 Accomplishment Reports <span class="fa fa-chevron-down"></span></a>
                                <ul class="nav child_menu">
                                    <li><a href="submit_monthly_report.php">Submit Monthly Accomplishment 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>Submit 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="submit_mista_report.php" method="POST" enctype="multipart/form-data" novalidate>

      <!-- Name, Username, and Tracking No -->
      <div class="item form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Name <span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <input id="name" name="fullname" value="<?php echo $rows['username']; ?>" style="display: none;" readonly class="form-control col-md-7 col-xs-12" type="text" required>
          <input id="name" name="fullname" value="<?php echo $rows['fullname']; ?>" readonly class="form-control col-md-7 col-xs-12" type="text" required>
          <input id="username" name="username" value="<?php echo $rows['username']; ?>" style="display: none;" readonly class="form-control col-md-7 col-xs-12" type="text" required>
        </div>
        <div class="hidden">
          <input id="tracking" name="tracking_no" class="hidden" style="display: none;" required type="text">
        </div>
      </div>

      <!-- Designation -->
      <div class="item form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="designation">Designation <span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <input 
            id="designation" 
            name="designation" 
            value="<?php echo htmlspecialchars($rows['designation'] ?? ''); ?>" 
            readonly 
            class="form-control col-md-7 col-xs-12" 
            type="text"
          >
        </div>
      </div>

      <!-- Report Title -->
      <div class="item form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="title">Title <span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <input 
            type="text" 
            id="title" 
            name="title" 
            value="Monthly Instructional Supervisory and Technical Assistance Report" 
            readonly 
            class="form-control col-md-7 col-xs-12"
          >
        </div>
      </div>

      <!-- Date -->
      <div class="item form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="date">Date <span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <input 
            type="date" 
            id="date" 
            name="date" 
            value="<?php echo date('Y-m-d'); ?>" 
            class="form-control col-md-7 col-xs-12" 
            required
          >
        </div>
      </div>

      <!-- File Upload (PDF Only) -->
      <div class="item form-group">
        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="file">Upload Report (PDF only) <span class="required">*</span></label>
        <div class="col-md-6 col-sm-6 col-xs-12">
          <input 
            type="file" 
            id="file" 
            name="file" 
            class="form-control col-md-7 col-xs-12" 
            accept=".pdf" 
            required
          >
        </div>
      </div>

      <!-- Submit Button -->
      <div class="ln_solid"></div>
      <div class="form-group">
        <div class="col-md-6 col-md-offset-3">
          <button type="submit" name="submit" class="btn btn-success" onclick="return confirm('Submit this MiSTA Report');">Submit</button>
        </div>
      </div>

    </form>

  </div>
</div>


</div>


</div>
</body>
</html>

<?php  } ?>

            
                </div>
              </div>
            </div>
          </div> 
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
          <div class="pull-right">
             SDO BATANGAS CITY - CID PROJECT COURSE
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
    </div>

    <!-- jQuery -->
    <script>
          function randomNumber() {
   
    return Math.floor(Math.random() *900000);
}

document.getElementById('tracking').value =  'C' + randomNumber() + 'D' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }

    function randomNumber() {
   
    return Math.floor(Math.random() *900000);
}

document.getElementById('tracking2').value =  'C' + randomNumber() + 'D' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }

    document.getElementById('tracking3').value =  'E' + randomNumber() + 'F' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


      document.getElementById('tracking4').value =  'G' + randomNumber() + 'H' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


     document.getElementById('tracking5').value =  'I' + randomNumber() + 'J' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


       document.getElementById('tracking6').value =  'K' + randomNumber() + 'L' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }

     document.getElementById('tracking7').value =  'M' + randomNumber() + 'N' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }

         document.getElementById('tracking8').value =  'O' + randomNumber() + 'P' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


         document.getElementById('tracking9').value =  'Q' + randomNumber() + 'R' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


    document.getElementById('tracking10').value =  'S' + randomNumber() + 'T' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


     document.getElementById('tracking11').value =  'U' + randomNumber() + 'V' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }

    document.getElementById('tracking12').value =  'W' + randomNumber() + 'X' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


    document.getElementById('tracking13').value =  'Y' + randomNumber() + 'Z' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


     document.getElementById('tracking14').value =  'A' + randomNumber() + 'A' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }


      document.getElementById('tracking15').value =  'A' + randomNumber() + '2' ;

    function printDiv() {
        //Get the HTML of div
        var divElements = document.getElementById("print").innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;
        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = "<table></table>" + divElements;
        //Print Page
        window.print();
        //Restore orignal HTML
        document.body.innerHTML = oldPage;

    }
    </script>
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
   <script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <!-- FastClick -->
    <script src="../vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="../vendors/nprogress/nprogress.js"></script>
    <!-- iCheck -->
    <script src="../vendors/iCheck/icheck.min.js"></script>

    <!-- Custom Theme Scripts -->
    <script src="../build/js/custom.min.js"></script>
    <script>
  function confirmAdd() {
    return confirm('Are you sure you want to submit this plan?');
  }
</script>

  </body>
</html>