---
import Layout from "../layouts/Layout.astro";
import ContactForm from "../components/ContactForm.vue";
---

<Layout title="Holy Wisdom Public School - Admission">
    <main>
        <div class="pb-16">
            <section class="container-fluid gradintBack">
                <div
                    class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center gap-4"
                >
                    <div class="w-full">
                        <img
                            class="lg:max-w-3xl"
                            src="public/img/school-image-3.png"
                            alt=""
                        />
                    </div>
                    <div class="flex flex-col w-full">
                        <h1
                            class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
                        >
                            Admission
                        </h1>
                        <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">
                            Discovering Bright Beginnings: Holywisdom's Engaging
                            Preschool Curriculum
                        </h2>
                        <h3 class="text-xl text-justify pb-4">
                            Thoughtfully structured and tiered learning
                            resources, influenced by Maria Montessori's
                            principles, tailored to highlight your expertise as
                            an educator. Meticulously designed for seamless
                            integration in both conventional classrooms and
                            homeschooling settings.
                        </h3>
                        <div class="flex flex-row place-content-between">
                        
                              <button
                                onclick="formModal.showModal();"
                                class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
                                >Get in Touch</button
                            >
                            <p class="text-base xl:text-lg font-bold">Or</p>
                            <a
                                href="/assets/admission-form.pdf" download
                                class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
                                >Download Form</a
                            >
                        </div>
                    </div>
                </div>
            </section>
            <section class="flex justify-center">
                <h1 class="text-2xl text-[#3084b5]">
                    Admission Procedure (English Medium, I.C.S.E. Curriculam)
                </h1>
            </section>
            <section class="flex justify-center">
                <h3 class="text-2xl">Day Division : 11.15 a.m. to 03.30 p.m</h3>
            </section>
            <section class="container mx-auto px-4 pt-16">
                <h3 class="text-2xl">Age limit for admission in different categories <hr></h3>
                <table class="table">
                    <thead>
                        <tr>
                            <th class="header">Class</th>
                            <th class="header">Age</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Nursery</td>
                            <td>3 years to 4 years</td>
                        </tr>
                        <tr>
                            <td>KG-1</td>
                            <td>4 years to 5 years</td>
                        </tr>
                        <tr>
                            <td>KG-2</td>
                            <td>5 years to 6 years</td>
                        </tr>
                        <tr>
                            <td>Standard-1</td>
                            <td>From 6 years</td>
                        </tr>
                        <tr>
                            <td>Standard-2</td>
                            <td>From 7 years</td>
                        </tr>
                        <tr>
                            <td>Standard-3</td>
                            <td>From 8 years</td>
                        </tr>
                        <tr>
                            <td>Standard-4</td>
                            <td>From 9 years</td>
                        </tr>
                    </tbody>
                </table>




                <div class="flex flex-col space-y-3 mt-6">
                    <p class="text-justify">1. Application for admission should be made in the prescribed form available along with the prospectus issued as per the school notice during the month of September to December.</p>
                    <p class="text-justify">2. Information regarding admission will be available on the school notice board and from the school office.</p>

                    <p class="text-justify">3. Admission will be carried out for the playgroup, pre-nursery / nursery class one “First come first serve basis” for candidates fulfilling the basic criteria.</p>

                    <p class="text-justify">
                        4.All information provided in the form should be accurate
                        and no subsequent change will be permitted.
                    </p>

                    <p class="text-justify">
                        Furnishing of inaccurate information will lead to rejection
                        of the Application form. The eligibility age for admission
                        to class Pre-Nursery 3+ years and that of Nursery is 4+
                        years of age on the first day of the academic year for which
                        admission is being sought.
                    </p>

                    <p class="text-justify">
                        5. Vacancies for other classes will be held during before
                        after the commencement of new session. Short listed
                        candidates will be called for interview and admission test
                    </p>

                    <p class="text-justify">
                        6. Admission requirement contain the date of birth of the
                        child along with the admission form copies must be submitted
                    </p>
                    <p class="text-justify">
                        7. One passport size photo of child to be given along with
                        the form. With necessary attachment should be dropped into
                        the school submission box as per the dates notified.
                    </p>
                    <p class="text-justify">
                        8. Candidates selected for admission will be notified.
                    </p>
                    <p class="text-justify">
                        9. The school reserves the right to reject any application
                        without giving any reasons.
                    </p>
                </div>
            
                
                <h1 class="text-xl md:text-3xl pt-2">Working Days <hr></h1>
                <h2>Monday to Friday 11.00 a.m. to 3.30 p.m</h2>
                <p>Saturday and Sunday are holidays and all Government’s holidays mention on School Diary</p>

                <h1 class="text-xl md:text-3xl mt-6">Working Hours <hr></h1>
                <p>
                    The office is open for work from 9 a.m. to 3.30 p.m. Tuition
                    Fees must be paid by 25th of each month, if not—
                </p>
                <li>
                    Afte 25th of month you will have to pay an additional 100
                    rupees and tuition fees.
                </li>
                <li>
                    275 rupees additional to pay after two months with tuition
                    fees
                </li>
                <li>
                    If three months have passed, you have to pay the fees by
                    paing 1000 rupees again.
                </li>
             
                <div class="container">
                    <span class="en">English</span>
                    <input type="checkbox" class="check" />
                    <span class="bn">Bangla</span>
                    <div class="content contentEnglish flex flex-col space-y-3">
                        <h1 class="text-xl md:text-3xl">Overall School Facilitties</h1>

                        <li>I.C.S.E. based Curriculam</li>
                        <li>
                            Research based pedagogy and teaching methodology.
                        </li>
                        <li>Pearson Books.</li>
                        <li>
                            Classrooms equipped with state of the art technology
                            and Smart classes
                        </li>

                        <li>Small batch for each class.</li>
                        <li>
                            Competent and qualified teachers as per I.C.S.E.
                            guidelines.
                        </li>
                        <li>
                            Separate and Dedicated attendant for Junior Section.
                        </li>
                        <li>
                            Day boarding, Day care and Tuition Facilities
                            available.
                        </li>
                        <li>
                            Complimentary hygienic food to be served to students
                            in School Canteen.
                        </li>

                        <li>
                            Separate washrooms for boys and girls and staff in
                            all floors.
                        </li>
                        <li>
                            Well equipped infirmary with additional doctor on
                            call facility.
                        </li>
                        <li>CCTV Surveillance in entire School Campus.</li>
                        <li>Biometric Attendance System.</li>
                        <li>School pool car with GPS tracking enabled</li>
                        <li>Art a
                        <li>Training of Students with Music and Dance</li>
                        <li>Well stocked Library.</li>
                        <li>Abacus Classes</li>
                        <li>Drama.</li>
                        <li>Self Defence Classes — Karate and Taekwondo.</li>
                    </div>
                    <div class="content contentBengla flex flex-col space-y-3">
                        <h1 class="text-xl md:text-3xl pt-2">
                            স্কুলের সামগ্রিক সুযোগ সুবিধা

                        </h1>
                        <br/>

                        <li>বাংলা ও ইংরেজী দুটি মাধ্যমের সুবিধা উপলব্ধ</li>
                        <li>গবেষণা ভিত্তিক শিক্ষা ও শিখন পদ্ধতি</li>
                        <li>অত্যাধুনিক প্রযুক্তি ও স্মার্ট ক্লাসের সুযোগ</li>
                        <li>প্রতিটি শ্রেণীতে কমসংখ্যক ছাত্র ছাত্রী</li>

                        <li>
                            সরকারের নির্দেশনা অনুযায়ী ট্রেনিং প্রাপ্ত
                            শিক্ষক শিক্ষিকা
                        </li>
                        <li>ছোট বাচ্চাদের দেখাশোনার জন্য আলাদা দক্ষ কর্মী</li>
                        <li>
                            স্কুল থেকে স্বাস্থ্যকর ও গুণমান উন্নত খাবার পরিবেশন
                        </li>
                        <li>
                            প্রত্যেক ফ্লোরে ছাত্র ছাত্রীদের আলাদা এবং শিক্ষক
                            শিক্ষিকা ও স্টাফেদের আলাদা ওয়াশরুম
                        </li>
                        <li>
                            পুরো স্কুল ক্যাম্পাস সি সি টি ভি ক্যামেরার
                            নজরদারীর আওতাভুক্ত
                        </li>

                        <li>পুলকারেরর সুবিধা আছে</li>
                        <li>আর্ট এবং ক্রাফ্ট ক্লাস</li>
                        <li>ছাত্র ছাত্রীদের গান ও নাচ শেখানোর ক্লাস</li>
                        <li>উপযুক্ত গ্রন্থাগার</li>
                        <li>নাটক আবৃত্তির ক্লাস</li>
                    </div>
                </div>
                <!-- <h1 class="text-xl md:text-3xl mt-6">Fees Structure <hr></h1>
                <table class="table">
                    <thead>
                        <tr>
                            <th colspan="6" class=" header">Admission Fees</th>
                        </tr>
                        <tr>
                            <th class="header">Fees</th>
                            <th class="header">Frequency</th>
                            <th class="header">Class Nursery to Upper K.G.</th>
                            <th class="header">Class I to II</th>
                            <th class="header">Class III to IV</th>
                            <th class="header">Class V to VIII</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="">Admission Fees + Registration Fees</td>
                            <td>One Time</td>
                            <td>8,000 + 4,000</td>
                            <td>10,000 + 6,000</td>
                            <td>12,000 + 6,000</td>
                            <td>15,000 + 10,000</td>
                        </tr>
                        <tr>
                            <td>Session Fees</td>
                            <td>Annualy</td>
                            <td>6,000</td>
                            <td>8,000</td>
                            <td>8,000</td>
                            <td>10,000</td>
                        </tr>
                    </tbody>
                </table>

                <table class="table">
                    <thead>
                        <tr>
                            <th colspan="6" class=" header">Tuition Fees</th>
                        </tr>
                        <tr>
                            <th class="header">Class</th>
                            <th class="header">Monthly</th>
                            <th class="header">Quarterly</th>
                            <th class="header">Annualy</th>
                            <th class="header">Class III to IV</th>
                            <th class="header">Class V to VIII</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="">Admission Fees + Registration Fees</td>
                            <td>One Time</td>
                            <td>8,000 + 4,000</td>
                            <td>10,000 + 6,000</td>
                            <td>12,000 + 6,000</td>
                            <td>15,000 + 10,000</td>
                        </tr>
                        <tr>
                            <td>Session Fees</td>
                            <td>Annualy</td>
                            <td>6,000</td>
                            <td>8,000</td>
                            <td>8,000</td>
                            <td>10,000</td>
                        </tr>
                    </tbody>
                </table> -->
                <div class="my-6 flex flex-row">
                    <p class="animate-bounce text-4xl font-bold">&#10551;</p>

                    <p class="text-2xl font-bold"><a target="_blank" class="text-blue-700" href="/assets/admission-form.pdf" download>Click Here</a> to download admission form</p>
                </div>
            </section>
            <section class="container mx-auto">
                <div>
                    <dialog id="formModal" class="max-w-2xl rounded-xl">
                        <form method="dialog" class="">
							<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button>
                            <div class="">
								<ContactForm client:visible/>
							</div>
                        </form>
                    </dialog>
                </div>
            </section>
        </div>
    </main>
</Layout> 
<style>
    .gradintBack {
        background: linear-gradient(
            0deg,
            rgb(71, 174, 106) 0%,
            rgba(255, 255, 255) 40%
        );
    }
 

    .container{
        position: relative;
    }

    .container .content {
        display: none;
        margin-top: 20px;
    }
    .en{
        color: #333;
    }
    .bn{
        color: #00a1ff;
    }

    .container .content.contentEnglish {
        display: block;
    }

   .check {
        position: relative;
        width: 61px;
        height: 17px;
        margin-top: 30px;
    }

     .check:before {
        content: "";
        position: absolute;
        width: 60px;
        height: 25px;
        background: #333;
        border-radius: 25px;
    }

     .check:checked:before {
        background-color: #00a1ff;
    }

     .check:after {
        content: "";
        position: absolute;
        left: 0px;
        width: 25px;
        height: 25px;
        background: #fff;
        border-radius: 25px;
        transition: 0.25s;
        border: 2px solid #333;
        box-sizing: border-box;
    }

     .check:checked:after {
        left: 25px;
        border: 2px solid #00a1ff;
    }

    .check:checked ~ .content.contentEnglish {
        display: none;
    }

     .check:checked ~ .content.contentBengla {
        display: block;
    }
    .table {
        width: 100%;
        border-collapse: collapse;
    }
    .table, .table th, .table td {
        border: 1px solid black;
    }
    .table th, .table td {
        padding: 4px;
        text-align: left;
    }
    .header {
        background-color: #f2f2f2;
    }
</style>

 
