File Manager

✏️ kup/index.php

<?php
session_start();
if (empty($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}
$enquiry_no = 'ENQ-' . date('y') . str_pad(rand(1,999),3,'0',STR_PAD_LEFT);
$today      = date('d-m-Y');
?>
<!DOCTYPE html>
<html lang="en" x-data="app()" x-init="boot()">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<meta name="description" content="Online Admission Enquiry – Renganayagi Varatharaj College of Engineering, Sivakasi"/>
<title>Admission Enquiry | RVCE Sivakasi</title>

<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@700;800&display=swap" rel="stylesheet"/>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>

<div class="print-header text-center py-3 border-bottom mb-3">
    <div class="d-flex align-items-center justify-content-center gap-3 mb-1">
        <img src="img/rvce_logo.webp" alt="RVCE Logo" style="height:64px;width:64px;object-fit:contain;border-radius:10px;border:1px solid #ccc;"/>
        <div class="text-start">
            <div style="font-size:1.1rem;font-weight:800;color:#0f1e6e;font-family:Georgia,serif;">RENGANAYAGI VARATHARAJ COLLEGE OF ENGINEERING</div>
            <div style="font-size:.78rem;color:#444;">Approved by AICTE, New Delhi &nbsp;|&nbsp; Affiliated to Anna University, Chennai</div>
            <div style="font-size:.75rem;color:#666;">Salvarpatti, Sivakasi, Virudhunagar District – 626128</div>
        </div>
    </div>
    <div style="font-size:.85rem;font-weight:700;color:#555;border-top:1px solid #ccc;padding-top:6px;margin-top:6px;">
        STUDENT ADMISSION ENQUIRY FORM
    </div>
</div>

<div class="hdr-topbar no-print">
<div class="container-xl">
    <div class="hdr-topbar-inner">
        
        <div class="hdr-top-left">
            <div class="hdr-info-item">
                <i class="fa-solid fa-hashtag"></i>
                <span><strong>Counselling Code :</strong> 4676</span>
            </div>
        </div>
        
        <div class="hdr-top-right">
            <div class="hdr-info-item">
                <i class="fa-solid fa-phone"></i>
                <a href="tel:+919940700195">9940700195, 04562 234500</a>
            </div>
            <div class="hdr-info-item">
                <i class="fa-regular fa-envelope"></i>
                <a href="mailto:office@rvce.ac.in">office@rvce.ac.in</a>
            </div>
        </div>
    </div>
</div>
</div>

<header class="site-header no-print">
<div class="container-xl">
    <div class="hdr-logo-bar">
        <img src="img/rvce_logo.webp" alt="RVCE – Renganayagi Varatharaj College of Engineering"
             class="hdr-logo" onerror="this.style.display='none'"/>
        
    </div>
</div>
</header>

<div class="main-wrap">
<div class="container-xl py-4">
<div class="row g-4">

<div class="col-12">

<div class="form-title-bar no-print">
        <div class="form-title-main">Admission 2026 – 2027</div>
        <div class="form-title-sub">Online Application Form &nbsp;|&nbsp; Renganayagi Varatharaj College of Engineering</div>
    </div>

<div class="prog-card mb-4 no-print">
        <div class="d-flex align-items-center mb-2" style="gap:0">
            <template x-for="(s,i) in steps" :key="i">
                <div class="d-flex align-items-center flex-fill">
                    <div class="step-node">
                        <div class="step-dot" :class="pct >= (i/6)*100 ? 'done':''">
                            <i x-show="pct >= (i/6)*100" class="fa-solid fa-check" style="font-size:.55rem;"></i>
                            <span x-show="pct < (i/6)*100" x-text="i+1"></span>
                        </div>
                        <div class="step-lbl d-none d-sm-block" x-text="s"></div>
                    </div>
                    <div x-show="i<6" style="flex:1;height:2px;background:#e8eaff;transition:background .3s;"
                         :style="pct>=((i+1)/6)*100?'background:#1e2d8a':''"></div>
                </div>
            </template>
        </div>
        <div class="d-flex align-items-center gap-3 mt-2">
            <div class="prog-bar-track flex-fill">
                <div class="prog-bar-fill" :style="'width:'+pct+'%'"></div>
            </div>
            <span style="font-size:.75rem;font-weight:700;color:#1e2d8a;width:32px;text-align:right;" x-text="pct+'%'"></span>
        </div>
    </div>

<div x-show="submitted" x-transition class="success-panel mb-4">
        <div class="success-icon-wrap">
            <i class="fa-solid fa-circle-check fa-2x text-success"></i>
        </div>
        <h4 style="font-family:'Poppins',sans-serif;font-weight:800;color:#065f46;" class="mb-2">
            Enquiry Submitted Successfully!
        </h4>
        <p class="text-muted mb-1" style="font-size:.9rem;">
            Dear <strong x-text="d.student_name"></strong>, your enquiry has been received.
        </p>
        <p class="text-muted mb-3" style="font-size:.85rem;">
            Our admissions team will contact you within <strong>24 hours</strong>.
        </p>
        <div class="d-inline-flex align-items-center gap-2 px-4 py-2 rounded-3 mb-4"
             style="background:#f0fdf4;border:1.5px solid #a7f3d0;">
            <i class="fa-solid fa-hashtag text-success fa-sm"></i>
            <span style="font-size:.85rem;font-weight:600;color:#065f46;" x-text="'Ref: '+lastEnquiryNo"></span>
        </div>
        <div class="d-flex justify-content-center gap-3 flex-wrap">
            <a :href="'download_pdf.php?ref='+lastEnquiryNo" target="_blank" class="btn-pdf no-print">
                <i class="fa-solid fa-file-pdf fa-sm"></i> Download PDF
            </a>
            <button @click="printPage()" class="btn-print no-print">
                <i class="fa-solid fa-print fa-sm"></i> Print Form
            </button>
            <button @click="newEnquiry()" class="btn-outline no-print">
                <i class="fa-solid fa-plus fa-sm"></i> New Enquiry
            </button>
        </div>
    </div>

<div x-show="!submitted">
    <form id="eForm" method="POST" action="send_mail.php" novalidate @submit.prevent="submit">
    <input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token'];?>"/>
    <input type="hidden" name="enquiry_no" value="<?php echo $enquiry_no;?>"/>

<div class="sec-card th-blue">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-file-contract"></i></div>
            <span class="sec-title">Enquiry Information</span>
            <span class="ms-auto" style="font-size:.68rem;color:#94a3b8;">Auto-filled</span>
        </div>
        <div class="sec-body">
            <div class="row g-3">
                <div class="col-6 col-sm-3">
                    <label class="fi-label">No.</label>
                    <input class="fi" type="text" name="serial_no" readonly
                           value="<?php echo str_pad(rand(1,999),3,'0',STR_PAD_LEFT);?>"/>
                </div>
                <div class="col-6 col-sm-3">
                    <label class="fi-label">Date</label>
                    <input class="fi" type="text" name="date" readonly value="<?php echo $today;?>"/>
                </div>
                <div class="col-6 col-sm-3">
                    <label class="fi-label">Referred By</label>
                    <input class="fi" type="text" name="referred_by"
                           placeholder="Name / source"
                           @input="track" x-model="d.referred_by"/>
                </div>
                <div class="col-6 col-sm-3">
                    <label class="fi-label">Enquiry No.</label>
                    <input class="fi" type="text" name="enquiry_no_display"
                           readonly value="<?php echo $enquiry_no;?>"/>
                </div>
            </div>
        </div>
    </div>

<div class="sec-card th-blue">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-user-graduate"></i></div>
            <span class="sec-title">Student Details</span>
        </div>
        <div class="sec-body">
            <div class="row g-3">
                <div class="col-sm-6">
                    <label class="fi-label">Student Name <span class="text-danger">*</span></label>
                    <input class="fi" :class="e.student_name?'err':''" type="text"
                           name="student_name" placeholder="Full name as per certificate"
                           @input="ce('student_name');track()" x-model="d.student_name"/>
                    <div x-show="e.student_name" class="err-txt">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i>
                        <span x-text="e.student_name"></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="fi-label">School / Polytechnic Name <span class="text-danger">*</span></label>
                    <input class="fi" :class="e.school_name?'err':''" type="text"
                           name="school_name" placeholder="Institution name"
                           @input="ce('school_name');track()" x-model="d.school_name"/>
                    <div x-show="e.school_name" class="err-txt">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i>
                        <span x-text="e.school_name"></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="fi-label">Board <span class="text-danger">*</span></label>
                    <div class="pill-wrap mt-1">
                        <template x-for="b in ['State','CBSE','ICSE']" :key="b">
                            <label class="pill" :class="d.board===b?'on':''">
                                <input type="radio" name="board" :value="b"
                                       x-model="d.board" @change="ce('board');track()" class="d-none"/>
                                <i class="fa-solid fa-circle-dot fa-xs" x-show="d.board===b"></i>
                                <i class="fa-regular fa-circle fa-xs" x-show="d.board!==b"></i>
                                <span x-text="b"></span>
                            </label>
                        </template>
                    </div>
                    <div x-show="e.board" class="err-txt mt-1">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.board"></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label class="fi-label">Govt. School from 6<sup>th</sup> to +2 <span class="text-danger">*</span></label>
                    <div class="pill-wrap mt-1">
                        <label class="pill" :class="d.govt_school==='Yes'?'on':''">
                            <input type="radio" name="govt_school" value="Yes"
                                   x-model="d.govt_school" @change="ce('govt_school');track()" class="d-none"/>
                            <i class="fa-solid fa-check fa-xs" x-show="d.govt_school==='Yes'"></i>
                            <span>Yes</span>
                        </label>
                        <label class="pill" :class="d.govt_school==='No'?'on':''">
                            <input type="radio" name="govt_school" value="No"
                                   x-model="d.govt_school" @change="ce('govt_school');track()" class="d-none"/>
                            <i class="fa-solid fa-xmark fa-xs" x-show="d.govt_school==='No'"></i>
                            <span>No</span>
                        </label>
                    </div>
                    <div x-show="e.govt_school" class="err-txt mt-1">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.govt_school"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="sec-card th-teal">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-users"></i></div>
            <span class="sec-title">Parent & Personal Details</span>
        </div>
        <div class="sec-body">
            <div class="row g-3">

<div class="col-sm-8">
                    <label class="fi-label">Father's Name <span class="text-danger">*</span></label>
                    <input class="fi" :class="e.father_name?'err':''" type="text"
                           name="father_name" placeholder="Father's full name"
                           @input="ce('father_name');track()" x-model="d.father_name"/>
                    <div x-show="e.father_name" class="err-txt">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.father_name"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">EMIS No.</label>
                    <input class="fi" type="text" name="emis_no" placeholder="EMIS number" maxlength="12"/>
                </div>

<div class="col-sm-4">
                    <label class="fi-label">Medium <span class="text-danger">*</span></label>
                    <div class="pill-wrap mt-1">
                        <label class="pill" :class="d.medium==='Tamil'?'on-teal':''">
                            <input type="radio" name="medium" value="Tamil"
                                   x-model="d.medium" @change="ce('medium');track()" class="d-none"/>
                            <span>Tamil</span>
                        </label>
                        <label class="pill" :class="d.medium==='English'?'on-teal':''">
                            <input type="radio" name="medium" value="English"
                                   x-model="d.medium" @change="ce('medium');track()" class="d-none"/>
                            <span>English</span>
                        </label>
                    </div>
                    <div x-show="e.medium" class="err-txt mt-1">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.medium"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">Gender <span class="text-danger">*</span></label>
                    <div class="pill-wrap mt-1">
                        <label class="pill" :class="d.gender==='Male'?'on-teal':''">
                            <input type="radio" name="gender" value="Male"
                                   x-model="d.gender" @change="ce('gender');track()" class="d-none"/>
                            <i class="fa-solid fa-mars fa-xs" x-show="d.gender==='Male'"></i>
                            <span>Male</span>
                        </label>
                        <label class="pill" :class="d.gender==='Female'?'on-teal':''">
                            <input type="radio" name="gender" value="Female"
                                   x-model="d.gender" @change="ce('gender');track()" class="d-none"/>
                            <i class="fa-solid fa-venus fa-xs" x-show="d.gender==='Female'"></i>
                            <span>Female</span>
                        </label>
                    </div>
                    <div x-show="e.gender" class="err-txt mt-1">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.gender"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">First Graduate</label>
                    <div class="pill-wrap mt-1">
                        <label class="pill" :class="d.first_graduate==='Yes'?'on-teal':''">
                            <input type="radio" name="first_graduate" value="Yes"
                                   x-model="d.first_graduate" class="d-none"/>
                            <span>Yes</span>
                        </label>
                        <label class="pill" :class="d.first_graduate==='No'?'on-teal':''">
                            <input type="radio" name="first_graduate" value="No"
                                   x-model="d.first_graduate" class="d-none"/>
                            <span>No</span>
                        </label>
                    </div>
                </div>

<div class="col-sm-4">
                    <label class="fi-label">Student's Mobile <span class="text-danger">*</span></label>
                    <div class="fi-icon-wrap">
                        <i class="fa-solid fa-phone fi-ico"></i>
                        <input class="fi" :class="e.student_mobile?'err':''" type="tel"
                               name="student_mobile" placeholder="10-digit number" maxlength="10"
                               @input="vmobile('student_mobile');track()" x-model="d.student_mobile"/>
                    </div>
                    <div x-show="e.student_mobile" class="err-txt">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.student_mobile"></span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">Parent's Mobile</label>
                    <div class="fi-icon-wrap">
                        <i class="fa-solid fa-phone fi-ico"></i>
                        <input class="fi" type="tel" name="parent_mobile"
                               placeholder="10-digit number" maxlength="10"/>
                    </div>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">E-Mail ID</label>
                    <div class="fi-icon-wrap">
                        <i class="fa-solid fa-envelope fi-ico"></i>
                        <input class="fi" :class="e.email?'err':''" type="email"
                               name="email" placeholder="student@email.com"
                               @input="ce('email');track()" x-model="d.email"/>
                    </div>
                    <div x-show="e.email" class="err-txt">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.email"></span>
                    </div>
                </div>

<div class="col-sm-6">
                    <label class="fi-label">Community <span class="text-danger">*</span></label>
                    <div class="pill-wrap mt-1">
                        <template x-for="c in ['OC','BC','MBC/DNC','SC/ST','SCA','BCM']" :key="c">
                            <label class="pill" :class="d.community===c?'on-teal':''">
                                <input type="radio" name="community" :value="c"
                                       x-model="d.community" @change="ce('community');track()" class="d-none"/>
                                <span x-text="c"></span>
                            </label>
                        </template>
                    </div>
                    <div x-show="e.community" class="err-txt mt-1">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.community"></span>
                    </div>
                </div>
                <div class="col-sm-3">
                    <label class="fi-label">Aadhaar No.</label>
                    <div class="fi-icon-wrap">
                        <i class="fa-solid fa-fingerprint fi-ico"></i>
                        <input class="fi" type="text" name="aadhaar_no"
                               placeholder="xxxx xxxx xxxx" maxlength="14"
                               @input="fmtAadhaar($event)"/>
                    </div>
                </div>
                <div class="col-sm-3"></div>

<div class="col-sm-3">
                    <label class="fi-label">Door No.</label>
                    <input class="fi" type="text" name="door_no" placeholder="e.g. 12/A"/>
                </div>
                <div class="col-sm-5">
                    <label class="fi-label">Street</label>
                    <input class="fi" type="text" name="street" placeholder="Street / Nagar / Colony"/>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">Town / Village</label>
                    <input class="fi" type="text" name="town" placeholder="Town or Village"/>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">District</label>
                    <input class="fi" type="text" name="district" placeholder="District"/>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">State</label>
                    <input class="fi" type="text" name="state" placeholder="State" value="Tamil Nadu"/>
                </div>
                <div class="col-sm-4">
                    <label class="fi-label">Pincode</label>
                    <div class="fi-icon-wrap">
                        <i class="fa-solid fa-location-dot fi-ico"></i>
                        <input class="fi" type="text" name="pincode"
                               placeholder="6-digit pincode" maxlength="6"/>
                    </div>
                </div>

</div>
        </div>
    </div>

<div class="sec-card th-violet">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-book-open-reader"></i></div>
            <span class="sec-title">Academic Details</span>
        </div>
        <div class="sec-body">
            <div class="row g-3">

<div class="col-12">
                    <label class="fi-label">Qualification Type <span class="text-danger">*</span></label>
                    <div class="qual-switcher mt-1">
                        <label class="qual-tab" :class="d.qual_type==='HSC'?'active':''">
                            <input type="radio" name="qual_type" value="HSC"
                                   x-model="d.qual_type" @change="onGroup();ce('qual_type');track()" class="d-none"/>
                            <i class="fa-solid fa-graduation-cap"></i>
                            HSC (+2)
                        </label>
                        <div class="qual-divider"></div>
                        <label class="qual-tab" :class="d.qual_type==='Diploma'?'active':''">
                            <input type="radio" name="qual_type" value="Diploma"
                                   x-model="d.qual_type" @change="onGroup();ce('qual_type');track()" class="d-none"/>
                            <i class="fa-solid fa-certificate"></i>
                            Diploma / Polytechnic
                        </label>
                    </div>
                </div>

<div class="col-6 col-sm-3">
                    <label class="fi-label">Date of Birth <span class="text-danger">*</span></label>
                    <input class="fi" :class="e.dob?'err':''" type="date"
                           name="dob" x-model="d.dob" @change="ce('dob');track()"/>
                    <div x-show="e.dob" class="err-txt">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.dob"></span>
                    </div>
                </div>
                <div class="col-6 col-sm-3">
                    <label class="fi-label">SSLC (10<sup>th</sup>) Total Marks</label>
                    <input class="fi" type="number" name="sslc_marks"
                           placeholder="e.g. 373" min="0" max="600"/>
                </div>

<template x-if="d.qual_type==='HSC' || d.qual_type===''">
                <div class="col-12">
                <div class="row g-3">
                    <div class="col-12">
                        <label class="fi-label">Group <span class="text-danger">*</span></label>
                        <div class="pill-wrap mt-1" style="align-items:center;">
                            <label class="pill" :class="d.group==='Bio-Maths'?'on-violet':''">
                                <input type="radio" name="group" value="Bio-Maths"
                                       x-model="d.group" @change="onGroup();ce('group');track()" class="d-none"/>
                                <i class="fa-solid fa-dna fa-xs" x-show="d.group==='Bio-Maths'"></i>
                                Bio-Maths
                            </label>
                            <label class="pill" :class="d.group==='Computer-Maths'?'on-violet':''">
                                <input type="radio" name="group" value="Computer-Maths"
                                       x-model="d.group" @change="onGroup();ce('group');track()" class="d-none"/>
                                <i class="fa-solid fa-laptop-code fa-xs" x-show="d.group==='Computer-Maths'"></i>
                                Computer-Maths
                            </label>
                            <label class="pill" :class="d.group==='Vocational'?'on-violet':''">
                                <input type="radio" name="group" value="Vocational"
                                       x-model="d.group" @change="onGroup();ce('group');track()" class="d-none"/>
                                <i class="fa-solid fa-screwdriver-wrench fa-xs" x-show="d.group==='Vocational'"></i>
                                Vocational
                            </label>
                            <div x-show="d.group==='Vocational'" x-transition class="d-flex align-items-center gap-2 ms-1">
                                <span style="font-size:.75rem;color:#64748b;">Subject:</span>
                                <input class="fi" style="width:160px;" type="text"
                                       name="vocational_subject" placeholder="Specify subject"/>
                            </div>
                        </div>
                        <div x-show="e.group" class="err-txt mt-1">
                            <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.group"></span>
                        </div>
                    </div>
                    <div class="col-6 col-sm-4">
                        <label class="fi-label">+2 Register No.</label>
                        <input class="fi" type="text" name="reg_no" placeholder="Register number"/>
                    </div>
                </div>
                </div>
                </template>

<template x-if="d.qual_type==='Diploma'">
                <div class="col-12">
                <div class="row g-3">
                    <div class="col-sm-6">
                        <label class="fi-label">Diploma Branch / Course <span class="text-danger">*</span></label>
                        <input class="fi" type="text" name="poly_group"
                               placeholder="e.g. Civil Engineering, Mechanical…"
                               x-model="d.poly_group" @input="track()"/>
                    </div>
                    <div class="col-sm-2 col-6">
                        <label class="fi-label">Obtained Marks</label>
                        <input class="fi" type="number" name="dip_obtained"
                               placeholder="e.g. 850" min="0"
                               x-model="d.dip_obtained"
                               @input="calcDip()"/>
                    </div>
                    <div class="col-sm-2 col-6">
                        <label class="fi-label">Total Marks</label>
                        <input class="fi" type="number" name="dip_total"
                               placeholder="e.g. 1000" min="1"
                               x-model="d.dip_total"
                               @input="calcDip()"/>
                    </div>
                    <div class="col-sm-2 col-6">
                        <label class="fi-label">Percentage</label>
                        <div class="fi-icon-wrap">
                            <input class="fi" type="text" readonly
                                   x-model="d.dip_pct" placeholder="Auto"
                                   style="padding-right:1.8rem;background:#f4f6ff;"/>
                            <span style="position:absolute;right:.7rem;top:50%;transform:translateY(-50%);
                                         font-size:.75rem;color:#94a3b8;">%</span>
                        </div>
                    </div>
                    <div class="col-sm-4 col-6">
                        <label class="fi-label">Register No.</label>
                        <input class="fi" type="text" name="reg_no" placeholder="Diploma register number"/>
                    </div>
                </div>
                </div>
                </template>

</div>
        </div>
    </div>

<div class="sec-card th-amber" x-show="d.group!==''"
         x-transition:enter="transition ease-out duration-300"
         x-transition:enter-start="opacity-0"
         x-transition:enter-end="opacity-100">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-calculator"></i></div>
            <span class="sec-title">HSC (+2) Subject Marks</span>
            <span class="ms-auto badge rounded-pill"
                  style="background:#fef3c7;color:#92400e;font-size:.68rem;font-weight:700;"
                  x-text="d.group"></span>
        </div>
        <div class="sec-body">
            <div class="row g-3 mb-3">
                <template x-for="s in subjects" :key="s.key">
                    <div class="col-6 col-sm-3">
                        <label class="fi-label" x-text="s.label"></label>
                        <div class="fi-icon-wrap">
                            <input type="number" :name="s.key" class="fi"
                                   placeholder="0" min="0" max="100" step="0.01"
                                   x-model="m[s.key]" @input="calc();track()"
                                   style="padding-right:2.4rem;"/>
                            <span style="position:absolute;right:.65rem;top:50%;transform:translateY(-50%);
                                         font-size:.65rem;color:#94a3b8;font-weight:600;">/100</span>
                        </div>
                    </div>
                </template>
            </div>

<div class="row g-3">
                <div class="col-sm-4">
                    <div class="res-box" style="border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#e0f2fe);">
                        <div class="res-lbl" style="color:#3b82f6;">HSC Total</div>
                        <div class="res-val" style="color:#1e3a8a;" x-text="r.total||'—'"></div>
                        <div class="res-sub" x-text="r.total ? '/ '+(subjects.length*100)+' marks':''"></div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="res-box" style="border-color:#a7f3d0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);">
                        <div class="res-lbl" style="color:#059669;">Percentage</div>
                        <div class="res-val" style="color:#065f46;" x-text="r.pct ? r.pct+'%':'—'"></div>
                        <div class="res-sub">out of 100%</div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="res-box" style="border-color:#fecaca;background:linear-gradient(135deg,#fff1f2,#fef2f2);">
                        <div class="res-lbl" style="color:#e11d48;">Anna Univ. Cutoff</div>
                        <div class="res-val" style="color:#9f1239;" x-text="r.cutoff||'—'"></div>
                        <div class="res-sub">out of 200</div>
                    </div>
                </div>
            </div>

<div class="d-flex align-items-start gap-2 mt-3 p-3 rounded-3"
                 style="background:#fffbeb;border:1.5px solid #fde68a;">
                <i class="fa-solid fa-function mt-1 flex-shrink-0" style="color:#d97706;font-size:.8rem;"></i>
                <div>
                    <div style="font-size:.7rem;font-weight:700;color:#92400e;margin-bottom:2px;">Cutoff Formula</div>
                    <div style="font-size:.78rem;color:#78350f;" x-text="formula"></div>
                </div>
            </div>

<div class="sec-card th-rose">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-sitemap"></i></div>
            <span class="sec-title">Interested Engineering Branch (Preference)</span>
            <span class="ms-auto" style="font-size:.72rem;font-weight:700;color:#e11d48;"
                  x-text="branches.filter(b=>b.sel).length+' selected'"></span>
        </div>
        <div class="sec-body">
            <p style="font-size:.75rem;color:#64748b;margin-bottom:14px;">
                Click to select preferred branch(es). Multiple selections allowed.
            </p>
            <div class="br-grid">
                <template x-for="b in branches" :key="b.code">
                    <div class="br-card" :class="b.sel?'on':''" @click="b.sel=!b.sel;track()">
                        <input type="checkbox" :name="'br_'+b.code" :value="b.code"
                               x-model="b.sel" class="d-none"/>
                        <div class="br-ring" x-text="b.code"></div>
                        <div class="br-code" x-text="b.code"></div>
                        <div class="br-name" x-text="b.name"></div>
                    </div>
                </template>
            </div>
            <div x-show="e.branches" class="err-txt mt-2">
                <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.branches"></span>
            </div>
            <input type="hidden" name="selected_branches"
                   :value="branches.filter(b=>b.sel).map(b=>b.code).join(', ')"/>
        </div>
    </div>

<div class="sec-card th-slate">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-pen-nib"></i></div>
            <span class="sec-title">Declaration</span>
        </div>
        <div class="sec-body">
            <p style="font-size:.78rem;color:#64748b;border-left:3px solid #cbd5e1;
                      padding-left:12px;margin-bottom:16px;line-height:1.7;">
                I hereby declare that all the information furnished above is true and correct
                to the best of my knowledge and belief.
            </p>
            <div class="row g-3 mb-4">
                <div class="col-6 col-sm-3">
                    <label class="fi-label">Date</label>
                    <input class="fi" type="text" name="sign_date" readonly value="<?php echo $today;?>"/>
                </div>
                <div class="col-6 col-sm-3">
                    <label class="fi-label">Place</label>
                    <input class="fi" type="text" name="place" placeholder="City / Town"/>
                </div>
            </div>
            <div class="p-3 rounded-3" style="border:1.5px dashed #cbd5e1;">
                <div class="row text-center">
                    <div class="col-4">
                        <div style="height:48px;border-bottom:1px solid #94a3b8;margin-bottom:6px;"></div>
                        <div style="font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;">
                            Admission Incharge
                        </div>
                    </div>
                    <div class="col-4">
                        <div style="height:48px;border-bottom:1px solid #94a3b8;margin-bottom:6px;"></div>
                        <div style="font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;">
                            Office Use
                        </div>
                    </div>
                    <div class="col-4">
                        <div style="height:48px;border-bottom:1px solid #94a3b8;margin-bottom:6px;"></div>
                        <div style="font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;">
                            Principal
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="sec-card th-slate">
        <div class="sec-hd">
            <div class="sec-icon"><i class="fa-solid fa-shield-halved"></i></div>
            <span class="sec-title">Verification & Submit</span>
        </div>
        <div class="sec-body">
            <div class="row g-3 align-items-end mb-4">
                <div class="col-auto">
                    <label class="fi-label">Security Check <span class="text-danger">*</span></label>
                    <div class="d-flex align-items-center gap-2">
                        <div class="cap-box" x-text="cap.q"></div>
                        <button type="button" @click="genCap"
                                class="btn-outline px-2 py-2" title="Refresh" style="border-radius:9px;">
                            <i class="fa-solid fa-arrows-rotate fa-sm"></i>
                        </button>
                    </div>
                </div>
                <div class="col-auto">
                    <label class="fi-label">Your Answer <span class="text-danger">*</span></label>
                    <input class="fi" style="width:130px;" :class="e.cap?'err':''"
                           type="number" placeholder="= ?" @input="ce('cap')" x-model="cap.ans"/>
                    <div x-show="e.cap" class="err-txt">
                        <i class="fa-solid fa-circle-exclamation fa-xs"></i><span x-text="e.cap"></span>
                    </div>
                </div>
            </div>

<div class="d-none d-sm-flex align-items-center justify-content-between flex-wrap gap-3">
                <div class="d-flex gap-2">
                    <button type="button" @click="saveDraft" class="btn-outline">
                        <i class="fa-solid fa-floppy-disk fa-sm"></i> Save Draft
                    </button>
                    <button type="button" @click="resetForm()" class="btn-reset">
                        <i class="fa-solid fa-rotate-left fa-sm"></i> Reset
                    </button>
                </div>
                <button type="submit" class="btn-submit" :disabled="busy">
                    <span x-show="busy" class="spin"></span>
                    <i x-show="!busy" class="fa-solid fa-paper-plane fa-sm"></i>
                    <span x-text="busy?'Submitting…':'Submit Enquiry'"></span>
                </button>
            </div>

</div>
    </div>

</form>
    </div>

</div>

</div>
</div>
</div>

<div class="mob-bar d-md-none no-print" x-show="!submitted">
    <div class="d-flex gap-2">
        <button type="button" @click="saveDraft" x-data class="btn-outline flex-fill justify-content-center" style="font-size:.78rem;padding:.55rem;">
            <i class="fa-solid fa-floppy-disk fa-sm"></i> Draft
        </button>
        <button type="button" @click="resetForm()" x-data class="btn-reset flex-fill justify-content-center" style="font-size:.78rem;padding:.55rem;">
            <i class="fa-solid fa-rotate-left fa-sm"></i> Reset
        </button>
        <button type="button"
                onclick="document.getElementById('eForm').dispatchEvent(new Event('submit',{bubbles:true,cancelable:true}))"
                class="btn-submit flex-fill justify-content-center" style="font-size:.78rem;padding:.55rem;">
            <i class="fa-solid fa-paper-plane fa-sm"></i> Submit
        </button>
    </div>
</div>

<div class="mob-bar d-md-none no-print" x-show="submitted">
    <div class="d-flex gap-2">
        <a :href="'download_pdf.php?ref='+lastEnquiryNo" target="_blank"
           class="btn-pdf flex-fill justify-content-center" style="font-size:.78rem;padding:.55rem;">
            <i class="fa-solid fa-file-pdf fa-sm"></i> PDF
        </a>
        <button @click="printPage()" class="btn-print flex-fill justify-content-center" style="font-size:.82rem;padding:.6rem;">
            <i class="fa-solid fa-print fa-sm"></i> Print
        </button>
        <button @click="newEnquiry()" class="btn-outline flex-fill justify-content-center" style="font-size:.82rem;padding:.6rem;">
            <i class="fa-solid fa-plus fa-sm"></i> New
        </button>
    </div>
</div>

<footer class="no-print">

<div class="footer-bottom">
        <div class="footer-copyright">
            &copy; <?php echo date('Y');?> Renganayagi Varatharaj College of Engineering. All rights reserved.
        </div>
    </div>

</footer>

<button onclick="window.scrollTo({top:0,behavior:'smooth'})"
        class="no-print"
        style="position:fixed;right:16px;bottom:80px;z-index:999;width:40px;height:40px;border-radius:50%;
               background:linear-gradient(135deg,#1e2d8a,#0891b2);color:#fff;border:none;cursor:pointer;
               box-shadow:0 4px 14px rgba(19,29,92,.3);display:flex;align-items:center;justify-content:center;
               transition:all .18s;"
        title="Back to top">
    <i class="fa-solid fa-chevron-up fa-sm"></i>
</button>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<script src="js/app.js"></script>

</body>
</html>

Batal

⬅ rvceform 13 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁css	dir	—	2026-05-21 15:52	📂 Buka
📁img	dir	—	2026-05-21 15:52	📂 Buka
📁js	dir	—	2026-05-21 15:52	📂 Buka
📁logs	dir	—	2026-05-21 15:52	📂 Buka
📁vendor	dir	—	2026-05-21 15:52	📂 Buka
📋composer.json	json	63 B	2026-05-21 15:52	✏️ 👁️
📄composer.lock	lock	3.5 KB	2026-05-21 15:52	✏️ 👁️
📄composer.phar	phar	3.2 MB	2026-05-21 15:52	✏️ 👁️
🐘download_pdf.php	php	842 B	2026-05-21 15:52	✏️ 👁️
🐘generate_pdf.php	php	11.2 KB	2026-05-21 15:52	✏️ 👁️
🐘index.php	php	44.6 KB	2026-05-21 15:52	✏️ 👁️
🗜️rvceform.zip	zip	15.7 MB	2026-05-21 15:52	✏️ 👁️
🐘send_mail.php	php	28.7 KB	2026-05-21 15:52	✏️ 👁️

✏️ Rename