<?php
include_once('includes/header.php');
include_once('includes/sidebar.php');

?>
<main>
    <div class="container-fluid px-4">
        <h1 class="mt-4">Dashboard</h1>
        <ol class="breadcrumb mb-4">
            <li class="breadcrumb-item active">Add Students</li>
        </ol>
        <div class="row">
            <div class="d-flex justify-content-between mb-2">
                <h3 class="">Add Students</h3>
              


        </div>
    </div>
    <!-- student edit form modal     -->
    <!-- <div class="modal fade" id="studentEditModal">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">

                <div class="modal-header">
                    <h5 class="modal-title">Edit Student</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">

                    <div class="row">
                        <input type="hidden" id="student_edit_id" name="student_edit_id">

                    <div class=" col-md-4 mb-2">
                        <label>Student Name</label>
                        <input type="text" id="student_edit_name" name="student_edit_name" class="form-control">
                    </div>

                    <div class=" col-md-4 mb-2">
                        <label>Father Name</label>
                        <input type="text" id="student_edit_father" name="student_edit_father" class="form-control">
                    </div>
                    <div class="col-md-4 mt-2">
                        <label>Mother Name</label>
                        <input type="text" class="form-control" id="student_edit_mother" name="student_edit_mother">
                    </div>
                    <div class="col-md-4 mb-2">
                        <label>Roll</label>
                        <input type="text" id="student_edit_roll" name="student_edit_roll" class="form-control">
                    </div>
                    <div class="col-md-4 mb-2">
                        <label for="dob">Date of Birth:</label>
                        <input type="date" id="student_edit_dob" name="student_edit_dob" class="form-control" required>
                    </div>

                    <div class="col-md-4 mb-2">
                        <label for="admission_date">Admission Date:</label>
                        <input type="date" id="student_edit_admission_date" name="student_edit_admission_date" class="form-control" required>
                    </div>
                    <div class="col-md-4 mb-2">
                        <label>Phone</label>
                        <input type="text" id="student_edit_phone" class="form-control" name="student_edit_phone"
                            placeholder="10-digit mobile number" maxlength="10"
                            oninput="this.value = this.value.replace(/[^0-9+]/g, '')" onpaste="return false">
                    </div>
                    <div class="col-md-4 mt-2">
                        <label>Gender</label>
                        <select class="form-control" id="student_edit_gender" name="student_edit_gender" required>
                            <option value="">Choose...</option>
                            <option>Male</option>
                            <option>Female</option>
                            <option>Other</option>
                        </select>
                    </div>
                    <div class="col-md-4 mb-2">
                        <label>Class</label>
                        <select id="student_edit_class" name="student_edit_class" class="form-select"></select>
                    </div>

                    <div class="col-md-4 mt-2">
                        <label>Address</label>
                        <textarea class="form-control" id="student_edit_address" name="student_edit_address" rows="2"></textarea>
                    </div>
                    <!-- New Photo Upload Section -->
                    <!-- <div class="col-md-4 mt-3">
                        <label for="student_edit_photo">Upload Student Photo</label>
                        <input type="file" id="student_edit_photo" name="student_edit_photo" class="form-control" accept="image/jpeg, image/png">
                        <small class="text-muted">Only JPG/PNG, max 300KB</small>
                    </div>
                    <div class="col-md-4 mt-3">
                        <label>Existing Student Photo:</label>
                        <img id="existing_student_photo"  src="" alt="Student Photo"
                            style="display:none; max-width: 150px; margin-bottom: 10px;">
                    </div>

                    </div>

                </div>

                <div class="modal-footer">
                    <button class="btn btn-success" onclick="updateStudent(event)">Update</button>
                </div>

            </div>
        </div> 
    </div> -->
</main>





<?php include_once('includes/footer.php') ?>