bnmbnmbnmnbmbio;io;irererereeo;o;oi;;oi;oioi;oi;oio;;oovn

hjkhhjhjol;io;ioio;ioiio;ioreererereio;;iooi;i;o;oii;o;ioo;iio;oi; bnmbnmbnmnbmbio;io;irererereeo;o;oi;;oi;oioi;oi;oio;;oovn

<!DOCTYPE html>
<html lang="en" style="overflow-x: hidden;">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Round Way Booking - Rock On Wheels Travels</title>
<?php include "include/header.php";
include("config.php");
$id = $_POST['cab_cat_id'];
$origin = $_POST['o'];
$destination = $_POST['d'];
$pickup_date = $_POST['pickup_date'];
$drop_date = $_POST['drop_date'];
$times = $_POST['time'];
$lat = $_POST['lat'];
$long = $_POST['long'];
$pickup_time = $_POST['pickup_time'];
$distance = round($_POST['distance']);
$old_distance = $distance;
$time = $_POST['time'];
$rate = $_POST['rate'];

$sql3 = "select * from `cab_types` where `id`='$id'";

$result3 = mysqli_query($db, $sql3);

$rows = mysqli_fetch_array($result3);
$type = $rows['type'];
$img = $rows['img'];
$ac = $rows['ac'];
$type_id = $rows['type'];
$cab_price=$rows['round_price'];
$extra_afterkms = $rows['extra_afterkms'];
$number_passenger = $rows['number_passenger'];
$luggage = $rows['luggage'];
$similar_cars = $rows['similar_cars'];
$priceperhour=$rows['round_price'];
$driverall=$rows['driver_allowance'];
$daylimit = $rows['daylimit'];
$inclusion=$rows['inclusion'];
$exclusion=$rows['exclusion'];

?>
<style>
    .bg-banner  {
        background: url(images/cab_booking.png) no-repeat;
        background-size: cover;
        width: 100%;
        position: relative;
    }
    @media only screen and (min-width: 768px)  {
        #cab_imgpart {
            width: 60%;
        }
    }
    #shadow {
        box-shadow: rgb(0 0 0 / 23%) 0px 0.2rem 0.5rem 0px;
    }
</style>
<section class="same-section-spacing bg-banner">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="banner-box">
                    <h2></h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Booking Details</li>
                        </ol>
                        <h2 style="text-align: center;
                        ">Booking Details</h2>
                        <hr id="hr3">
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="wrapperhead bg-head pb-1">
    <div class="container-fluid head-out fixed-top sticky-top bg-white">
        <div class="secondPageSearchBar bg-secPageNavForm " style="margin-bottom:-15px!important;
        margin-left:-15px;
        margin-right:-15px;
        ">
        <div class="container-fluid">
            <div class="row secondPageSearchBarA navbar-collapse head2-remove tab-content" id="secondPageSearchBarid" style="margin-bottom: -15px;
            ">
            <div class="tab-pane container-fluid  active" id="rental">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7 col-12">
                            <div class="row">
                                <div id="shadow" class="w-100">
                                    <div class="col-md-6 text-center">
                                        <img src="admin/<?php echo $img ?>" class="img-fluid" id="cab_imgpart" alt="<?php echo $type ?>">
                                        <h4 class="mt-2" style="color: #023047;
                                        font-weight: 600">₹ <?php echo $rate;
                                    ?></h4>
                                </div>
                                <div class="col-md-6 py-4">
                                    <h3 class="text-center" style="font-weight: 600;
                                    color: #000;
                                    "><?php echo $type ?></h3>
                                    <div class="row mt-3">
                                        <div class="col-md-6 text-center">

</div>
<div class="col-md-6 text-center">
    <p style="color: #000"><?php echo $distance;
?> <i class="fa fa-road 2x" style="font-size: 18px"></i></p>
</div>
</div>
</div>
</div>
<div class="col-md-12 px-0 mt-4" id="shadow">
    <div class="card-header" style=" color: #000;
    font-weight: bold;
    ">Your Booking Details</div>
    <style>
        @media only screen and (max-width: 600px)  {
            .roundedbox  {
                margin-top: 0px !important;
            }
            .tablink  {
                font-size: 13px;
            }
            .inp-m  {
                margin-top: 15px !important;
            }
        }
        .roundedbox  {
            border-radius: 0px !important;
        }
    </style>
    <div class=" ">
        <div class="">
            <div class="col-lg-12 p-0">
                <button class="tablink " onclick="openPage('Outstation', this, '#ed1b24')" id="defaultOpen">Details</button>
                <button class="tablink" onclick="openPage('Local', this, '#ed1b24')">Inclusions</button>
                <button class="tablink" onclick="openPage('Airport', this, '#ed1b24')">Exclusions</button>
                <div id="Outstation" class="tabcontent">
                    <div class="col-lg-12">
                        <p style="color:black;
                        "><b>From : </b><span><?php echo $origin . ' <b>To : </b> ' . $destination;
                    ?></span></p>
                    <p style="color:black;
                    "><b>Pickup Date :</b> <span><?php echo $pickup_date;
                ?></span></p>
                <p style="color:black;
                "><b>Drop Date :</b> <span><?php echo $drop_date;
            ?></span></p>
            <p style="color:black;
            "><b>Car type :</b> <span> </span><?php echo $type;
        ?></p>
        <p style="color:black;
        " ><b>Kilometers :</b> <?php echo $distance;
    ?> km </p>
    <p style="color:black;
    "><b>Total Fare :</b> <span>₹ <?php echo $rate;
?></span></p>
</div>
</div>
<div id="Local" class="tabcontent">
    <div class="col-lg-12">
        <?php

?>
        <div id="inc"><p style="color:black;" >Kilometer: <?php echo round($old_distance); ?> km.</p>
            <?php echo $inclusion; ?></div>
        </div>
    </div>
    <div id="Airport" class="tabcontent">
        <div class="col-lg-12">
            <div id="inc">
                <?php echo $exclusion; ?>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-12">
    <div class="card">
        <div class="card-header" style=" background: #ed1b24;
        color: #fff;
        "> Contact & Pickup Details</div>
        <div class="card-body">
            <div class="container">
                <form action="submit" method="post" id="formsubmit">
                    <input type="hidden" name="cab_cat_id" value="<?php echo $id;?>" />
                    <input type="hidden" name="o" value="<?php echo $origin;?>" />
                    <input type="hidden" name="d" value="<?php echo $destination;?>" />
                    <input type="hidden" name="pickup_date" value="<?php echo $pickup_date;?>" />
                    <input type="hidden" name="drop_date" value="<?php echo $drop_date;?>" />
                    <input type="hidden" name="Cab" value="Round Trip" />
                    <input type="hidden" name="cartype" value="<?php echo $type;?>" />
                    <input type="hidden" name="pickup_time" value="<?php echo $pickup_time;?>" />
                    <input type="hidden" name="distance" value="<?php echo $old_distance;?>" />
                    <input type="hidden" name="extra_km" value="<?php echo $extra_afterkms;?>" />
                    <input type="hidden" name="time" value="<?php echo $times;?>" />
                    <input type="hidden" name="trip_type" value="Round Trip" />
                    
                    <input type="hidden" name="rate" id="rate" value="<?php echo $rate;?>"/>
                    <input required type="text" class="form-control" placeholder="Your Name" name="CustomerData[FirstName]" value="<?php echo $user_name; ?>">
                    <input required type="email" class="form-control mt-3" placeholder="Your Email" name="CustomerData[Email]" value="<?php echo $users_email; ?>">
                    <input required type="number" class="form-control mt-3" placeholder="Your Mobile No." name="CustomerData[MobileNo]" value="<?php echo $users_contact; ?>">
                    <input required type="text" class="form-control mt-3" placeholder="Your pick Up Address" id="autocomplete3" name="CustomerData[BillingAddress]" autocomplete="off">

<?php
                    $amount=round($rate*20/100,2);
                    ?>
                    <ul class="list-group mt-3">
                        <li class="list-group-item border-0 d-flex align-items-center" style="background-color:#F2F9FF;
                        ">
                        <input type="checkbox" name="checkbox" checked required> <small class="pl-2">I agree with <a href="terms-and-conditions" target="_blank">Terms of Use</a> & <a href="refund-policy" target="_blank">Cancellation Policy</a> of this service.</small>
                    </li>
                    
    <li class="list-group-item border-0 d-flex justify-content-between align-items-center mt-3" style="background-color:#F2F9FF;
    ">
    <input type="hidden" name="ptype" id="ptype">
    <input type="radio" id="cash_payment" checked name="OrderAmount" value="<?php echo $rate;
    ?>" style="width: 6%;
    height: 20px;
    "><span style="padding-right: 70px;
    color: gray;
    ">Cash payment</span>
    <span class="text-dark font-weight-bold">₹ <?php echo $rate;
?></span>
</li>
</ul>
<div class="form-group col-12 p-0 m-0 text-center mt-4">
    <input type="submit" class="btn btn-theme border-0 placeholder-font1 mt-auto py-2 px-5 mt-3 btn-search" name="submitcod" style="background-color: #000;
    color: #ffffff;
    " value="Proceed" />
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
    .pac-container  {
        z-index: 10000 !important;
    }
</style>
<script src="https://maps.google.com/maps/api/js?key=AIzaSyAsZG3qrY25FooRhY9G41wDfeO1l6gZLgU&libraries=places&callback=initAutocomplete" type="text/javascript"></script>
<script>

google.maps.event.addDomListener(window, 'load', initialize);
    function initialize()  {
        var input = document.getElementById('autocomplete');
        var autocomplete = new google.maps.places.Autocomplete(input);
        var input = document.getElementById('autocomplete2');
        var autocomplete2 = new google.maps.places.Autocomplete(input);
        var input = document.getElementById('autocomplete3');
        var autocomplete3 = new google.maps.places.Autocomplete(input);

}
    
</script>
<?php include "include/footer.php" ?>