1#@!#!123s

: / home3 / encodto1 / cholobanglay.com /
Filename : offers.php
back
<?php include'style.php'; ?>
<body>
<?php include'header.php'; ?>

<section class="inner-banner">
    <div class="image-layer" style="background-image: url(images/background/banner-image-1.jpg);"></div>
    <div class="auto-container">
        <div class="inner">
            <div class="subtitle"><span>our offers</span></div>
            <div class="pattern-image"><img src="images/icons/separator.svg" alt="" title=""></div>
            <h1><span>Our Special Offers</span></h1>
        </div>
    </div>
</section>

<section class="news-section">
    <div class="auto-container">
        <div class="title-box centered">
            <h2>Special offers</h2>
        </div>
        <div class="row justify-content-center clearfix">
        <?php
        $post_query = mysqli_query($conn, "select * from posters");
        if($post_query-> num_rows > 0){
        while($post = mysqli_fetch_assoc($post_query)) { ?>
            <div class="news-block col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="inner-box wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms">
                    <div class="image-box">
                        <!-- <div class="date"><span>20% OFF</span></div> -->
                        <div class="image"><a href="#"><img src="admin/poster-images/<?php echo $post['poster_img']; ?>" alt=""></a></div>
                        <div class="over-content">
                            <!-- <div class="cat">healthy food</div> -->
                            <h4><a href="menu-list.html"><?php echo $post['poster_name']; ?></a></h4>
                        </div>
                    </div>
                </div>
            </div>
        <?php } } ?>

            <!-- <div class="news-block col-lg-3 col-md-4 col-sm-6 col-xs-12">
                <div class="inner-box wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
                    <div class="image-box">
                        <div class="date"><span>15% OFF</span></div>
                        <div class="image"><a href="#"><img src="images/resource/news-2.jpg" alt=""></a></div>
                        <div class="over-content">
                            <div class="cat">Food, flavour</div>
                            <h4><a href="menu-list.html">15% Off on Bengali Fish Thali</a></h4>
                            <p>Rice, Dal, 1 Fry of The Day, 1 Vegetable of The Day,Katla Fish,Chutney, Papad, Sweet</p>
                        </div>
                    </div>
                </div>
            </div> -->

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

<section class="booking_sec">
    <div class="booking_overlay">
        <div class="auto-container">
            <div class="row no-gutters">
                <div class="booking_col col-lg-7 col-md-6 col-sm-6 col-xs-12">
                    <div class="inner">
                        <div class="title">
                            <h2>Online Reservation</h2>
                            <div class="request-info">Booking request <a href="#">+91 94344 98494</a> or fill out the order form</div>
                        </div>
                        <div class="default-form reservation-form">
                            <form method="post" action="">
                                <div class="row clearfix">
                                    <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                        <div class="field-inner">
                                            <input type="text" id="customer_name" value="" placeholder="Your Name">
                                            <span class="error_field" id="name_error"></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                        <div class="field-inner">
                                            <input type="text" id="customer_phone" maxlength="10" placeholder="Phone Number">
                                            <span class="error_field" id="phone_error"></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                        <div class="field-inner">
                                            <input type="text" id="event_purpose" placeholder="purpose of booking">
                                            <span class="error_field" id="purpose_error"></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                        <div class="field-inner">
                                            <span class="alt-icon far fa-user"></span>
                                            <select class="l-icon" id="event_persons">
                                                <option value="">Select inviting Persons</option>
                                                <option value="1">1 Person</option>
                                                <option value="2">2 Person</option>
                                                <option value="3">3 Person</option>
                                                <option value="4">4 Person</option>
                                                <option value="5">5 Person</option>
                                                <option value="6">6 Person</option>
                                                <option value="8">8 Person</option>
                                                <option value="10">10 Person</option>
                                                <option value="12">12 Person</option>
                                                <option value="15">15 Person</option>
                                                <option value="20">20 Person</option>
                                            </select>
                                            <span class="arrow-icon far fa-angle-down"></span>
                                            <span class="error_field" id="person_error"></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                        <div class="field-inner">
                                            <span class="alt-icon far fa-calendar"></span>
                                            <input class="l-icon datepicker" type="text" id="event_date" placeholder="Event Date"  readonly>
                                            <span class="arrow-icon far fa-angle-down"></span>
                                            <span class="error_field" id="date_error"></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-12 col-sm-12">
                                        <div class="field-inner">
                                            <span class="alt-icon far fa-clock"></span>
                                            <select class="l-icon" id="event_time">
                                                <option value="">Select Booking Time</option>
                                                <option value="11am">11 : 00 am</option>
                                                <option value="12pm">12 : 00 pm</option>
                                                <option value="13pm">01 : 00 pm</option>
                                                <option value="14pm">02 : 00 pm</option>
                                                <option value="15pm">03 : 00 pm</option>
                                                <option value="16pm">04 : 00 pm</option>
                                                <option value="17pm">05 : 00 pm</option>
                                                <option value="18pm">06 : 00 pm</option>
                                                <option value="19pm">07 : 00 pm</option>
                                                <option value="20pm">08 : 00 pm</option>
                                                <option value="21pm">09 : 00 pm</option>
                                                <option value="22pm">10 : 00 pm</option>
                                            </select>
                                            <span class="arrow-icon far fa-angle-down"></span>
                                            <span class="error_field" id="time_error"></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                        <div class="field-inner">
                                            <textarea id="event_msg" placeholder="Message"></textarea>
                                            <span class="error_field" id="msg_error"></span>
                                        </div>
                                    </div>
                                    <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                        <div class="field-inner">
                                            <button type="button" class="theme-btn btn-style-one clearfix"  onclick="submit_reservation()">
                                                <span class="btn-wrap">
                                                    <span class="text-one">book a table</span>
                                                    <span class="text-two">book a table</span>
                                                </span>
                                            </button>
                                            
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-md-6 col-sm-6 col-xs-12">
                    <div class="booking_sideImg">
                        <img src="images/others/img01.jpg">
                    </div>
                </div>
            </div>
        </div>
    </div>
        
</section>

<?php include'footer.php'; ?>
<script>
function submit_reservation(){
    var name = $('#customer_name').val();
    var phone = $('#customer_phone').val();
    var persons = $('#event_persons').val();
    var purpose = $('#event_purpose').val();
    var date = $('#event_date').val();
    var time = $('#event_time').val();
    var message = $('#event_msg').val();

    $('.error_field').html('');
    var is_error = '';
    if(name==''){
        $('#name_error').html('Please Enter Full Name.').css("color","red");
        is_error = 'yes';
    }if(phone==''){
        $('#phone_error').html('Please Enter Phone Number.').css("color","red");
        is_error = 'yes';
    }if(persons==''){
        $('#person_error').html('Please Enter Number of Persons.').css("color","red");
        is_error = 'yes';
    }if(purpose==''){
        $('#purpose_error').html('Please Enter Purpose of Booking.').css("color","red");
        is_error = 'yes';
    }if(date==''){
        $('#date_error').html('Please Enter Date of Events.').css("color","red");
        is_error = 'yes';
    }if(time==''){
        $('#time_error').html('Please Enter Time of Events.').css("color","red");
        is_error = 'yes';
    }if(message==''){
        $('#msg_error').html('Please Enter Message.').css("color","red");
        is_error = 'yes';
    }
    
    if (is_error=='') {
        var action = 'reservation_enquiry';
        var datastr = 'name='+name+'&phone='+phone+'&person='+persons+'&purpose='+purpose+'&date='+date+'&time='+time+'&message='+message+'&action='+action;
    alert(datastr);
        $.ajax({
            url: 'enquiry_submit.php',
            type: 'POST',
            data: datastr,
            success: function(data){
                alert(data);
            }
        });
    }
}
</script>
</body>
</html>