File: /srv/www/rectt-csmcri.res.in/public_html/index.php
<?php
session_start();
$details = $_SESSION['primary_details'];
?>
<!--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Main Page</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin: 50px;
}
.container {
border: 1px solid #ccc;
padding: 20px;
width: 300px;
margin: auto;
border-radius: 10px;
background-color: #f9f9f9;
}
.buttons {
margin-top: 20px;
}
button {
padding: 10px 15px;
margin: 5px;
border: none;
cursor: pointer;
font-size: 16px;
}
.logout {
background-color: red;
color: white;
}
.main {
background-color: blue;
color: white;
}
</style>
</head>
<body>
<div class="container">
<h2>Your Primary Details</h2>
<p><strong>Name:</strong> <?php echo htmlspecialchars($details['name']); ?></p>
<p><strong>Age:</strong> <?php echo htmlspecialchars($details['age']); ?></p>
<p><strong>Gender:</strong> <?php echo htmlspecialchars($details['gender']); ?></p>
<div class="buttons">
<button class="logout" onclick="logout()">Logout</button>
<button class="main" onclick="goToMain()">Main</button>
</div>
</div>
<script>
function logout() {
window.location.href = "logout.php"; // Redirect to logout page
}
function goToMain() {
window.location.href = "main.php"; // Stay on Main Page
}
</script>
</body>
</html> -->
<?php
// db connection (update with your actual credentials)
session_start();
include_once 'sites/config/config.php';
// Connect to server and select database using mysqli
// $conn = new mysqli($host, $username, $password, $db_name);
// // $conn = mysqli_connect($host, $username, $password, $db_name);
// if ($conn->connect_error) {
// die("Connection failed: " . $conn->connect_error);
// }
// Fetch posts from the 'posts' table
// $postOptions = "";
// $sql = "SELECT id, post_title, category FROM posts";
// $result = $conn->query($sql);
// if ($result->num_rows > 0) {
// while ($row = $result->fetch_assoc()) {
// $postOptions .= "<option value='{$row['id']}'>{$row['post_title']} ({$row['category']})</option>";
// }
// }
// $postOptions = "";
// $sql = "SELECT id, post_title, category FROM posts";
// $result = $conn->query($sql);
// if ($result->num_rows > 0) {
// while ($row = $result->fetch_assoc()) {
// $postOptions .= "<option value='{$row['id']}' data-category='{$row['category']}'>{$row['post_title']} ({$row['category']})</option>";
// }
// }
$postOptions = "";
$sql = "SELECT id, post_title, category FROM posts";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
$postOptions .= "<div class='form-check'>";
$postOptions .= "<input class='form-check-input' type='checkbox' name='post_ids[]' value='{$row['id']}' data-category='{$row['category']}' onchange='validateCheckbox(this)'>";
$postOptions .= "<label class='form-check-label' for='post_{$row['id']}'>{$row['post_title']} ({$row['category']})</label>";
$postOptions .= "</div>";
}
}
$conn->close();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Application Form</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.form-section {
margin-top: 30px;
padding: 20px;
background: #f9f9f9;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.upload-box {
background: #e6f5e6;
padding: 15px;
border: 1px solid #c6e6c6;
border-radius: 8px;
text-align: center;
margin-bottom: 20px;
}
.required {
color: red;
}
</style>
</head>
<body class="bg-light">
<div class="container mt-5">
<!-- Top Section: Select Post and View Details -->
<div class="form-section">
<div class="row mb-3">
<div class="col-md-6">
<label class="form-label"><strong>Select Posts:<span class="required">*</span></strong></label>
<div id="postCheckboxes">
<?= $postOptions ?>
</div>
<div id="categoryError" class="form-text text-danger" style="display: none;"></div>
</div>
<!-- View Primary Details with Button -->
<div class="col-md-6">
<label class="form-label"><strong>View Primary Details:</strong></label>
<!-- <input type="text" class="form-control mb-2" placeholder="Auto-filled or linked data" readonly> -->
<br>
<a href="view_primary.php" class="btn btn-outline-primary">View Details</a>
</div>
</div>
</div>
<!-- Educational Qualification Section -->
<div class="form-section">
<h5><strong>Educational Qualifications<span class="required">*</span></strong></h5>
<div class="table-responsive">
<table class="table table-bordered align-middle">
<thead class="table-light">
<tr>
<th>Qualification</th>
<th>School/College Name</th>
<th>Board/University</th>
<th>Specialization / Subject(s)</th>
<th>Marks Obtained</th>
<th>Scale</th>
<th>Date of Passing</th>
</tr>
</thead>
<tbody>
<!-- SSC -->
<tr>
<td><strong>SSC<span class="required">*</span></strong></td>
<td><input type="text" name="ssc_school" class="form-control" required></td>
<td><input type="text" name="ssc_board" class="form-control" required></td>
<td><input type="text" name="ssc_subjects" class="form-control" required></td>
<td><input type="number" name="ssc_marks" class="form-control" min="0" step="0.01" required></td>
<td>
<select name="ssc_scale" class="form-select" required>
<option value="">-- Select Scale --</option>
<option value="percentage">Percentage</option>
<option value="cgpa10">CGPA (Out of 10)</option>
<option value="cgpa5">CGPA (Out of 5)</option>
</select>
</td>
<td><input type="date" name="ssc_pass_date" class="form-control" required></td>
</tr>
<!-- HSC -->
<tr>
<td><strong>HSC<span class="required">*</span></strong></td>
<td><input type="text" name="hsc_school" class="form-control" required></td>
<td><input type="text" name="hsc_board" class="form-control" required></td>
<td><input type="text" name="hsc_subjects" class="form-control" required></td>
<td><input type="number" name="hsc_marks" class="form-control" min="0" step="0.01" required></td>
<td>
<select name="hsc_scale" class="form-select" required>
<option value="">-- Select Scale --</option>
<option value="percentage">Percentage</option>
<option value="cgpa10">CGPA (Out of 10)</option>
<option value="cgpa5">CGPA (Out of 5)</option>
</select>
</td>
<td><input type="date" name="hsc_pass_date" class="form-control" required></td>
</tr>
<!-- University -->
<tr>
<td><strong>Under Graduation<span class="required">*</span></strong></td>
<td><input type="text" name="ug_college" class="form-control" required></td>
<td><input type="text" name="ug_university" class="form-control" required></td>
<td><input type="text" name="ug_subjects" class="form-control" required></td>
<td><input type="number" name="ug_marks" class="form-control" min="0" step="0.01" required></td>
<td>
<select name="ug_scale" class="form-select" required>
<option value="">-- Select Scale --</option>
<option value="percentage">Percentage</option>
<option value="cgpa10">CGPA (Out of 10)</option>
<option value="cgpa5">CGPA (Out of 5)</option>
</select>
</td>
<td><input type="date" name="ug_pass_date" class="form-control"></td>
</tr>
<!-- PG -->
<tr>
<td><strong>Post Graduation</strong></td>
<td><input type="text" name="pg_college" class="form-control"></td>
<td><input type="text" name="pg_university" class="form-control"></td>
<td><input type="text" name="pg_subjects" class="form-control"></td>
<td><input type="number" name="pg_marks" class="form-control" min="0" step="0.01"></td>
<td>
<select name="pg_scale" class="form-select">
<option value="">-- Select Scale --</option>
<option value="percentage">Percentage</option>
<option value="cgpa10">CGPA (Out of 10)</option>
<option value="cgpa5">CGPA (Out of 5)</option>
</select>
</td>
<td><input type="date" name="pg_pass_date" class="form-control"></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Uploads Section (Vertical Layout) -->
<div class="form-section">
<!-- [SC/ST/OBC(NCL) Certificate in Cent. Govt. format -->
<label for="categoryUpload" class="form-label"><strong>Upload [SC/ST/OBC(NCL) Certificate in Central Government format:</strong><span class="required">*</span></label>
<div class="upload-box">
<input type="file" id="categoryUpload" name="signature" accept=".jpg,.jpeg" required>
<p class="small text-muted">Max Size: 50KB | Dimensions: 150x200px | JPG only</p>
<button class="btn btn-success">Upload</button>
</div>
<!-- [SC/ST/OBC(NCL) Certificate-->
<label for="disabilityUpload" class="form-label"><strong>Upload Latest DISABILITY Certificate from competent authority need to be attached in case of PWD (Divyang) and
whose disability not less than 40%:</strong><span class="required">*</span></label>
<div class="upload-box">
<input type="file" id="disabilityUpload" name="signature" accept=".jpg,.jpeg" required>
<p class="small text-muted">Max Size: 50KB | Dimensions: 150x200px | JPG only</p>
<button class="btn btn-success">Upload</button>
</div>
<!-- SSC Marksheet -->
<label for="sscMarksheet" class="form-label"><strong>Upload SSC Marksheet:</strong><span class="required">*</span></label>
<div class="upload-box">
<input type="file" id="sscMarksheet" name="ssc_marksheet" accept=".pdf,.jpg,.jpeg" required>
<p class="small text-muted">Max Size: 100KB | Format: PDF/JPG</p>
<button class="btn btn-success">Upload</button>
</div>
<!-- HSC Marksheet -->
<label for="hscMarksheet" class="form-label"><strong>Upload HSC Marksheet:</strong><span class="required">*</span></label>
<div class="upload-box">
<input type="file" id="jscMarksheet" name="hsc_marksheet" accept=".pdf,.jpg,.jpeg" required>
<p class="small text-muted">Max Size: 100KB | Format: PDF/JPG</p>
<button class="btn btn-success">Upload</button>
</div>
<!-- Photograph -->
<label for="photoUpload" class="form-label"><strong>Upload Photograph:</strong><span class="required">*</span></label>
<div class="upload-box">
<input type="file" id="photoUpload" name="photograph" accept=".jpg,.jpeg" required>
<p class="small text-muted">Max Size: 50KB | Dimensions: 150x200px | JPG only</p>
<button class="btn btn-success">Upload</button>
</div>
<!-- Signature -->
<label for="signatureUpload" class="form-label"><strong>Upload Signature:</strong><span class="required">*</span></label>
<div class="upload-box">
<input type="file" id="signatureUpload" name="signature" accept=".jpg,.jpeg" required>
<p class="small text-muted">Max Size: 50KB | Dimensions: 150x200px | JPG only</p>
<button class="btn btn-success">Upload</button>
</div>
</div>
<div class="buttons">
<!-- <input type="submit" name="submit" id="submit" value="Submit" onclick="confirmSubmission()" /> -->
<!-- <input type="submit" name="submit" id="submit" value="Submit" onclick="return confirmSubmission()" /> -->
<!-- <button type="submit" id="submitButton">Submit</button> -->
<input type="button" value="Logout" onclick="logout()" />
</div>
</div>
</body>
<script>
function logout() {
window.location.href = 'logout.php';
}
const sessionCategory = "<?= $_SESSION['category'] ?? '' ?>";
const categoryErrorDiv = document.getElementById('categoryError');
const checkboxes = document.querySelectorAll('#postCheckboxes input[type="checkbox"]');
function validateCheckbox(checkbox) {
if (checkbox.checked && checkbox.dataset.category !== sessionCategory) {
categoryErrorDiv.textContent = `Post "${checkbox.nextElementSibling.textContent}" is not eligible for this category.`;
categoryErrorDiv.style.display = 'block';
checkbox.checked = false;
} else {
// Check if there are any other errors, if not, hide the message
let hasError = false;
checkboxes.forEach(cb => {
if (cb.checked && cb.dataset.category !== sessionCategory) {
hasError = true;
}
});
if (!hasError) {
categoryErrorDiv.style.display = 'none';
}
}
}
</script>
</html>