<?php include 'header.php';?>
        
        <!--Start Page Header-->
        <section class="page-header">
            <div class="page-header__bg" style="background-image: url(assets/images/backgrounds/page-header-bg.jpg)">
            </div>
            <div class="shape1 float-bob-x"><img src="assets/images/shapes/page-header-shape1.png" alt=""></div>
            <div class="shape2"><img src="assets/images/shapes/page-header-shape2.png" alt=""></div>
            <div class="container">
                <div class="page-header__inner">
                    <h2> Scholarships</h2>
                    <ul class="thm-breadcrumb wow fadeInUp" data-wow-duration="1500ms">
                        <li><a href="index.html">Home</a></li>
                        <li>/</li>
                        <li>Scholarships</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--End Page Header-->

        <!--Start Become Volunteer Page-->
        <section class="become-volunteer-page">
            <div class="container">
                <div class="row">
                    <!--Start Become Volunteer Page Content-->
                   <div class="col-xl-7">
                    <div class="become-volunteer-page__content">
                        <div class="become-volunteer-page__content-text1">
                            <h2>Scholarship Support</h2>
                        </div>

                        <div class="become-volunteer-page__content-text2">
                     <!--   <div class="img-box">
                                <img src="assets/images/resources/become-volunteer-page-img1.jpg" alt="">
                            </div> -->
                            <p>At Itanagar Diocesan Empowerment Association (IDEA), we believe that every child deserves an equal opportunity to learn, grow, and lead — regardless of financial barriers. </p>

                            <div class="become-volunteer-page__content-text2-quote">
                                <p>Each scholarship represents more than financial help — it’s a bridge to confidence, self-worth, and social mobility. Through this initiative, IDEA continues to nurture young minds who will shape a more educated, equitable, and compassionate society.</p>
                            </div>

                            <div class="sec-title">
                                <div class="sec-title__tagline">
                                    <div class="left-line"></div>
                                    <div class="text">
                                        <h4>You can partner with IDEA</h4>
                                    </div>
                                </div>
                            </div>

                            <ul class="become-volunteer-page__content-text2-list">
                                <li><p>Sponsor a student’s education</p></li>
                                <li><p>Contribute to the Scholarship Fund</p></li>
                                <li><p>Collaborate with us to create institutional or memorial scholarships</p></li>
                            </ul>

                            <p style="padding-top: 10px;">Together, we can keep doors of learning open for every child who dreams big.</p>
                        </div>

                        <!--Start Scholarships Offered Section-->
                        <div class="scholarships-offered" style="margin-top:40px;">
                            <div class="sec-title">
                                <div class="sec-title__tagline">
                                    <div class="left-line"></div>
                                    <div class="text">
                                        <h4>Scholarships Offered</h4>
                                    </div>
                                </div>
                            </div>

                            <div class="row" style="gap:20px;">
                                <!--Scholarship 1-->
                                <div class="col-md-12">
                                    <div class="scholarship-card" style="border:1px solid #e0e0e0; padding:20px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.08); background:#fff;">
                                        <h4 style="font-weight:600;">IDEA Merit Scholarship</h4>
                                        <p>For students demonstrating academic excellence and leadership in their community.</p>
                                        <a href="assets/docs/IDEA_Merit_Scholarship.pdf" target="_blank" class="thm-btn" style="margin-top:10px; display:inline-block;">View Details <span class="icon-diagonal-arrow1"></span></a>
                                    </div>
                                </div>

                                <!--Scholarship 2-->
                                <div class="col-md-12">
                                    <div class="scholarship-card" style="border:1px solid #e0e0e0; padding:20px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.08); background:#fff;">
                                        <h4 style="font-weight:600;">IDEA Empowerment Scholarship</h4>
                                        <p>Supports students from economically weaker sections to pursue higher or technical education.</p>
                                        <a href="assets/docs/IDEA_Empowerment_Scholarship.pdf" target="_blank" class="thm-btn" style="margin-top:10px; display:inline-block;">View Details <span class="icon-diagonal-arrow1"></span></a>
                                    </div>
                                </div>



                                <!--Scholarship 3-->
                                <div class="col-md-12">
                                    <div class="scholarship-card" style="border:1px solid #e0e0e0; padding:20px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.08); background:#fff;">
                                        <h4 style="font-weight:600;">IDEA Tribal Student Scholarship</h4>
                                        <p>Dedicated to supporting tribal and rural students in continuing their education journey.</p>
                                        <a href="assets/docs/IDEA_Tribal_Student_Scholarship.pdf" target="_blank" class="thm-btn" style="margin-top:10px; display:inline-block;">View Details <span class="icon-diagonal-arrow1"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Scholarships Offered Section-->

                    </div>
                </div>

                    <!--End Become Volunteer Page Content-->

                    <!--Start Become Volunteer Page Form-->
                    <div class="col-xl-5">
    <div class="become-volunteer-page__form">
        <h3 style="margin-bottom: 20px;">Apply for a Scholarship</h3>
        <form action="https://starplatethemes.com/php/donatix/assets/inc/sendemail.php" 
              class="comment-one__form contact-form-validated" novalidate="novalidate">
            
            <div class="row">
                <!-- Full Name -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <input type="text" placeholder="Full Name" name="name" required>
                    </div>
                </div>

                <!-- Email -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <input type="email" placeholder="Email Address" name="email" required>
                    </div>
                </div>

                <!-- Phone -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <input type="text" placeholder="Phone Number" name="phone" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Address -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <input type="text" placeholder="Residential Address" name="address" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Scholarship Type -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <div class="select-box">
                            <select class="selectmenu wide" name="scholarship_type" required>
                                <option selected="selected">Select Scholarship</option>
                                <option>IDEA Merit Scholarship</option>
                                <option>IDEA Empowerment Scholarship</option>
                                <option>IDEA Tribal Student Scholarship</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Education Level -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <input type="text" placeholder="Current Education Level (e.g., Class 10, Degree, etc.)" name="education_level" required>
                    </div>
                </div>

                <!-- Institution Name -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <input type="text" placeholder="Name of Institution" name="institution" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Family Income -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <input type="text" placeholder="Annual Family Income (in ₹)" name="income" required>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Purpose/Reason -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box text-message-box">
                        <textarea name="reason" placeholder="Briefly explain why you are applying for this scholarship" required></textarea>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Upload Documents -->
                <div class="col-xl-12">
                    <div class="comment-form__input-box">
                        <label for="document" style="font-size:14px; color:#333;">Upload Supporting Documents (Marklist / Income Proof)</label>
                        <input type="file" name="document" accept=".pdf,.jpg,.jpeg,.png" required 
                               style="border: 1px solid #e0e0e0; border-radius: 6px; padding: 8px; width: 100%;">
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Submit Button -->
                <div class="col-xl-12">
                    <div class="comment-form__btn-box">
                        <button type="submit" class="thm-btn comment-form__btn">
                            Submit Application <span class="icon-diagonal-arrow1"></span>
                        </button>
                    </div>
                </div>
            </div>
        </form>
        <div class="result"></div>
    </div>
</div>

                    <!--End Become Volunteer Page Form-->
                </div>
            </div>
        </section>
        <!--End Become Volunteer Page-->
        

<?php include 'footer.php';?>