<?php

/**

 * Students Basic Information Form

 */

?>

<div class="row-counter">

    <span><i class="fas fa-users me-2"></i>Entering Students - <span id="row-count">1</span> record(s)</span>

    <button type="button" class="btn btn-sm btn-primary" onclick="addRow('students')">

        <i class="fas fa-plus me-2"></i>Add Another Student

    </button>

</div>



<div id="rows-container">

    <!-- Row 1 -->

    <div class="data-row mb-4 p-3 border rounded">

        <div class="d-flex justify-content-between align-items-center mb-3">

            <h6 class="text-primary mb-0">Student #1</h6>

            <span class="remove-row" onclick="removeRow(this, 'students')" title="Remove this student">

                <i class="fas fa-times-circle fa-lg"></i>

            </span>

        </div>

        

        <div class="row">

            <div class="col-md-3 mb-3">

                <label class="form-label">Student ID <span class="text-danger">*</span></label>

                <input type="text" class="form-control" name="students[0][student_id]" placeholder="e.g., STU001" required>

            </div>

            <div class="col-md-3 mb-3">

                <label class="form-label">First Name <span class="text-danger">*</span></label>

                <input type="text" class="form-control" name="students[0][first_name]" required>

            </div>

            <div class="col-md-3 mb-3">

                <label class="form-label">Last Name <span class="text-danger">*</span></label>

                <input type="text" class="form-control" name="students[0][last_name]" required>

            </div>

            <div class="col-md-3 mb-3">

                <label class="form-label">Gender</label>

                <select class="form-select" name="students[0][sex]">

                    <option value="">Select</option>

                    <option value="Male">Male</option>

                    <option value="Female">Female</option>

                </select>

            </div>

        </div>

        

        <div class="row">

            <div class="col-md-4 mb-3">

                <label class="form-label">Date of Birth</label>

                <input type="date" class="form-control" name="students[0][date_of_birth]">

            </div>

            <div class="col-md-4 mb-3">

                <label class="form-label">Place of Birth</label>

                <input type="text" class="form-control" name="students[0][place_of_birth]">

            </div>

            <div class="col-md-4 mb-3">

                <label class="form-label">Nationality</label>

                <input type="text" class="form-control" name="students[0][nationality]" value="Ghanaian">

            </div>

        </div>

        

        <div class="row">

            <div class="col-md-4 mb-3">

                <label class="form-label">Class <span class="text-danger">*</span></label>

                <select class="form-select" name="students[0][class]" required>

                    <option value="">Select Class</option>

                    <option value="Nursery 1">Nursery 1</option>

                    <option value="Nursery 2">Nursery 2</option>

                    <option value="KG 1">KG 1</option>

                    <option value="KG 2">KG 2</option>

                    <option value="Class 1">Class 1</option>

                    <option value="Class 2">Class 2</option>

                    <option value="Class 3">Class 3</option>

                    <option value="Class 4">Class 4</option>

                    <option value="Class 5">Class 5</option>

                    <option value="Class 6">Class 6</option>

                    <option value="JHS 1">JHS 1</option>

                    <option value="JHS 2">JHS 2</option>

                    <option value="JHS 3">JHS 3</option>

                </select>

            </div>

            <div class="col-md-4 mb-3">

                <label class="form-label">Section</label>

                <input type="text" class="form-control" name="students[0][section]" placeholder="e.g., A">

            </div>

            <div class="col-md-4 mb-3">

                <label class="form-label">House No.</label>

                <input type="text" class="form-control" name="students[0][house_no]">

            </div>

        </div>

    </div>

</div>