{{-- <section class="event-sec pt-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-10 mx-auto">
                <div class="row">
                    <div class="col-lg-6">
                        <picture class="lazyLoad">
                            <source type="image/webp" data-srcset="{{ asset('images/event-banner/happy-holiday.webp') }}">
                            <source type="image/jpeg" data-srcset="{{ asset('images/event-banner/happy-holiday.png') }}">
                            <img data-srcset="{{ asset('images/event-banner/happy-holiday.png') }}" width="639" height="600" alt="happy holiday"
                                title="give away" loading="lazy" class="img-fluid">
                        </picture>
                    </div>
                    <div class="col-lg-5 offset-lg-1">
                        <div class="tashan-black-grey-gradient signup-bnr ms-0 p-3 rounded-3 w-100 shadow mb-3 ">
                            
                                
                                <form id="holiday-form" class="w-text-placeholder">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="hidden" name="requestform1" value="{{ url()->current() }}" id="pagename">
        
                                    <div class="mb-3">
                                        <input type="text" class="custom-input form-control" id="holiday_name" placeholder="Name" name="holiday_name">
                                        <small class="lh-1 error-text error-message-alignment" id="holiday_name_err"></small>
                                    </div>
        
                                    <div class="mb-3">
                                        <input type="text" id="holiday_phone_number" class="form-control" placeholder="Phone Number" name="holiday_phone_number">
                                        <small class="lh-1 error-text  error-message-alignment" id="holiday_phone_number_err"></small>
                                    </div>
        
                                    <div id="captchaBackground2" class="cpacha-ref d-flex justify-content-between">
                                        <div id="captcha2" class="flaot-start border rounded-2 mb-2 float-start me-2"><img src="{{ URL::to('/captcha')}}" id="imgcaptcha1" class="img-fluid captchaImage" width="120" height="30" alt="CAPTCHA"></div>
                                        <input id="textBox2" type="text" class="form-control float-start p-2 me-2" name="holiday_captcha" placeholder="Code">
                                        <button id="1" type="button" class="tashan-bg-red border-0 p-1 rounded refresh_captcha">
                                            <svg width="25px" height="25px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#fff" class="bi bi-arrow-repeat" stroke="#fff" stroke-width="0.00016"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"></path> <path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"></path> </g></svg>
                                        </button>
                                        <!-- <span id="output2" class="text-danger fs-small"></span>
                                        -->   
                                    </div>
                                    <small class="lh-1 error-text captcha_err error-message-alignment d-block mt-2" id="holiday_captcha_err"></small>
                                    <div class="mb-3 text-end">
                                        <button class="bnr-btn hover-yg-color rounded-3 border-0 text-black tashan-yellow-title-gradient py-1 px-3 fs-6" type="submit" id="holidaysubmit-btn">Submit</button>
                                    </div>
                                </form>
                        </div>
                        <div class="event-form-b-content text-center">
                            <h5 class="text-white text-uppercase fs-4">Fill out the form to enter!</h5>
                            <h6 class="text-white bn-from-title px-md-5 px-2 py-2 rounded-3 bg-black text-center d-inline-block fs-4">
                                <strong class="tashan-yellow"> HURRY, </strong> The Clock’s Ticking!
                            </h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>  


<script>
        
        $("#holidaysubmit-btn").click(function(e) {
                    e.preventDefault()
                    var _token = $("input[name='_token']").val();
                    var holiday_name = $("input[name='holiday_name']").val();
                    var holiday_phone_number = $("input[name='holiday_phone_number']").val();
                    var holiday_captcha = $("input[name='holiday_captcha']").val();
                    var requestform1 = $("input[name='requestform1']").val();
                    $.ajax({
                        url: "/holidayformcallback",
                        type: 'POST',
                        data: {
                            _token: _token,
                            holiday_name: holiday_name,
                            holiday_phone_number: holiday_phone_number,
                            holiday_captcha: holiday_captcha,
                            requestform1: requestform1
                        },
                        success: function(data) {
                            var currentForm = $(e.target).closest('form');
                            currentForm.find('.refresh_captcha').trigger("click"); 
                            if ($.isEmptyObject(data.error)) {
                                $("#form-2")[0].reset();
                                $(".error-text").html(""); 
                                window.location.href = '/thankyou';
                            } else {
                                $(".error-text").html("");
                                $.each(data.error, function(key, value) {
                                    $("#" + key + "_err").html(value);
                                });
                            }
                        }
                    });
    
                });
    
        </script> --}}