

<?php if(isset($dynamic)): ?>

    <?php $__env->startSection('title'); ?>
        <?php echo e($dynamic->title); ?>

    <?php $__env->stopSection(); ?>
    <?php $__env->startSection('meta_keywords'); ?>
        <?php echo e($dynamic->meta_keywords); ?>

    <?php $__env->stopSection(); ?>
    <?php $__env->startSection('meta_description'); ?>
        <?php echo e($dynamic->meta_description); ?>

    <?php $__env->stopSection(); ?>
    <?php if(isset($dynamic->image)): ?>)
        <?php $__env->startSection('share_image'); ?>
            assets/dynamic/meta/<?php echo e($dynamic->image); ?>

        <?php $__env->stopSection(); ?>
    <?php endif; ?>


    <?php $__env->startSection('additional'); ?>
        <?php echo $dynamic->additional; ?>

    <?php $__env->stopSection(); ?>

<?php endif; ?>

<?php $__env->startSection('content'); ?>
    <main>

        <div class="slider-area">
            <div class="slider-height2 slider-bg4 hero-overly d-flex align-items-center">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-xl-5 col-lg-6 col-md-6">
                            <div class="hero-caption hero-caption2">
                                <h2>Become a Volunteer</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <section class="volunteer sec-padd">
            <div class="container">
                <div class="feature-style-one">
                    <div class="row">
                        <div class="col-md-6 col-sm-12">
                            <div class="image">
                                <figure>
                                    <img src="<?php echo e(asset('assets/img/volunteer.jpg')); ?>" alt="">
                                </figure>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                            <div class="content-sec">
                                <div class="solve-area-content">
                                    <div class="section-title v2 text-left mb-1-9">
                                        <span class="sm-title">Volunteer</span>
                                        <h2 class="mb-0 h1">Ways to <span1 class="text-theme">Volunteer</span1>
                                        </h2>
                                    </div>
                                    <div class="text">
                                        <p>Humanity has designed several volunteering models to enable individuals get
                                            involved
                                            in community despite their time constraints. Volunteering is made easy as it
                                            caters
                                            to the individual’s interests and convenienc, time availability and location.
                                        </p>
                                    </div>
                                    <ul class="list-style-one">
                                        <li><span>Weekend Volunteering:</span> Spare a few hours on weekends. <br>This is
                                            ideal
                                            for professionals and college students.</li>
                                        <li><span>Weekday Volunteering:</span> Give few hours for 2-3 days during <br>the
                                            week.
                                            This is suitable for housewives and retirees.</li>
                                        <li><span>Humanity Vacation:</span> Volunteer every day for 1 month or <br>more.
                                            Typically, college students serve during their semester breaks.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-sec bg-1 p-4">
                    <div class="section-tittle text-center mb-60">
                        <h2>Become a <span1 class="text-theme"> Volunteer </span1>
                        </h2>
                    </div>

                    <div class="default-form-area">
                        <form id="contact-form" name="contact_form" class="default-form"
                            action="<?php echo e(url('volunteer')); ?>" method="post" enctype="multipart/form-data">
                            <?php echo csrf_field(); ?>
                            <div class="row">
                                <div class="col-md-6 col-sm-6 col-xs-12">

                                    <div class="default-form-bg">
                                        <div class="row clearfix w-100">
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                    <input type="text" name="name" class="form-control" value=""
                                                        placeholder="Your Name *" required="" aria-required="true">
                                                </div>
                                            </div>

											
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                    <input type="email" name="email" id="email" class="form-control required email"
                                                        value="" placeholder="Email Id *" required=""
                                                        aria-required="true">
                                                        <span id="emailError" style="color: red;"></span>

                                                </div>
                                            </div>

                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                    <input type="password" name="password" id="password" class="form-control required"
                                                        value="" placeholder="Password *" required=""
                                                        aria-required="true">
                                                        <span id="emailError" style="color: red;"></span>

                                                </div>
                                            </div>

                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                    <input type="text" name="Confirm_password" id="confirm_password" class="form-control required"
                                                        value="" placeholder="Confirm Password *" required=""
                                                        aria-required="true">
                                                        <span id="emailError" style="color: red;"></span>

                                                </div>
                                            </div>
											
                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                    <input type="text" name="phone" id="mobile" class="form-control" value=""
                                                        placeholder="Phone Number *">
                                                        <span id="mobileError" style="color: red;"></span>
                                                </div>
                                            </div>

											
                                            <div class="col-md-6 col-sm-6 col-xs-12">

                                                <div class="form-group">
                                                    <input type="text" name="qualification" class="form-control"
                                                        value="" placeholder="Qualification *" required=""
                                                        aria-required="true">
                                                </div>
                                            </div>
                                            

                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                    <label for="">DOB</label>
                                                    <input type="date" name="dob" class="form-control" value=""
                                                        placeholder="DOB *" required="" aria-required="true">
                                                </div>
                                            </div>

                                            <div class="col-md-6 col-sm-6 col-xs-12">
                                                <div class="form-group">
                                                    <label for="profile_image">Profile Image</label>
                                                    <input type="file" name="profile_image" id="profile_image" class="form-control" accept="image/*">
                                                </div>
                                            </div>

                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <input type="text" name="address" class="form-control" value=""
                                                        placeholder="Address (Including Postcode) *">
                                                </div>
                                            </div>
                                           



                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12">

                                    <div class="default-form-bg  al-ll">
                                        <div class="row clearfix w-100">

                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <textarea name="message" class="form-control textarea required" placeholder="Experience, Learing and Skills... *"
                                                        aria-required="true"></textarea>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group center">
                                    <button class="thm-btn" type="submit" data-loading-text="Please wait...">submit
                                        now</button>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </section>


    </main>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css">

      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
<script>
    var jq = jQuery.noConflict();
</script>
 <script>
        jq(document).ready(function() {
            jq("form").submit(function(event) {
                var email = jq("#email").val();
                var mobile = jq("#mobile").val();
                var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
                var mobilePattern = /^[0-9]{10}$/;

                jq("#emailError").text("");
                jq("#mobileError").text("");

                if (!emailPattern.test(email)) {
                    event.preventDefault();
                    jq("#emailError").text("Invalid email format");
                }

                if (!mobilePattern.test(mobile)) {
                    event.preventDefault();
                    jq("#mobileError").text("Invalid mobile number format");
                }
            });
        });
    </script>

    
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\xampp\htdocs\gmm\resources\views/volunteer.blade.php ENDPATH**/ ?>