JezK
Edit File: functionhallBookingForm.php
<?php include('header.php'); $msg=$rooms_type_list=$show_name=''; $room_calender=$funtion_calender='style="display:none"'; if(isset($_SESSION['bookingform'])) { if($_SESSION['bookingform']==5) { $msg="Booking done successfully"; $alert_color="alert-success"; unset($_SESSION['bookingform']); } } $rooms_type=$obj->get_room_categories(); if($rooms_type){ foreach($rooms_type as $room) { $room_type_id=$room['room_type_id']; $category_name=$room['category_name']; $price=$room['price']; $description=$room['description']; $number_of_persons=$room['number_of_persons']; $created_at=$room['created_at']; $rooms_type_list.='<option value="'.$room_type_id.'">'.$category_name.'</option>'; } } $residence_info=$obj->get_each_residence_data($_SESSION['residence_id']); if(is_array($residence_info)) { $residence_id=$residence_info['residence_id']; $r_type=$residence_info['type']; //1-Hall , 2- Lodge $r_residence_name=$residence_info['residence_name']; $residence_capacity=$residence_info['residence_capacity']; $r_residence_type=$residence_info['residence_type']; //1-A.C , 2- Non-A.C $residence_address=$residence_info['residence_address']; $residence_price=$residence_info['residence_price']; $dining_area_status=$residence_info['dining_area_status']; $contact_number=$residence_info['contact_number']; $number_of_rooms=$residence_info['number_of_rooms']; $description=$residence_info['description']; } $book_types=$obj->get_residence_type_admin_data(1); //print_r($_SESSION['type']);exit; if(is_array($book_types)){ $type_id=$book_types['type_id']; $residence_type=$_SESSION['type']; $room_status=$book_types['room_status']; $project_client=$book_types['project_client']; $project_name=$book_types['project_name']; if(($residence_type==1 || $residence_type==3) && ($room_status==1)) { $booking_dropdown='<option value="hall">FunctionHall</option> <option value="hall_room">FunctionHall + Rooms</option> <option value="room">Rooms</option>'; $show_name="FunctionHall"; }else if(($residence_type==1 || $residence_type==3) && ($room_status==0)){ $booking_dropdown='<option value="hall">FunctionHall</option>'; //$room_calender="style='display:none'"; $show_name="FunctionHall"; }else if(($residence_type==2) && ($room_status==1)){ $booking_dropdown='<option value="room">Rooms</option>'; //$funtion_calender="style='display:none'"; $show_name="Lodge"; }else { $show_name=""; $booking_dropdown="<span style='color:red'><strong>Check your details with admin</strong></span>"; } }else{ $booking_dropdown="<span style='color:red'><strong>Check your details with admin</strong></span>"; } ?> <div class="d-flex" id="wrapper"> <?php include('sidebar.php'); ?> <div id="page-content-wrapper"> <div class="container-fluid"> <div class="booking"> <h2 class="text-center">Booking Form</h2> <form onSubmit="return formvalidate()" action="app/bookingformapp.php" method="POST" enctype='multipart/form-data' name="myForm"> <div class="row"> <div class="col-sm-6"> <?php if(!empty($msg)){?> <div class="alert <?=$alert_color?>" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <?php echo $msg?> </div> <?php }?> <div class="bookingForm"> <div class="form-group"> <label>Booking:</label> <select class="form-control" id="booking_select" name="booking_select"> <option value="0" selected>SELECT</option> <?=$booking_dropdown?> </select> </div> <input type="hidden" id="hidden_room_ids" name="room_nums"> <input type="hidden" id="hidden_room_ids_count" name="room_nums_count"> <span id="append_fields"> </span> </div> </div> <div class="col-sm-6 functionCalender"> <div id="date-popover" class="popover top" <?php echo $funtion_calender?>> <div id="date-popover-content" class="popover-content"></div> </div> <div id="my-calendar" class="calendar-1" <?php echo $funtion_calender?>><h3 class="halltext">FunctionHall Calendar</h3></div> <div id="date-popover-2" class="calendar-2" class="popover top" <?php echo $room_calender?>> <div id="date-popover-content-2" class="popover-content"></div> </div> <div id="my-calendar-2" class="calendar-2" <?php echo $room_calender?>><h3 class="roomtext">Rooms Calendar</h3></div> </div> </div> <div class="text-center margin-btn"><button type="submit" class="btn btn-primary submit-btn" >Save</button></div> </form> </div> </div> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body modelbody_room" style="overflow:scroll !important"> <div class="d-flex modalFlex"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="close_room_model()">Close</button> </div> </div> </div> </div> <!-- Modal --> <!-- Modal --> <div class="modal fade" id="bookingmodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1" aria-hidden="true" > <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body modelbody_date text-center" style="color:red"> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <style> li.event-styled.red { background: #278000 !important; } .d-flex.align-items-baseline img { background: white; margin-top:2px !important; padding: 4px; } button.btn.btn-primary.submit-btn { width: 10% !important; } .d-flex.modalFlex div { background:#008000 !important; }</style> <!-- Modal --> </body> <script> $(document).ready(function(){ $('#booking_select').change(function(){ var r_name='<?php echo $r_residence_name?>'; var show_name='<?php echo $show_name?>'; var r_id='<?php echo $residence_id?>'; var r_no_rooms='<?php echo $number_of_rooms?>'; var room_category='<?php echo $rooms_type_list?>'; var rfunciton_category='<?php echo ($r_residence_type==1)? "A.C": "Non-A.C" ?>'; var rresidence_price='<?php echo ($residence_price)? $residence_price: "" ?>'; if($(this).val()=='hall') { $('.calendar-2').attr('style', 'display: none !important'); $('.calendar-1').attr('style', 'display: block !important'); $('#append_fields').html('<div class="form-group">\ <label for="funtionhall_name">FunctionHall Name:</label>\ <input type="text" class="form-control" id="funtionhall_name" value="'+r_name+'" name="funtionhall_name" placeholder="FunctionHall Name">\ <input type="hidden" name="residence_select_id" value="'+r_id+'">\ <input type="hidden" id="selecttype" value="hall">\ <span class="hall" style="display:none;">Please Enter FunctionHall Name</span>\ </div>\ <div class="form-group">\ <label>FunctionHall Type:</label>\ <input type="text" class="form-control" value="'+rfunciton_category+'" name="fuctionhall_type" id="fuctionhall_type" disabled=true>\ </div>\ <label for="Booking-Date">Booking Date:</label>\ <div class="input-group date" id="datetimepicker1">\ <input type="text" class="form-control docs-date datepicker booking_date" id="Booking-Date" name="booking_date" placeholder="Booking Date" autocomplete="off">\ <div class="input-group-append">\ <button type="button" class="btn btn-outline-secondary docs-datepicker-trigger" >\ <i class="fa fa-calendar" aria-hidden="true"></i>\ </button>\ </div>\ </div>\ <div class="form-group">\ <label for="customername">Customer Name:</label>\ <input type="text" class="form-control" id="customername" name="customername" placeholder="Customer Name" onKeyPress="return isChar(event)">\ <span class="hall" style="display:none;">Please Enter Customer Name</span>\ </div>\ <div class="form-group">\ <label for="mobilenumber">Mobile Number:</label>\ <input type="text" class="form-control" id="mobilenumber" name="mobilenumber" placeholder="Mobile Number" onKeyPress="return isNumber(event)">\ </div>\ <div class="form-group">\ <label for="address">Address:</label>\ <textarea rows="5" class="form-control" id="address" name="address" placeholder="Address"></textarea>\ </div>\ <div class="form-group">\ <label for="aadharfile">Address proof upload:</label><br>\ <input type="file" id="aadharfile" name="aadharfile" accept= "application/pdf ,image/*" onchange="return storeFile()">\ <input type="file" id="aadharHiddenFile" name="aadharHiddenFile" accept= "application/pdf ,image/*" onchange="return storeFile()">\ </div>\ <div class="form-group">\ <label for="amount">Amount:</label>\ <input type="text" class="form-control" id="fixedamount" value="'+rresidence_price+'" placeholder="Final Amount" onKeyPress="return isNumber(event)" disabled>\ <input type="hidden" class="form-control" value="'+rresidence_price+'" name="finalamount">\ </div>\ <input type="hidden" id="rate_input" name="gst_value" />\ <div class="form-group" >\ <label for="dicount">Discount:</label>\ <input type="text" class="form-control" id="discount" name="discount" placeholder="Discount">\ <div class="form-group" id="inline_content">\ <div class="form-check">\ <label class="form-check-label" for="percent">\ <input type="radio" class="form-check-input" name="discountcheck" id="discount_per" value="2" >Percent\ </label>\ </div>\ <div class="form-check">\ <label class="form-check-label" for="amount">\ <input type="radio" class="form-check-input" name="discountcheck" value="1">Amount\ </label>\ </div>\ </div>\ <div id="discount_check_btn"><span class="btn btn-success" >Apply</span></div>\ </div>\ <span style="color:Green" id="rate_discount"></span>\ <input type="hidden" id="rate_discount_input" name="discount_value" />\ <div class="form-group">\ <label for="referenceby">Reference By:</label>\ <input type="text" class="form-control" id="referenceby" name="referenceby" placeholder="Reference By" onKeyPress="return isChar(event)">\ </div>\ <div class="form-check">\ <label class="form-check-label" for="GST">\ <input type="radio" class="form-check-input" id="GST" name="tax_type" value="GST" onclick="Check()">GST\ </label>\ </div>\ <div class="form-check">\ <label class="form-check-label" for="NON_GST">\ <input type="radio" class="form-check-input" id="NON_GST" name="tax_type" value="NONGST" onclick="unCheck()">NON GST\ </label>\ </div>\ <div class="form-group" id="textbox" style="display:none;">\ <input type="text" class="form-control" id="gstamount" name="gstamount" placeholder="GST" onKeyPress="return isNumber(event)">\ </div>\ <span class="btn btn-success" id="gst_check_btn">Apply</span>\ <span style="color:Green" id="rate"></span>\ <div class="form-group" >\ <label>Payment Type:</label>\ <select class="form-control" name="payment_type" id="payment_type">\ <option value="0">Type</option>\ <option value="1">Cash</option>\ <option value="2">Cheque</option>\ <option value="3">Debit/Credit</option>\ </select>\ </div>\ <div class="form-group">\ <label for="totalamount">Final Amount:</label>\ <input type="text" class="form-control" id="totalamount" value="'+rresidence_price+'" name="totalamount" placeholder="Final Amount" onKeyPress="return isNumber(event)">\ </div>\ <div class="form-group">\ <label for="Comment">Note Box:</label>\ <input type="text" class="form-control" id="note" name="note" placeholder="Note">\ </div>'); $(function() { $('#append_fields').on('click','#gst_check_btn',function(){ var gst=$('#gstamount').val(); var total=$('#totalamount').val(); var discount=$('#discount').val(); var fixedamount=$('#fixedamount').val(); var type_dis=$('input[name="discountcheck"]:checked').val(); if(!(gst)) { alert("Please enter GST percentage"); $('#gstamount').focus(); return false; } var result = gst_calculaion(fixedamount,0,discount,type_dis,gst); $('#rate').html('Total GST Value:'+result+''); //shows value in "#rate" $('#rate_input').val(result); $('#totalamount').val(parseFloat(fixedamount)-parseFloat(discount_cal(fixedamount,0,type_dis,discount))+parseFloat(result)); }); //~ $('#append_fields').on('blur','#gstamount',function(){ //~ var gst=$('#gstamount').val(); //~ var total=$('#totalamount').val(); //~ var rent=$('#rent').val(); //~ if(!(gst)) //~ { //~ alert("Please enter GST percentage"); //~ return false; //~ } //~ //~ var result = ((parseFloat($("#totalamount").val())) * parseFloat($("#gstamount").val())) / 100 ; //~ $('#rate').html('Total GST Value:'+result+''); //shows value in "#rate" //~ $('#rate_input').val(result); //~ //~ $('#totalamount').val((parseFloat($("#totalamount").val())+parseFloat(result))); //~ }); $("#append_fields").on('click',"#discount_check_btn",function(){ var discount=$('#discount').val(); var fixedamount=$('#fixedamount').val(); var type_dis=$('input[name="discountcheck"]:checked').val(); if(!(discount)) { alert("Please enter discount"); return false; } if(type_dis==2) { if($('#discount').val()>=100) { alert("Please check discount percentage"); return false; } var result = discount_cal(fixedamount,0,2,discount); console.log(result); $('#rate_discount').html('Total Disocunt Value:'+result+''); $('#rate_discount_input').val(result); $('#totalamount').val(parseFloat($("#fixedamount").val())-parseFloat(result)); }else { var result = parseInt($("#discount").val()); $('#rate_discount').html('Total Disocunt Value:'+result+''); $('#rate_discount_input').val(result); $('#totalamount').val(parseFloat($("#fixedamount").val())-parseFloat(result)); } $('#rate').html(''); }); //~ $("#append_fields").on('click',"input[name='discountcheck']",function(){ //~ var discount=$('#discount').val(); //~ var tariff=$('#rent').val(); //~ var fixedamount=$('#fixedamount').val(); //~ //~ if(!(discount)) //~ { //~ alert("Please enter discount"); //~ return false; //~ } //~ if($(this).val()==2) //~ { //~ if($('#discount').val()>=100) //~ { //~ alert("Please check discount percentage"); //~ return false; //~ } //~ var result = (parseInt($("#fixedamount").val()) * parseInt($("#discount").val())) / 100 ; //~ //~ $('#rate_discount').html('Total Disocunt Value:'+result+''); //~ $('#rate_discount_input').val(result); //~ $('#totalamount').val(parseFloat($("#totalamount").val())-parseFloat(result)); //~ }else //~ { //~ var result = parseInt($("#discount").val()); //~ $('#rate_discount').html('Total Disocunt Value:'+result+''); //~ $('#rate_discount_input').val(result); //~ $('#totalamount').val(parseFloat($("#fixedamount").val())-parseFloat(result)); //~ } //~ }); //~ $('#Booking-Date').datetimepicker({ format: 'L', minDate:new Date(), format: 'DD-MM-YYYY' }); $("#Booking-Date").on("dp.hide", function(e) { var select_date=$(this).val(); $.post("./app/residence_details.php?type=check&d="+select_date,function(data){ if(data==1) { $("#Booking-Date").val(""); $('.modelbody_date').html(select_date+" Date Already Booked"); $("#bookingmodel").modal("show"); } }); }); }); $('#funtionhall_name').prop( 'readonly',true); $(".docs-datepicker-trigger").click(function(){ $('.datepicker').focus() }); } if($(this).val()=='hall_room') { $('.calendar-2').attr('style', 'display: block !important'); $('.calendar-1').attr('style', 'display: block !important'); $('#append_fields').html('<div class="form-group">\ <label for="funtionhall_name">FunctionHall Name:</label>\ <input type="text" class="form-control" id="funtionhall_name" value="'+r_name+'" name="funtionhall_name" placeholder="FunctionHall Name">\ <input type="hidden" name="residence_select_id" id="residence_select_id" value="'+r_id+'">\ <input type="hidden" id="selecttype" value="hall_room">\ <span class="hall" style="display:none;">Please Enter FunctionHall Name</span>\ </div>\ <div class="form-group">\ <label>FunctionHall Type:</label>\ <input type="text" class="form-control" value="'+rfunciton_category+'" name="fuctionhall_type" id="fuctionhall_type" disabled=true>\ </div>\ <div class="form-group">\ <label>Total Rooms:</label>\ <input type="text" class="form-control" id="num_rooms" value="'+r_no_rooms+'" name="num_rooms" placeholder="No.of Rooms" disabled=true>\ </div>\ <label for="Booking-Date">FunctionHall Booking Date:</label>\ <div class="input-group date" id="datetimepicker1">\ <input type="text" class="form-control docs-date datepicker booking_date" id="Booking-Date" name="booking_date" placeholder="Booking Date" autocomplete="off" >\ <div class="input-group-append">\ <button type="button" class="btn btn-outline-secondary docs-datepicker-trigger">\ <i class="fa fa-calendar" aria-hidden="true"></i>\ </button>\ </div>\ </div>\ <div class="form-group" id="room_type_div">\ <label>Room Type:</label>\ <select class="form-control" name="room_type" id="room_type">\ <option value="0">SELECT</option>\ '+room_category+'\ </select>\ </div>\ <label for="Check-in-Date">Check-in-Date:</label>\ <div class="input-group date" id="datetimepicker2">\ <input type="text" class="form-control datepicker docs-date check_in_date" id="check_in_date" name="check_in_date" placeholder="check in date" autocomplete="off">\ <div class="input-group-append">\ <button type="button" class="btn btn-outline-secondary docs-datepicker-trigger">\ <i class="fa fa-calendar" aria-hidden="true"></i>\ </button>\ </div>\ </div>\ <label for="Check-Out-Date">Check-Out-Date:</label>\ <div class="input-group date" id="datetimepicker3">\ <input type="text" class="form-control datepicker docs-date check_out_date" id="check_out_date" name="check_out_date" placeholder="check out date" autocomplete="off">\ <div class="input-group-append">\ <button type="button" class="btn btn-outline-secondary docs-datepicker-trigger">\ <i class="fa fa-calendar" aria-hidden="true"></i>\ </button>\ </div>\ </div>\ <div class="form-group" >\ <label for="Check-out-Date">Rooms:</label> <span id="clear_badge_add"></span>\ <span id="addon_rooms"></span>\ </div>\ <div class="form-group">\ <label for="Discount">Number Of Days:</label>\ <input type="text" class="form-control" id="days" placeholder="Number Of Days" onKeyPress="return isNumber(event)" disabled>\ <input type="hidden" name="days" id="daysinput" placeholder="Number Of Days" >\ </div>\ <div class="form-group">\ <label for="customername">Customer Name:</label>\ <input type="text" class="form-control" id="customername" name="customername" placeholder="Customer Name" onKeyPress="return isChar(event)">\ <span class="hall" style="display:none;">Please Enter Customer Name</span>\ </div>\ <div class="form-group">\ <label for="mobilenumber">Mobile Number:</label>\ <input type="text" class="form-control" id="mobilenumber" name="mobilenumber" placeholder="Mobile Number" onKeyPress="return isNumber(event)">\ <span class="hall" style="display:none;">Please Enter Mobile Number</span>\ </div>\ <div class="form-group">\ <label for="address">Address:</label>\ <textarea rows="5" class="form-control" id="address" name="address" placeholder="Address"></textarea>\ </div>\ <div class="form-group">\ <label for="aadharfile">Address proof upload:</label><br>\ <input type="file" id="aadharfile" name="aadharfile" accept= "application/pdf ,image/*" onchange="return storeFile()">\ <input type="file" id="aadharHiddenFile" name="aadharHiddenFile" accept= "application/pdf ,image/*" onchange="return storeFile()">\ </div>\ <div class="form-group">\ <label for="Discount">Room Tariff:</label>\ <input type="text" class="form-control" id="rent" placeholder="Room Tariff" onKeyPress="return isNumber(event)" disabled>\ <input type="hidden" class="form-control" id="rentinput" name="rent" placeholder="Room Tariff" onKeyPress="return isNumber(event)">\ </div>\ <div class="form-group">\ <label for="Discount">Total Room Tariff:</label>\ <input type="text" class="form-control" id="totalterrif" placeholder="Total Room Tariff" onKeyPress="return isNumber(event)" disabled>\ <input type="hidden" id="totalterrifinput" name="totalterrif" placeholder="Total Room Tariff" >\ </div>\ <div class="form-group">\ <label for="amount">Amount:</label>\ <input type="text" class="form-control" id="fixedamount" value="'+rresidence_price+'" placeholder="Final Amount" onKeyPress="return isNumber(event)" disabled>\ <input type="hidden" class="form-control" value="'+rresidence_price+'" name="finalamount">\ </div>\ <div class="form-group" >\ <label for="dicount">Discount:</label>\ <input type="text" class="form-control" id="discount" name="discount" placeholder="Discount">\ <div class="form-group" id="inline_content">\ <div class="form-check">\ <label class="form-check-label" for="percent">\ <input type="radio" class="form-check-input" name="discountcheck_room_hall" id="discount_per" value="2" >Percent\ </label>\ </div>\ <div class="form-check">\ <label class="form-check-label" for="amount">\ <input type="radio" class="form-check-input" name="discountcheck_room_hall" value="1">Amount\ </label>\ </div>\ </div>\ <div id="discount_check_btn"><span class="btn btn-success">Apply</span></div>\ </div>\ <span style="color:Green" id="rate_discount"></span>\ <input type="hidden" id="rate_discount_input" name="discount_value" />\ <div class="form-group">\ <label for="referenceby">Reference By:</label>\ <input type="text" class="form-control" id="referenceby" name="referenceby" placeholder="Reference By" onKeyPress="return isChar(event)"">\ </div>\ <div class="form-check">\ <label class="form-check-label" for="GST">\ <input type="radio" class="form-check-input" id="GST" name="tax_type" value="GST" onclick="Check()">GST\ </label>\ </div>\ <div class="form-check">\ <label class="form-check-label" for="NON_GST">\ <input type="radio" class="form-check-input" id="NON_GST" name="tax_type" value="NONGST" onclick="unCheck()">NON GST\ </label>\ </div>\ <div class="form-group" id="textbox" style="display:none;">\ <input type="number" class="form-control" id="gstamount" name="gstamount" placeholder="GST" >\ </div>\ <span class="btn btn-success" id="gst_check_btn">Apply2</span>\ <span style="color:Green" id="rate"></span>\ <input type="hidden" id="rate_input" name="gst_value" />\ <div class="form-group" >\ <label>Payment Type:</label>\ <select class="form-control" name="payment_type" id="payment_type">\ <option value="0">Type</option>\ <option value="1">Cash</option>\ <option value="2">Cheque</option>\ <option value="3">Debit/Credit</option>\ </select>\ </div>\ <div class="form-group">\ <label for="totalamount">Final Amount:</label>\ <input type="text" class="form-control" id="totalamount" value="'+rresidence_price+'" name="totalamount" placeholder="Final Amount" onKeyPress="return isNumber(event)">\ </div>\ <div class="form-group">\ <label for="Comment">Note Box:</label>\ <input type="text" class="form-control" id="note" name="note" placeholder="Note">\ </div>'); $(function() { $('#append_fields').on('click','#gst_check_btn',function(){ var gst=$('#gstamount').val(); var total=$('#totalamount').val(); var rent=$('#totalterrif').val(); var discount=$('#discount').val(); var tariff=$('#totalterrif').val(); var days=$('#days').val(); var fixedamount=$('#fixedamount').val(); var type_dis=$('input[name="discountcheck_room_hall"]:checked').val(); if(!(gst)) { alert("Please enter GST percentage"); $('#gstamount').focus(); return false; } if(!(rent)) { alert("Please enter Total Room teriff"); $('#gstamount').val(''); return false; } if(!(days)) { alert("Please check No.of days"); return false; } var result = gst_calculaion(fixedamount,rent,discount,type_dis,gst); $('#rate').html('Total GST Value:'+result+''); //shows value in "#rate" $('#rate_input').val(result); $('#totalamount').val(parseFloat($("#totalterrif").val())+parseFloat(fixedamount)-parseFloat(discount_cal(fixedamount,rent,type_dis,discount))+parseFloat(result)); }); //discount $("#append_fields").on('click',"#discount_check_btn",function(){ var discount=$('#discount').val(); var tariff=$('#totalterrif').val(); var days=$('#days').val(); var fixedamount=$('#fixedamount').val(); var type_dis=$('input[name="discountcheck_room_hall"]:checked').val(); if(!(days)) { alert("Please check No.of days"); return false; } if(!(discount)) { alert("Please enter discount"); return false; } if(!(tariff)) { alert("Please enter Room Tariff"); return false; } if(type_dis==2) { if($('#discount').val()>=100) { alert("Please check discount percentage"); return false; } var result = discount_cal(fixedamount,tariff,2,discount); console.log(result); $('#rate_discount').html('Total Disocunt Value:'+result+''); $('#rate_discount_input').val(result); $('#totalamount').val(parseFloat($("#totalterrif").val())+parseFloat($("#fixedamount").val())-parseFloat(result)); }else { var result = parseInt($("#discount").val()); $('#rate_discount').html('Total Disocunt Value:'+result+''); $('#rate_discount_input').val(result); $('#totalamount').val(parseFloat($("#totalterrif").val())+parseFloat($("#fixedamount").val())-parseFloat(result)); } $('#rate').html(''); }); $('#Booking-Date').datetimepicker({ format: 'L', minDate:new Date(), format: 'DD-MM-YYYY' }); $('#check_in_date').datetimepicker({ minDate:new Date(), format: 'DD-MM-YYYY HH:mm' }); $('#check_out_date').datetimepicker({ useCurrent: false, format: 'DD-MM-YYYY HH:mm' }); }); $("#check_in_date").on("dp.change", function (e) { $('#check_out_date').data("DateTimePicker").minDate(e.date); }); $("#check_out_date").on("dp.change", function (e) { $('#check_in_date').data("DateTimePicker").maxDate(e.date); if($.trim($("#check_in_date").val())==""){ alert("Please select check in date"); $("#check_in_date").val($(this).val()); return false; } var split_time=($('#check_in_date').val()).split(' '); var split_date=split_time[0].split('-'); var check_in_date=(split_date[1]+'/'+split_date[0]+'/'+split_date[2]); var countDownDate = new Date(check_in_date); console.log('input',countDownDate); var split_time1=($('#check_out_date').val()).split(' '); var split_date1=split_time1[0].split('-'); var check_out_date=(split_date1[1]+'/'+split_date1[0]+'/'+split_date1[2]); var now = new Date(check_out_date); var distance = now-countDownDate; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); $('#daysinput').val(days); $('#days').val(days); let rent = 0 if($('#rent').val() !='') { rent = $('#rent').val() } var terif=parseInt(rent)* parseInt(days); $('#totalterrif').val(terif); $('#totalterrifinput').val(terif); let totalAmount1 = 0 if($('#totalamount').val() != '') { totalAmount1 = $('#totalamount').val() } console.log('terif',terif) console.log('totalAmount1',totalAmount1) $('#totalamount').val(parseFloat(totalAmount1)+terif); }); $("#Booking-Date").on("dp.hide", function(e) { var select_date=$(this).val(); $.post("./app/residence_details.php?type=check&d="+select_date,function(data){ if(data==1) { $("#Booking-Date").val(""); $('.modelbody_date').html(select_date+" Date Already Booked"); $("#bookingmodel").modal("show"); $('#bookingmodel').modal({backdrop: 'static', keyboard: false}) } }); }); $("#datetimepicker1 .docs-datepicker-trigger").click(function(){ $('#datetimepicker1 .datepicker').focus() }); $("#datetimepicker2 .docs-datepicker-trigger").click(function(){ $('#datetimepicker2 .datepicker').focus() }); $("#datetimepicker3 .docs-datepicker-trigger").click(function(){ $('#datetimepicker3 .datepicker').focus() }); } if($(this).val()=='room') { $('.calendar-1').attr('style', 'display: none !important'); $('.calendar-2').attr('style', 'display: block !important'); $('#append_fields').html('<div class="form-group">\ <label for="funtionhall_name">'+show_name+' Name:</label>\ <input type="text" class="form-control" id="funtionhall_name" value="'+r_name+'" name="funtionhall_name" placeholder="FunctionHall Name">\ <input type="hidden" name="residence_select_id" id="residence_select_id" value="'+r_id+'">\ <input type="hidden" id="selecttype" value="room">\ </div>\ <div class="form-group">\ <label>Total Rooms:</label>\ <input type="text" class="form-control" id="num_rooms" value="'+r_no_rooms+'" name="num_rooms" placeholder="No.of Rooms" disabled=true>\ </div>\ <div class="form-group">\ <label>Room Type:</label>\ <select class="form-control" name="room_type" id="room_type">\ <option value="0">SELECT</option>\ '+room_category+'\ </select>\ </div>\ <label for="Check-In-Date">Check-In-Date & Time:</label>\ <div class="input-group date" id="datetimepicker4">\ <input type="text" class="form-control datepicker" id="check_in_date" name="check_in_date" placeholder="check in date" autocomplete="off" >\ <div class="input-group-append">\ <button type="button" class="btn btn-outline-secondary docs-datepicker-trigger">\ <i class="fa fa-calendar" aria-hidden="true"></i>\ </button>\ </div>\ </div>\ <label for="Check-Out-Date">Check-Out-Date & Time:</label>\ <div class="input-group date" id="datetimepicker5">\ <input type="text" class="form-control datepicker" id="check_out_date" name="check_out_date" placeholder="check out date" autocomplete="off">\ <div class="input-group-append">\ <button type="button" class="btn btn-outline-secondary docs-datepicker-trigger">\ <i class="fa fa-calendar" aria-hidden="true"></i>\ </button>\ </div>\ </div>\ <div class="form-group" >\ <label for="Check-out-Date">Rooms:</label> <span id="clear_badge_add"></span>\ <span id="addon_rooms"></span>\ </div>\ <div class="form-group">\ <label for="Discount">Number Of Days:</label>\ <input type="text" class="form-control" id="days" placeholder="Number Of Days" onKeyPress="return isNumber(event)" readonly>\ <input type="hidden" name="days" id="daysinput" placeholder="Number Of Days" >\ </div>\ <div class="form-group">\ <label for="customername">Customer Name:</label>\ <input type="text" class="form-control" id="customername" name="customername" placeholder="Customer Name" onKeyPress="return isChar(event)">\ <span class="hall" style="display:none;">Please Enter Customer Name</span>\ </div>\ <div class="form-group">\ <label for="mobilenumber">Mobile Number:</label>\ <input type="text" class="form-control" id="mobilenumber" name="mobilenumber" placeholder="Mobile Number" onKeyPress="return isNumber(event)">\ <span class="hall" style="display:none;">Please Enter Mobile Number</span>\ </div>\ <div class="form-group">\ <label for="address">Address:</label>\ <textarea rows="5" class="form-control" id="address" name="address" placeholder="Address"></textarea>\ </div>\ <div class="form-group">\ <label for="aadharfile">Address proof upload:</label><br>\ <input type="file" id="aadharfile" name="aadharfile" accept= "application/pdf ,image/*" onchange="return storeFile()">\ <input type="file" id="aadharHiddenFile" name="aadharHiddenFile" accept= "application/pdf ,image/*" onchange="return storeFile()">\ </div>\ <input type="hidden" class="form-control" id="fixedamount" name="finalamount" placeholder="Final Amount">\ <div class="form-group">\ <label for="Discount">Room Tariff:</label>\ <input type="text" class="form-control" id="rent" placeholder="Room Tariff" onKeyPress="return isNumber(event)" disabled>\ <input type="hidden" class="form-control" id="rentinput" name="rent" placeholder="Room Tariff" onKeyPress="return isNumber(event)">\ </div>\ <div class="form-group">\ <label for="Discount">Total Room Tariff:</label>\ <input type="text" class="form-control" id="totalterrif" placeholder="Total Room Tariff" onKeyPress="return isNumber(event)" disabled>\ <input type="hidden" id="totalterrifinput" name="totalterrif" placeholder="Total Room Tariff" >\ </div>\ <input type="hidden" id="rate_input" name="gst_value" />\ <div class="form-group" >\ <label for="dicount">Discount:</label>\ <input type="text" class="form-control" id="discount" name="discount" placeholder="Discount">\ <div class="form-group" id="inline_content">\ <div class="form-check">\ <label class="form-check-label" for="percent">\ <input type="radio" class="form-check-input" name="discountcheck_room" id="discount_per" value="2" >Percent\ </label>\ </div>\ <div class="form-check">\ <label class="form-check-label" for="amount">\ <input type="radio" class="form-check-input" name="discountcheck_room" value="1">Amount\ </label>\ </div>\ </div>\ <div id="discount_check_btn"><span class="btn btn-success" onclick="hello()">Apply</span></div>\ </div>\ <span style="color:Green" id="rate_discount"></span>\ <input type="hidden" id="rate_discount_input" name="discount_value" />\ <div class="form-group">\ <label for="referenceby">Reference By:</label>\ <input type="text" class="form-control" id="referenceby" name="referenceby" placeholder="Reference By" onKeyPress="function isChar(evt)">\ </div>\ <div class="form-check">\ <label class="form-check-label" for="GST">\ <input type="radio" class="form-check-input" id="GST" name="tax_type" value="GST" onclick="Check()">GST\ </label>\ </div>\ <div class="form-check">\ <label class="form-check-label" for="NON_GST">\ <input type="radio" class="form-check-input" id="NON_GST" name="tax_type" value="NONGST" onclick="unCheck()">NON GST\ </label>\ </div>\ <div class="form-group" id="textbox" style="display:none;">\ <input type="text" class="form-control" id="gstamount" name="gstamount" placeholder="GST" >\ </div>\ <span class="btn btn-success" id="gst_check_btn">Apply</span>\ <span style="color:Green" id="rate"></span>\ <div class="form-group" >\ <label>Payment Type:</label>\ <select class="form-control" name="payment_type" id="payment_type">\ <option value="0">Type</option>\ <option value="1">Cash</option>\ <option value="2">Cheque</option>\ <option value="3">Debit/Credit</option>\ </select>\ </div>\ <div class="form-group">\ <label for="totalamount">Final Amount:</label>\ <input type="text" class="form-control" id="totalamount" name="totalamount" placeholder="Final Amount" onKeyPress="return isNumber(event)">\ </div>\ <div class="form-group">\ <label for="Comment">Note Box:</label>\ <input type="text" class="form-control" id="note" name="note" placeholder="Note">\ </div>'); $(function() { $('#append_fields').on('click','#gst_check_btn',function(){ var gst=$('#gstamount').val(); var total=$('#totalamount').val(); var rent=$('#totalterrif').val(); var discount=$('#discount').val(); var tariff=$('#totalterrif').val(); var days=$('#days').val(); var type_dis=$('input[name="discountcheck_room"]:checked').val(); alert(gst); if(!(gst)) { alert("Please enter GST percentage"); $('#gstamount').focus(); return false; } if(!(rent)) { alert("Please enter Total Room teriff"); $('#gstamount').val(''); return false; } if(!(days)) { alert("Please check No.of days"); return false; } var result = gst_calculaion(0,rent,discount,type_dis,gst); $('#rate').html('Total GST Value:'+result+''); //shows value in "#rate" $('#rate_input').val(result); $('#totalamount').val(parseFloat($("#totalterrif").val())-parseFloat(discount_cal(0,rent,type_dis,discount))+parseFloat(result)); }); //discount $("#append_fields").on('click',"#discount_check_btn",function(){ var discount=$('#discount').val(); var tariff=$('#totalterrif').val(); var days=$('#days').val(); var type_dis=$('input[name="discountcheck_room"]:checked').val(); if(!(days)) { alert("Please check No.of days"); return false; } if(!(discount)) { alert("Please enter discount"); return false; } if(!(tariff)) { alert("Please enter Room Tariff"); return false; } if(type_dis==2) { if($('#discount').val()>=100) { alert("Please check discount percentage"); return false; } var result = discount_cal(0,tariff,2,discount); console.log(result); $('#rate_discount').html('Total Disocunt Value:'+result+''); $('#rate_discount_input').val(result); $('#totalamount').val(parseFloat($("#totalterrif").val())-parseFloat(result)); }else { var result = parseInt($("#discount").val()); $('#rate_discount').html('Total Disocunt Value:'+result+''); $('#rate_discount_input').val(result); $('#totalamount').val(parseFloat($("#totalterrif").val())-parseFloat(result)); } $('#rate').html(''); }); $('#check_in_date').datetimepicker({ minDate:new Date(), format: 'DD-MM-YYYY HH:mm' }); $('#check_out_date').datetimepicker({ useCurrent: false, format: 'DD-MM-YYYY HH:mm' }); }); $("#check_in_date").on("dp.change", function (e) { $('#check_out_date').data("DateTimePicker").minDate(e.date); }); $("#check_out_date").on("dp.change", function (e) { $('#check_in_date').data("DateTimePicker").maxDate(e.date); if($.trim($("#check_in_date").val())==""){ $("#check_in_date").val($(this).val()); alert("Please select check in date") return false; } var split_time=($('#check_in_date').val()).split(' '); var split_date=split_time[0].split('-'); var check_in_date=(split_date[1]+'/'+split_date[0]+'/'+split_date[2]); var countDownDate = new Date(check_in_date); console.log('input',countDownDate); var split_time1=($('#check_out_date').val()).split(' '); var split_date1=split_time1[0].split('-'); var check_out_date=(split_date1[1]+'/'+split_date1[0]+'/'+split_date1[2]); var now = new Date(check_out_date); var distance = now-countDownDate; var days = Math.floor(distance / (1000 * 60 * 60 * 24)); $('#daysinput').val(days); $('#days').val(days); var terif=parseInt($('#rent').val())*parseInt($('#hidden_room_ids_count').val())* parseInt(days); $('#totalterrif').val(terif); $('#totalterrifinput').val(terif); $('#totalamount').val(parseFloat($('#totalamount').val())+terif); }); $("#datetimepicker4 .docs-datepicker-trigger").click(function(){ $('#datetimepicker4 .datepicker').focus() }); $("#datetimepicker5 .docs-datepicker-trigger").click(function(){ $('#datetimepicker5 .datepicker').focus() }); } }); }); //~ function discountamount(obj) //~ { //~ alert(obj); //~ } </script> <script type="application/javascript"> $(document).ready(function () { //$("#Booking-Date").datepicker({ setStartDate: new Date()}); //~ $("#date-popover").popover(); $("#my-calendar").zabuto_calendar({ nav_icon: { prev: '<i class="fa fa-chevron-circle-left"></i>', next: '<i class="fa fa-chevron-circle-right"></i>' }, action: function () { return myDateFunction(this.id, false); }, action_nav: function () { return myNavFunction(this.id); }, today_markup: '<span class="badge bg-primary">[day]</span>', //~ year: 1999, //~ month: 12, ajax: { url: 'app/residence_details.php?type=1', modal: false }, legend: [ {type: "block", label: "Available", classname: "red"} ], }); }); //~ function myDateFunction(id, fromModal) { //~ $("#date-popover").hide(); //~ if (fromModal) { //~ $("#" + id + "_modal").modal("hide"); //~ } //~ var date = $("#" + id).data("date"); //~ var hasEvent = $("#" + id).data("hasEvent"); //~ if (hasEvent && !fromModal) { //~ return false; //~ } //~ $("#date-popover-content").html('You clicked on date ' + date); //~ $("#date-popover").show(); //~ return true; //~ } //~ $('#append_fields').on('blur','#rent',function(){ //~ //~ var terriff=$(this).val(); //~ var total=0; //~ total=$('#totalamount').val(); //~ if(!terriff){ //~ alert("Please enter Room Tariff"); //~ return false; //~ } //~ if($('#totalamount').val()=='') //~ { //~ total=0; //~ } //~ if($(this).val()=='') //~ { //~ terriff=0; //~ } //~ $('#totalamount').val(parseFloat(total)+parseFloat(terriff)); //~ }); //~ $('input[type=radio]').on('click', function() { alert('wtf'); }) function myNavFunction(id) { $("#date-popover").hide(); var nav = $("#" + id).data("navigation"); var to = $("#" + id).data("to"); //console.log('nav ' + nav + ' to: \ + to.month + '/' + to.year); } function unCheck(){ if (document.getElementById('NON_GST').checked) {document.getElementById('textbox').style.display = 'none';} if($('#selecttype').val()=='room') { var gst=$('#gstamount').val(); var totalamount=$('#totalamount').val(); var result = (parseFloat($("#rent").val()) * parseFloat($("#gstamount").val())) / 100 ; $('#rate_input').val(""); if(isNaN(result)) { $('#totalamount').val(parseFloat(totalamount)-parseFloat(result)); } $('#rate').html(''); } if($('#selecttype').val()=='hall_room') { var gst=$('#gstamount').val(); var totalamount=$('#totalamount').val(); var result1 = ((parseFloat($("#rent").val())+(parseFloat($("#fixedamount").val()))) * parseFloat($("#gstamount").val())) / 100 ; $('#rate_input').val(""); if(!isNaN(result)) { $('#totalamount').val(parseFloat(totalamount)-parseFloat(result1)); } $('#rate').html(''); } if($('#selecttype').val()=='hall') { var gst=$('#gstamount').val(); var totalamount=$('#totalamount').val(); var result = ((parseFloat($("#fixedamount").val())) * parseFloat($("#gstamount").val())) / 100 ; $('#rate_input').val(""); if(!isNaN(result)) { $('#totalamount').val(parseFloat(totalamount)-parseFloat(result)); } $('#rate').html(''); } } // ----calendar 2 $(document).ready(function () { var eventData = [ {"date":"2020-02-20","badge":false,"title":"Example 1","body": "<p class='lead'>Information for this date</p><p>You can add <strong>html</strong> in this block</p>", "classname": "red", "footer": "Extra information" }, {"date":"2020-02-21","badge":false,"title":"Example 2","body": "<p class='lead'>Information for this date</p><p>You can add <strong>html</strong> in this block</p>", "classname": "green", "footer": "Extra information"}, {"date":"2020-02-22","badge":false,"title":"Example 2","body": "<p class='lead'>Information for this date</p><p>You can add <strong>html</strong> in this block</p>", "classname": "yellow", "footer": "Extra information"} ]; //~ $("#date-popover-2").popover(); $("#my-calendar-2").zabuto_calendar({ nav_icon: { prev: '<i class="fa fa-chevron-circle-left"></i>', next: '<i class="fa fa-chevron-circle-right"></i>' }, action: function () { return myDateFunction(this.id, true); }, action_nav: function () { return myNavFunction(this.id); }, ajax: { url: 'app/residence_details.php?type=2', modal: false }, legend: [ // {type: "block", label: "All Booked", classname: "red"}, // {type: "block", label: "Above 50% Booked", classname: "yellow"}, {type: "block", label: "Available", classname: "green"}, ], }); }); function remove_rooms() { $('#addon_rooms').html(''); $('#hidden_room_ids').val(''); $('#hidden_room_ids_count').val(''); add_on=''; Rooms=[]; Rooms_names=[]; } function myDateFunction(id, fromModal,data) { var date = $("#" + id).data("date"); var select_date=Date.parse(date); var split_time=($('#check_in_date').val()).split(' '); var split_date=split_time[0].split('-'); var check_in_date=Date.parse(split_date[2]+'-'+split_date[1]+'-'+split_date[0]); //~ //~ if(select_date!=check_in_date) //~ { //~ alert("Check in date and booking date not same"); //~ return false; //~ } if($('#room_type').val()==0 || $('#room_type').val()=="") { alert("please select Room category"); return false; } if (fromModal) { $('#addon_rooms').html(''); $('#hidden_room_ids').val(''); $('#hidden_room_ids_count').val(''); add_on=''; Rooms=[]; Rooms_names=[]; $.post('app/residence_details.php?type=model&date='+date+'&cate='+$('#room_type').val(),function(data){ if(data) { $('.modelbody_room').html(data); $("#exampleModal").modal("show"); $("#exampleModal").modal({backdrop: 'static', keyboard: false}); $('#clear_badge_add').html("<span class='badge badge-pill badge-danger' onclick='remove_rooms()'>Clear</span><br>"); $('#rent').val($('#room_price').val()); $('#rentinput').val($('#room_price').val()); } }); //~ $.ajax({ //~ url: '', //~ type: 'post', //~ data: {date: date,type:"model"}, //~ success: function(response){ //~ // Add response in Modal body //~ $('.modal-body').html(response); //~ //~ // Display Modal //~ $('#empModal').modal('show'); //~ } //~ }); } $('#exampleModalLabel').empty(); $('#exampleModalLabel').append('Title') //~ $('.modal-body').empty(); //~ $('.modal-body').append('This is Body Content') return true; } function myNavFunction(id) { $("#date-popover-2").hide(); var nav = $("#" + id).data("navigation"); var to = $("#" + id).data("to"); console.log('nav ' + nav + ' to: \ '+ to.month+' \ '+to.year+''); } var add_on='' ; var Rooms = []; var Rooms_names = []; function discount_cal(famount,totalterif,type,dis_val) { var discount=''; console.log(famount,totalterif,type,dis_val); if(type==1) { var discount=parseFloat(dis_val); } if(type==2) { var discount=((parseFloat(famount)+parseFloat(totalterif)) * parseFloat(dis_val))/100; } return discount; } function gst_calculaion(famount,totalterrif,discount,type_dis,gst) { console.log(famount,totalterrif,discount,type_dis,gst); var total=discount_cal(famount,totalterrif,type_dis,discount); console.log(((parseFloat(famount)+parseFloat(totalterrif)-parseFloat(total)) * parseFloat(gst))/100); return ((parseFloat(famount)+parseFloat(totalterrif)-parseFloat(total)) * parseFloat(gst))/100; } function book_room(id,name,date) { var rm=$('#hidden_room_ids'); var select_date=Date.parse(date); var split_time=($('#check_in_date').val()).split(' '); var split_date=split_time[0].split('-'); var check_in_date=Date.parse(split_date[2]+'-'+split_date[1]+'-'+split_date[0]); //~ if(parseInt(select_date)!==parseInt(check_in_date)) //~ { //~ alert("Check in date and booking date not same"); //~ return false; //~ } Rooms.push(id); Rooms_names.push(name); $('#addon_rooms').append('<span class="badge badge-pill badge-primary">'+name+'</span> '); $('#hidden_room_ids').val(add_on); } function close_room_model() { console.log(Rooms) var x = (Rooms) => Rooms.filter((v,i) => Rooms.indexOf(v) === i) var y = (Rooms_new) => Rooms_new.filter((v,i) => Rooms_new.indexOf(v) === i) $('#addon_rooms').html(""); y(Rooms_names).forEach(element =>{ $('#addon_rooms').append('<span class="badge badge-pill badge-primary">'+element+'</span> ')}); x(Rooms).forEach(element =>{ add_on +=element+','; $('#hidden_room_ids').val(add_on) }); $('#hidden_room_ids_count').val(x(Rooms).length); if((parseInt($('#rent').val()) * parseInt(x(Rooms).length)) * parseInt($('#days').val())){ $('#totalterrif').val((parseInt($('#rent').val()) * parseInt(x(Rooms).length)) * parseInt($('#days').val())); $('#totalterrifinput').val((parseInt($('#rent').val()) * parseInt(x(Rooms).length) * parseInt($('#days').val()))); let rent = 0 if($('#rent').val() !='') { rent = $('#rent').val() } let days = 0 if($('#days').val() !='') { days = $('#days').val() } let totalamount = 0 if($('#totalamount').val() !='') { totalamount = $('#totalamount').val() } $('#totalamount').val((parseInt(rent) * parseInt(x(Rooms).length) * parseInt(days)+ parseFloat(totalamount))); }else{ $('#totalterrif').val(0); $('#totalterrifinput').val(0); } } // input box adding function Check() { if (document.getElementById('GST').checked) {document.getElementById('textbox').style.display = 'block';} } // form validations var name = /^[a-zA-Z ]{2,30}$/; var phone = /^\+[0-9]{2,3}-[0-9]\d{10}/; var mail = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/; function isChar(evt) { var keyCode = (evt.which) ? evt.which : evt.keyCode if ((keyCode < 65 || keyCode > 90) && (keyCode < 97 || keyCode > 123) && keyCode != 32) return false; return true; } function isNumber(evt) { var iKeyCode = (evt.which) ? evt.which : evt.keyCode if (iKeyCode > 31 && (iKeyCode < 48 || iKeyCode > 57)) return false; return true; } function formvalidate(){ var booking_select = document.getElementById("booking_select").value; if (booking_select == 0) { alert("Please select one option"); document.myForm.booking_select.focus(); return false; } if(booking_select =='hall') { var fuctionhall_type = document.getElementById("fuctionhall_type").value; if (fuctionhall_type == "") { alert("Please check functionhall type"); document.myForm.fuctionhall_type.focus(); return false; } if (document.myForm.booking_date.value == ""){ alert("Please enter Booking Date"); return false; } if (document.myForm.customername.value == ""){ alert("Please enter Customer Name"); document.myForm.customername.focus(); return false; } if (document.myForm.mobilenumber.value == ""){ alert("Please enter Mobile Number"); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.mobilenumber.value.length > 10 ){ alert("Please enter only 10 digits "); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.mobilenumber.value.length < 10 ){ alert("Please enter Mobile Number that is at least 10 characters"); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.address.value == ""){ alert("Please enter Address"); document.myForm.address.focus(); return false; } if( document.getElementById("aadharfile").files.length == 0 ){ alert('please upload id proof'); document.myForm.aadharfile.focus(); return false; } var _validFileExtensions = [".jpg", ".jpeg", ".bmp", ".gif", ".png"]; var arrInputs = document.getElementsByTagName("input"); for (var i = 0; i < arrInputs.length; i++) { var oInput = arrInputs[i]; if (oInput.type == "file") { var sFileName = oInput.value; if (sFileName.length > 0) { var blnValid = false; for (var j = 0; j < _validFileExtensions.length; j++) { var sCurExtension = _validFileExtensions[j]; if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) { blnValid = true; break; } } if (!blnValid) { alert("Sorry, " + sFileName + " is invalid, allowed extensions are: " + _validFileExtensions.join(", ")); return false; } } } } if (document.myForm.finalamount.value == ""){ alert("Please enter Final Amount"); document.myForm.finalamount.focus(); return false; } if ((document.myForm.tax_type[0].checked == false ) && (document.myForm.tax_type[1].checked == false ) ) { alert ( "Please choose GST or NON-GST" ); return false; } if(document.myForm.tax_type[0].checked == true) { if (document.myForm.gstamount.value == ""){ alert("Please enter GST"); document.myForm.gstamount.focus(); return false; } } var payment_type = document.getElementById("payment_type").value; if (payment_type == 0) { alert("Please select Payment type"); document.myForm.payment_type.focus(); return false; } if (document.myForm.totalamount.value == ""){ alert("Please enter Total Amount"); //document.myForm.totalamount.focus(); return false; } } else if(booking_select =='hall_room') { var fuctionhall_type = document.getElementById("fuctionhall_type").value; if (fuctionhall_type == "") { alert("Please check functionhall type"); document.myForm.fuctionhall_type.focus(); return false; } if (document.myForm.num_rooms.value == ""){ alert("Please enter Number of Rooms"); document.myForm.num_rooms.focus(); return false; } if (document.myForm.booking_date.value == ""){ alert("Please enter Booking date"); return false; } var room_type = document.getElementById("room_type").value; if (room_type == 0) { alert("Please select room type"); document.myForm.room_type.focus(); return false; } if (document.myForm.check_in_date.value == ""){ alert("Please enter Check in Date"); document.myForm.check_in_date.focus(); return false; } if (document.myForm.check_out_date.value == ""){ alert("Please enter Check out Date"); return false; document.myForm.check_out_date.focus(); } if (document.myForm.daysinput.value == ""){ alert("Please enter Number of Days"); document.myForm.days.focus(); return false; } var residence_select_id = document.getElementById("hidden_room_ids").value; if ((residence_select_id)=="") { alert("Please select rooms from calender"); return false; } if (document.myForm.customername.value == ""){ alert("Please enter Customer Name"); document.myForm.customername.focus(); return false; } if (document.myForm.mobilenumber.value == ""){ alert("Please enter Mobile Number"); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.mobilenumber.value.length > 10 ){ alert("Please enter only 10 digits "); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.mobilenumber.value.length < 10 ){ alert("Please enter Mobile Number that is at least 10 characters"); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.address.value == ""){ alert("Please enter Address"); document.myForm.address.focus(); return false; } if( document.getElementById("aadharfile").files.length == 0 ){ alert('please upload id proof'); document.myForm.aadharfile.focus(); return false; } var _validFileExtensions = [".jpg", ".jpeg", ".bmp", ".gif", ".png"]; var arrInputs = document.getElementsByTagName("input"); for (var i = 0; i < arrInputs.length; i++) { var oInput = arrInputs[i]; if (oInput.type == "file") { var sFileName = oInput.value; if (sFileName.length > 0) { var blnValid = false; for (var j = 0; j < _validFileExtensions.length; j++) { var sCurExtension = _validFileExtensions[j]; if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) { blnValid = true; break; } } if (!blnValid) { alert("Sorry, " + sFileName + " is invalid, allowed extensions are: " + _validFileExtensions.join(", ")); return false; } } } } var rent = document.getElementById("rent").value; if (rent == ""){ alert("Please enter Room Tariff"); //document.getElementById("rent").focus(); return false; } if ((document.myForm.tax_type[0].checked == false ) && (document.myForm.tax_type[1].checked == false ) ) { alert ( "Please choose GST or NON-GST" ); return false; } if(document.myForm.tax_type[0].checked == true) { if (document.myForm.gstamount.value == ""){ alert("Please enter GST"); document.myForm.gstamount.focus(); return false; } } var payment_type = document.getElementById("payment_type").value; if (payment_type == 0) { alert("Please select Payment type"); document.myForm.payment_type.focus(); return false; } if (document.myForm.totalamount.value == ""){ alert("Please enter Total Amount"); document.myForm.totalamount.focus(); return false; } } else if(booking_select =='room') { if (document.myForm.num_rooms.value == ""){ alert("Please enter Number of Rooms"); document.myForm.num_rooms.focus(); return false; } var room_type = document.getElementById("room_type").value; if (room_type == 0) { alert("Please select room type"); document.myForm.room_type.focus(); return false; } if (document.myForm.check_in_date.value == ""){ alert("Please enter Check in Date"); document.myForm.check_in_date.focus(); return false; } if (document.myForm.check_out_date.value == ""){ alert("Please enter Check out Date"); return false; document.myForm.check_out_date.focus(); } var residence_select_id = document.getElementById("hidden_room_ids").value; if ((residence_select_id)=="") { alert("Please select rooms from calender"); return false; } if (document.myForm.daysinput.value == ""){ alert("Please enter Number of Days"); document.myForm.days.focus(); return false; } if (document.myForm.customername.value == ""){ alert("Please enter Customer Name"); document.myForm.customername.focus(); return false; } if (document.myForm.mobilenumber.value == ""){ alert("Please enter Mobile Number"); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.mobilenumber.value.length > 10 ){ alert("Please enter only 10 digits "); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.mobilenumber.value.length < 10 ){ alert("Please enter Mobile Number that is at least 10 characters"); document.myForm.mobilenumber.focus(); return false; } if (document.myForm.address.value == ""){ alert("Please enter Address"); document.myForm.address.focus(); return false; } if( document.getElementById("aadharfile").files.length == 0 ){ alert('please upload id proof'); document.myForm.aadharfile.focus(); return false; } var _validFileExtensions = [".jpg", ".jpeg", ".bmp", ".gif", ".png"]; var arrInputs = document.getElementsByTagName("input"); for (var i = 0; i < arrInputs.length; i++) { var oInput = arrInputs[i]; if (oInput.type == "file") { var sFileName = oInput.value; if (sFileName.length > 0) { var blnValid = false; for (var j = 0; j < _validFileExtensions.length; j++) { var sCurExtension = _validFileExtensions[j]; if (sFileName.substr(sFileName.length - sCurExtension.length, sCurExtension.length).toLowerCase() == sCurExtension.toLowerCase()) { blnValid = true; break; } } if (!blnValid) { alert("Sorry, " + sFileName + " is invalid, allowed extensions are: " + _validFileExtensions.join(", ")); return false; } } } } var rent = document.getElementById("rent").value; if (rent == ""){ alert("Please enter Room Tariff"); //document.getElementById("rent").focus(); return false; } if ((document.myForm.tax_type[0].checked == false ) && (document.myForm.tax_type[1].checked == false ) ) { alert ( "Please choose GST or NON-GST" ); return false; } if(document.myForm.tax_type[0].checked == true) { if (document.myForm.gstamount.value == ""){ alert("Please enter GST"); return false; } } var payment_type = document.getElementById("payment_type").value; if (payment_type == 0) { alert("Please select Payment type"); document.myForm.payment_type.focus(); return false; } if (document.myForm.totalamount.value == ""){ alert("Please enter Total Amount"); document.myForm.totalamount.focus(); return false; } } } </script> <!-- Menu Toggle Script --> <script> $("#menu-toggle").click(function(e) { e.preventDefault(); $("#wrapper").toggleClass("toggled"); }); $(document).ready(function() { $('#form').addClass("active"); }); window.setTimeout(function() { $(".alert").fadeTo(500, 0).slideUp(500, function(){ $(this).remove(); }); }, 2000); function storeFile() { var val = document.getElementById('aadharfile').value if(val == ''){ document.getElementById('aadharfile').files = document.getElementById('aadharHiddenFile').files } else { document.getElementById('aadharHiddenFile').files = document.getElementById('aadharfile').files } } </script> <script> function hello() { let dis=document.getElementById("totalterrif").value; let dis1=document.getElementById("discount").value; // console.log("hello") // alert("hii1"); if(dis1>dis) { alert("The discount amount is greater than the original amount.Please once check it.") } // else{ // document.write(dis1); // } } </script> <script> function hello() { if(document.getElementById('discount_per').checked) { document.getElementById("disp").innerHTML = document.getElementById("discount_per").value + " radio button is checked"; } else if(document.getElementById('discountcheck_room').checked) { document.getElementById("disp").innerHTML = document.getElementById("discountcheck_room").value + " radio button is checked"; } else { document.getElementById("error").innerHTML = "You have not selected any discount type"; } } </script> </html>