OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	05/19/2025 10:07:16 AM	rwxr-xr-x
📁 assets	-	02/15/2025 11:20:34 AM	rwxr-xr-x
📄 bregister.php	15.32 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 callback.php	871 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📄 child_registration.php	9.47 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 dashboard copy.php	6.72 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 dashboard.php	5.94 KB	05/19/2025 10:07:16 AM	rw-r--r--
📁 data	-	02/15/2025 11:20:32 AM	rwxr-xr-x
📄 function.php	5.06 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 index.php	4.64 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 oauth.php	355 bytes	05/19/2025 10:07:16 AM	rw-r--r--
📁 old_backup	-	05/19/2025 10:07:16 AM	rwxr-xr-x
📁 payment	-	02/15/2025 11:20:34 AM	rwxr-xr-x
📄 payment.php	3.67 KB	05/19/2025 10:07:16 AM	rw-r--r--
📁 process	-	05/19/2025 10:07:16 AM	rwxr-xr-x
📄 register.php	10.96 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 sendOtp.php	2.32 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 styles.css	0 bytes	02/15/2025 11:21:44 AM	rw-r--r--
📄 subscription_check.php	1.39 KB	05/19/2025 10:07:16 AM	rw-r--r--
📄 verify.php	2.23 KB	05/19/2025 10:07:16 AM	rw-r--r--

Editing: child_registration.php

<?
include 'assets/php/validate.logged.php';
include 'assets/php/db_config.php';
include 'assets/php/function.php';

$count_child = count_registerd_students($gUserId);
$registration_count = $count_child + 1;

if ($count_child >= 3) {
?>
  <script>
    alert("You Have already reached maximum entry!!!");
    window.location.href = "dashboard.php";
  </script>
<?
} else {
?>

<!DOCTYPE html>
  <html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Child Registration</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="assets/css/styles.css">
    <style>
      body {
        padding: 0px;
      }

#childRegistrationForm {
        max-width: 600px;
        margin: 0 auto;
        border-radius: 5px;
        border: 1px solid #ddd;
        padding: 20px;
      }

.child-entry {
        margin-bottom: 20px;
        padding: 15px;
        /* border: 1px solid #ddd; */
        border-radius: 5px;
        position: relative;
      }

.delete-child {
        position: absolute;
        top: 10px;
        right: 10px;
        color: red;
        cursor: pointer;
      }

h3 {
        margin-bottom: 15px;
      }

button {
        margin-top: 15px;
      }

.btn-red {
        background-color: red;
        border-color: red;
      }

.btn-green {
        color: white;
        background-color: green;
        border-color: green;
      }

.btn-green:hover {
        color: white;
        background-color: lightgreen;
        /* Change to a lighter green on hover for visual feedback */
        border-color: lightgreen;
      }
    </style>

$('#addChild').on('click', function() {
          if (childCount >= 3) {
            alert('You can only add up to 3 children.');
            return;
          }

childCount++;
          const childEntryHtml = `
          <div class="child-entry">
            <h3>Child ${childCount}</h3>
            <span class="delete-child">&times;</span>
            <div class="mb-3">
              <label for="childName${childCount}" class="form-label">Student Name:</label>
              <input type="text" id="childName${childCount}" name="childName[]" class="form-control" required>
            </div>
            <div class="mb-3">
            <label for="relation${childCount}" class="form-label">Relation with the Applicant and the Account Holder:</label>
            <select class="form-select" id="relation${childCount}" name="relation[]" required>
              <option value="">Select Relation</option>
              <option value="father">Father</option>
              <option value="mother">Mother</option>
              <option value="guardian">Guardian</option>
            </select>
          </div>
          <div class="mb-3">
              <label for="childClass${childCount}" class="form-label">Class:</label>
              <select id="childClass${childCount}" name="childClass[]" class="form-select" required>
                <option value="">Select Class</option>
                <option value="5">5th</option>
                <option value="6">6th</option>
                <option value="7">7th</option>
                <option value="8">8th</option>
                <option value="9">9th</option>
                <option value="10">10th</option>
                <option value="11">11th</option>
                <option value="12">12th</option>
                <option value="Others">Others</option>
              </select>
            </div>
            <div class="mb-3">
              <label for="schoolName${childCount}" class="form-label">School Name:</label>
              <input type="text" id="schoolName${childCount}" name="schoolName[]" class="form-control" required>
            </div>
            
            <div class="mb-3">
              <label for="city${childCount}" class="form-label">City:</label>
              <input type="text" id="city${childCount}" name="city[]" class="form-control" required>
            </div>
          </div>
        `;
          $('.child_registration').append(childEntryHtml);
        });

$(document).on('click', '.delete-child', function() {
          if ($('.child-entry').length > 1) {
            $(this).closest('.child-entry').remove();
            childCount--;
          } else {
            alert('At least one child entry is required.');
          }
        });

$('#termsCheckbox').on('change', function() {
          const isChecked = $(this).is(':checked');
          const submitButton = $('#submitButton');

if (isChecked) {
            submitButton.removeClass('btn-red').addClass('btn-green').prop('disabled', false);
          } else {
            submitButton.removeClass('btn-green').addClass('btn-red').prop('disabled', true);
          }
        });

$('#childRegistrationForm').on('submit', function(e) {
          e.preventDefault();

$.ajax({
            url: 'process/storeChildDetails.php',
            type: 'POST',
            data: $(this).serialize(), // Serialize form data for standard POST submission
            success: function(response) {
              const res = JSON.parse(response);
              if (res.success) {
                alert(res.message);
                // Optionally reset the form or redirect
                window.location.href = "dashboard.php";
              } else {
                alert(res.message);
              }
            },
            error: function() {
              alert('An error occurred while saving child details.');
            },
          });
        });
      });
    </script>
  </head>

<body>
    <nav class="navbar  navbar-light bg-light shadow-sm">
      <div class="container-fluid">
        <a class="navbar-brand" href="index.php">
          <img src="assets/img/logo.png" alt="Logo">
        </a>
      </div>
    </nav>
    <div id="childRegistrationSection" class="container">
      <form id="childRegistrationForm">
        <div class="child_registration">
          <h1 class="text-center mb-4">Quiz ದಿಗಂತ</h1>
          <h2 class="text-center mb-4">Child Registration</h2>
          <div class="child-entry">
            <h3>Child <?= $registration_count ?></h3>
            <span class="delete-child">&times;</span>
            <div class="mb-3">
              <label for="childName<?= $registration_count ?>" class="form-label">Student Name:</label>
              <input type="text" id="childName<?= $registration_count ?>" name="childName[]" class="form-control" required>
            </div>
            <div class="mb-3">
              <label for="childClass<?= $registration_count ?>" class="form-label">Class:</label>
              <select id="childClass<?= $registration_count ?>" name="childClass[]" class="form-select" required>
                <option value="">Select Class</option>
                <option value="5">5th</option>
                <option value="6">6th</option>
                <option value="7">7th</option>
                <option value="8">8th</option>
                <option value="9">9th</option>
                <option value="10">10th</option>
                <option value="11">11th</option>
                <option value="12">12th</option>
                <option value="Others">Others</option>
              </select>
            </div>
            <div class="mb-3">
              <label for="relation<?= $registration_count ?>" class="form-label">Relation with the Applicant and the Account Holder:</label>
              <select class="form-select" id="relation<?= $registration_count ?>" name="relation[]" required>
                <option value="">Select Relation</option>
                <option value="father">Father</option>
                <option value="mother">Mother</option>
                <option value="guardian">Guardian</option>
              </select>
            </div>
            <div class="mb-3">
              <label for="schoolName<?= $registration_count ?>" class="form-label">School Name:</label>
              <input type="text" id="schoolName<?= $registration_count ?>" name="schoolName[]" class="form-control" required>
            </div>
            <div class="mb-3">
              <label for="city<?= $registration_count ?>" class="form-label">City:</label>
              <input type="text" id="city<?= $registration_count ?>" name="city[]" class="form-control" required>
            </div>
          </div>
        </div>
        <button type="button" id="addChild" class="btn btn-primary">Add Another Child</button>
        <div class="form-check mb-3 mt-4">
          <input class="form-check-input" type="checkbox" id="termsCheckbox">
          <label class="form-check-label" for="termsCheckbox">
            I confirm that the information provided is accurate and complete.
          </label>
        </div>
        <button type="submit" id="submitButton" class="btn btn-red" disabled>Submit</button>
      </form>
    </div>
  </body>

</html>
<? } ?>