<section id="main_form" class="padding12top">
    <div class="banner-bottom pcenter" >
        <!-- container -->
        <div class="container">
            <?php echo $this->partial('outstation/index/round-trip-modify'); ?>
            <div class="col-sm-12 sige_small">

                <div class="choose">
                    <div class="">
                        <div class="banner-bottom pcenter" align="center" >
                            <img src="/images/revue2.png">
                        </div>
                    </div>
                </div>

            </div>

            <div class="banner-bottom-grids">




                <div class="col-sm-6 banner-bottom-grid widthpercent60 padding_margin0">
                    <div>


                        <div class="destinations-grid-info tours" >
                            <div class="choose-info height35px border_bottom">
                                <h4>Trip Summary</h4>
                            </div>
                            <div class="td-grids">
                                <div class="mapcantiner_inner1 no-padding">

                                    <div class="testimonial_box">
                                        <div class="col-sm-12 no-padding margin-top-5"><span class="txtdgrey mL10 col-sm-3">Modify Car</span>
                                            <div class="col-sm-2"><div class="carbooking margin-left31">
                                                    <input type="radio" onClick="showMe('divmcar', this)" name="Mcar" id="yes" checked="checked">
                                                    <label for="yes"><span class="radio">Yes</span></label>
                                                </div></div>
                                            <div class="col-sm-2"><div class="carbooking margin-left31">
                                                    <input type="radio" onClick="showMe1('divmcar', this)" name="Mcar" id="No" checked="checked">
                                                    <label for="No"><span class="radio">No</span></label>
                                                </div></div></div>



                                        <div class="destinations-grid-info tours disable_none pull-left widthpercent100"  id="divmcar">
                                            <div class="td-grids">


                                                <div class="col-md-3 sightmargin" align="left">

                                                    <div class="group">
                                                        <div class="spanclass">I want a Cab in*</div>
                                                        <span class="bar"></span>
                                                        <div class="select-style" >
                                                            <select class="inputMaterial" >

                                                                <option>Car name 1</option>

                                                                <option>Car name 2</option>

                                                                <option>Car name 3</option>

                                                                <option>Car name 4</option>
                                                                <option>Car name 5</option>
                                                            </select>
                                                        </div>
                                                        <span class="highlight"></span>
                                                        <span class="bar"></span>

                                                    </div>

                                                </div>


                                                <div class="col-xs-2 td-right">

                                                </div>
                                                <div class="clearfix"> </div>
                                            </div>
                                        </div>


                                        <div class="mapcantiner_inner1 no-padding">
                                            <div class="margin-bot10px padding-bot10px">
                                                <div class="col-md-31 sightmargin overviueimg" align="left">
                                                    <span class="image_box no-margin padding5px height-outo widthpercent100 " >
                                                        <input name="cabImg" value="" type="hidden">
                                                        <img src="/images/vehicle.png" class="widthpercent100"></span>

                                                </div>

                                                <div class="col-md-31 sightmargin overviueimg1" align="left">

                                                    Compact - AC Tata Indica<br>
                                                    Rs. 6548
                                                </div>

                                                <div class="col-md-31 sightmargin overviueimg2" align="left" >
                                                    <span class="vehicle_name">Pickup City:</span><br>
                                                    <span class="vehicle_name">	New Delhi</span>


                                                </div>

                                                <div class="col-md-31 sightmargin overviueimg2" align="left" >
                                                    <span class="vehicle_name">Date:</span><br>
                                                    <span class="vehicle_name">12/11/2015</span>
                                                    <span class="vehicle_name">10 AM</span>


                                                </div>

                                                <div class="col-md-31 sightmargin overviueimg2" align="left">
                                                    <span class="vehicle_name">Dropoff City:</span><br>
                                                    <span class="vehicle_name">	New Delhi</span>


                                                </div>

                                                <div class="col-md-31 sightmargin overviueimg2" align="left">
                                                    <span class="vehicle_name">Date:</span><br>
                                                    <span class="vehicle_name">16/11/2015</span>
                                                    <span class="vehicle_name">5 PM</span>


                                                </div>

                                                <div class="col-md-31 sightmargin overviueimg2" align="left">
                                                    <span class="vehicle_name">Adults: 4</span><br>
                                                    <span class="vehicle_name">Children: 4</span>



                                                </div>







                                            </div>

                                        </div>

                                    </div></div>
                                <div class="clearfix"> </div>
                            </div>

                            <div id="filtered-vehicle-data">
                            <?php echo $this->partial('outstation/index/round-trip-filtered-vehicle-listing'); ?>
                        </div>

                            <div class="td-grids">
                                <div class="mapcantiner_inner1 no-padding">

                                    <div class="testimonial_box padding-bot10px margin-bot10px">
                                        <div class="txtdgrey mL10 col-sm-12">Modify Sightseeing  <a href="outstation_Sightseeing.html" class="displayinline">Modify</a></div>

                                    </div></div>
                                <h5>Agra </h5>



                                <div class="mapcantiner_inner1 no-padding">
                                    <div class="col-sm-12 margin-bot10px padding-bot10px padding-top5px">

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Tajmahal</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3 no-padding" align="left">

                                            <img src="images/tajmahal.jpg" class="sightseen-img-review" ><span class="vehicle_name linhight50"><a href="#">Remove</a></span>


                                        </div>

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Rs. 500.00</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50"><a href="#">Remove</a></span>



                                        </div>




                                    </div>

                                </div>

                                <div class="mapcantiner_inner1 no-padding">
                                    <div class="col-sm-12 margin-bot10px padding-bot10px padding-top5px">

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Tajmahal</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3 no-padding" align="left">

                                            <img src="images/tajmahal.jpg" class="sightseen-img-review" ><span class="vehicle_name linhight50"><a href="#">Remove</a></span>


                                        </div>

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Rs. 500.00</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50"><a href="#">Remove</a></span>



                                        </div>




                                    </div>

                                </div>

                                <div class="clearfix"> </div>
                            </div>

                            <div class="td-grids">

                                <h5>Jaipur</h5>



                                <div class="mapcantiner_inner1 no-padding">
                                    <div class="col-sm-12 margin-bot10px padding-bot10px padding-top5px">

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Tajmahal</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3 no-padding" align="left">

                                            <img src="images/tajmahal.jpg" class="sightseen-img-review" ><span class="vehicle_name linhight50"><a href="#">Remove</a></span>


                                        </div>

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Rs. 500.00</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50"><a href="#">Remove</a></span>



                                        </div>




                                    </div>

                                </div>

                                <div class="mapcantiner_inner1 no-padding">
                                    <div class="col-sm-12 margin-bot10px padding-bot10px padding-top5px">

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Tajmahal</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3 no-padding" align="left">

                                            <img src="images/tajmahal.jpg" class="sightseen-img-review" ><span class="vehicle_name linhight50"><a href="#">Remove</a></span>


                                        </div>

                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50">Rs. 500.00</span><br>



                                        </div>


                                        <div class="col-md-31 overviueimg3" align="left" >
                                            <span class="vehicle_name linhight50"><a href="#">Remove</a></span>



                                        </div>




                                    </div>

                                </div>


                                <div class="clearfix"> </div>
                            </div>
                        </div>




                        <div class="clearfix"> </div>

                    </div>

                    <a name="trip"></a>

                    <!--Customise div-->
                    <div class="choose" id="costomise_div" style="display:none;">



                        <div class="choose-info left widthpercent100">
                            <label class="left"><h4><a href="#costomise_div" id="show_trip" class="show_trip">Trip Details</a></h4></label>
                            <label class="right"><h4><a href="#costomise_div" class="show_customise" id="show_customise">Customise Trip</a></h4></label>

                        </div>


                        <div class="destinations-grid-info tours left">
                            <h5><span style="float:left;">Day 1, Delhi - Agra, Karolbag, 6 AM</span><span style="float:right;"><a id="close" class="close">X</a></span></h5>
                            <div class="td-grids">
                                <div class="mapcantiner_inner1" style="padding:0 !important;">

                                    <div id="boxes-example">
                                        <div style="opacity: 1; line-height:30px;" class="box" draggable="true">
                                            <img src="images/arow1.png"  style="float:left; margin-right:10px; width:14px; height:30px;">
                                            06:00 AM Start from Delhi, 11:00 AM Arrive in Agra, visit Taj Mahal

                                            <img src="images/tajmahal.jpg" style="float:right; width:30px; height:30px;">


                                        </div>
                                        <div style="opacity: 1; line-height:30px;" class="box" draggable="true">
                                            <img src="images/arow1.png"  style="float:left; margin-right:10px; width:14px; height:30px;">
                                            01:00 PM Lunch (Optional/Own Cost), Visit Agra Fort
                                            <img src="images/tajmahal.jpg" style="float:right; width:30px; height:30px;">


                                        </div>
                                        <div style="opacity: 1; line-height:30px;" class="box" draggable="true">
                                            <img src="images/arow1.png"  style="float:left; margin-right:10px; width:14px; height:30px;">
                                            06:00 PM Depart for Hotel or Agra -Jaipur 4:20 Hr

                                            <img src="images/tajmahal.jpg" style="float:right; width:30px; height:30px;">
                                        </div>

                                        <div style="float:left;">
                                            <ul class="sightinc1">



                                            </ul>

                                        </div>

                                        <div style="float:left;">
                                            <ul class="sightinch">



                                            </ul>

                                        </div>


                                        <div style="opacity: 1; line-height:30px; width:auto; float:left; cursor:pointer;" class="box" draggable="true">
                                            <span id="modify_vehicle">Modify Vehicle </span>
                                        </div>

                                        <div style="opacity: 1; line-height:30px; width:auto; float:left; cursor:pointer" class="box" draggable="true">
                                            <span id="modify_driver">Modify Driver </span>
                                        </div>

                                        <div style="opacity: 1; line-height:30px; width:auto; float:left; cursor:pointer" class="box" draggable="true">
                                            <span id="modify_guide">Modify Guide </span>
                                        </div>

                                        <div style="opacity: 1; line-height:30px; width:auto; float:left;" class="box" draggable="true">
                                            <span id="add_sightseeings">Add Sightseeings </span>
                                        </div>

                                        <div style="opacity: 1; line-height:30px; width:auto; float:left;" class="box" draggable="true">
                                            <span id="modify_hotel">Modify Hotel </span>
                                        </div>

                                        <div style="opacity: 1; line-height:30px; width:auto; float:left;" class="box" draggable="true">
                                            <span id="modify_activity">Add Activity </span>
                                        </div>

                                    </div>


                                    <script>
                                        (function () {
                                            var id_ = 'boxes-example';
                                            var boxes_ = document.querySelectorAll('#' + id_ + ' .box');
                                            var dragSrcEl_ = null;

                                            this.handleDragStart = function (e) {
                                                e.dataTransfer.effectAllowed = 'move';
                                                e.dataTransfer.setData('text/html', this.innerHTML);

                                                dragSrcEl_ = this;

                                                this.style.opacity = '0.5';

                                                // this/e.target is the source node.
                                                this.addClassName('moving');
                                            };

                                            this.handleDragOver = function (e) {
                                                if (e.preventDefault) {
                                                    e.preventDefault(); // Allows us to drop.
                                                }

                                                e.dataTransfer.dropEffect = 'move';

                                                return false;
                                            };

                                            this.handleDragEnter = function (e) {
                                                this.addClassName('over');
                                            };

                                            this.handleDragLeave = function (e) {
                                                // this/e.target is previous target element.

                                                this.removeClassName('over');
                                            };

                                            this.handleDrop = function (e) {
                                                // this/e.target is current target element.

                                                if (e.stopPropagation) {
                                                    e.stopPropagation(); // stops the browser from redirecting.
                                                }

                                                // Don't do anything if we're dropping on the same box we're dragging.
                                                if (dragSrcEl_ != this) {
                                                    dragSrcEl_.innerHTML = this.innerHTML;
                                                    this.innerHTML = e.dataTransfer.getData('text/html');
                                                }

                                                return false;
                                            };

                                            this.handleDragEnd = function (e) {
                                                // this/e.target is the source node.
                                                this.style.opacity = '1';

                                                [].forEach.call(boxes_, function (box) {
                                                    box.removeClassName('over');
                                                    box.removeClassName('moving');
                                                });
                                            };

                                            [].forEach.call(boxes_, function (box) {
                                                box.setAttribute('draggable', 'true');  // Enable boxes to be draggable.
                                                box.addEventListener('dragstart', this.handleDragStart, false);
                                                box.addEventListener('dragenter', this.handleDragEnter, false);
                                                box.addEventListener('dragover', this.handleDragOver, false);
                                                box.addEventListener('dragleave', this.handleDragLeave, false);
                                                box.addEventListener('drop', this.handleDrop, false);
                                                box.addEventListener('dragend', this.handleDragEnd, false);
                                            });
                                        })();
                                    </script>

                                </div>

                                <div class="clearfix"> </div>

                            </div>
                        </div>


                        <div class="destinations-grid-info tours left">
                            <h5>Day 2, Jaipur</h5>
                            <div class="td-grids">
                                <div class="mapcantiner_inner1" style="padding:0 !important;">

                                    <div id="boxes-example1">
                                        <div style="opacity: 1; line-height:30px;" class="box" draggable="true">
                                            <img src="images/arow1.png"  style="float:left; margin-right:10px; width:14px; height:30px;">
                                            08:00 AM visit Jal Mahal

                                            <img src="images/tajmahal.jpg" style="float:right; width:30px; height:30px;">


                                        </div>
                                        <div style="opacity: 1; line-height:30px;" class="box" draggable="true"><img src="images/arow1.png"  style="float:left; margin-right:10px; width:14px; height:30px;">
                                            01:00 PM Lunch (Optional/Own Cost), Visit Next Sightseeing
                                            <img src="images/tajmahal.jpg" style="float:right; width:30px; height:30px;">


                                        </div>
                                        <div style="opacity: 1; line-height:30px;" class="box" draggable="true">
                                            <img src="images/arow1.png"  style="float:left; margin-right:10px; width:14px; height:30px;">
                                            06:00 PM Depart for Hotel or Destination 4:20 Hr

                                            <img src="images/tajmahal.jpg" style="float:right; width:30px; height:30px;">
                                        </div>



                                    </div>


                                    <script>
                                        (function () {
                                            var id_ = 'boxes-example1';
                                            var boxes_ = document.querySelectorAll('#' + id_ + ' .box');
                                            var dragSrcEl_ = null;

                                            this.handleDragStart = function (e) {
                                                e.dataTransfer.effectAllowed = 'move';
                                                e.dataTransfer.setData('text/html', this.innerHTML);

                                                dragSrcEl_ = this;

                                                this.style.opacity = '0.5';

                                                // this/e.target is the source node.
                                                this.addClassName('moving');
                                            };

                                            this.handleDragOver = function (e) {
                                                if (e.preventDefault) {
                                                    e.preventDefault(); // Allows us to drop.
                                                }

                                                e.dataTransfer.dropEffect = 'move';

                                                return false;
                                            };

                                            this.handleDragEnter = function (e) {
                                                this.addClassName('over');
                                            };

                                            this.handleDragLeave = function (e) {
                                                // this/e.target is previous target element.

                                                this.removeClassName('over');
                                            };

                                            this.handleDrop = function (e) {
                                                // this/e.target is current target element.

                                                if (e.stopPropagation) {
                                                    e.stopPropagation(); // stops the browser from redirecting.
                                                }

                                                // Don't do anything if we're dropping on the same box we're dragging.
                                                if (dragSrcEl_ != this) {
                                                    dragSrcEl_.innerHTML = this.innerHTML;
                                                    this.innerHTML = e.dataTransfer.getData('text/html');
                                                }

                                                return false;
                                            };

                                            this.handleDragEnd = function (e) {
                                                // this/e.target is the source node.
                                                this.style.opacity = '1';

                                                [].forEach.call(boxes_, function (box) {
                                                    box.removeClassName('over');
                                                    box.removeClassName('moving');
                                                });
                                            };

                                            [].forEach.call(boxes_, function (box) {
                                                box.setAttribute('draggable', 'true');  // Enable boxes to be draggable.
                                                box.addEventListener('dragstart', this.handleDragStart, false);
                                                box.addEventListener('dragenter', this.handleDragEnter, false);
                                                box.addEventListener('dragover', this.handleDragOver, false);
                                                box.addEventListener('dragleave', this.handleDragLeave, false);
                                                box.addEventListener('drop', this.handleDrop, false);
                                                box.addEventListener('dragend', this.handleDragEnd, false);
                                            });
                                        })();
                                    </script>

                                </div>

                                <div class="clearfix"> </div>

                            </div>

                            <span>Note<span style="color:red;">*</span>:</span> &nbsp;You Can Customize Your Trip by Tracking one Sightseeings to Another
                        </div>
                    </div>

                    <!--Customise div-->

                    <div class="clearfix"> </div>

                    <div id="accordion" class="panel-group">

                        <div id="trip_details" style="display:none; float:left; margin-bottom:20px;">

                            <div class="col-sm-12">
                                <h2 style="float:left; width:40%;"><a href="#costomise_div" id="show_trip" class="show_trip">Trip Details</a></h2>
                                <h2 style="float:right; width:40%;" align="right"><a href="#costomise_div" id="show_customise" class="show_customise">Customise Trip</a></h2>

                            </div>


                            <div class="destinations" style="float:left;">

                                <ul>
                                    <li class="button" style="background:#fff; border-bottom:1px solid #333; padding:10px  20px;">Day 1<span style="float:right;"><a id="close" class="close" style="padding:0; font-size:18px; color:#900;">X</a></span><li>

                                        <div class="destinations-grid-info">
                                            <div class="destinations-hotel">06:00 AM     Start from Delhi</div>
                                            <div class="destinations-hotel">11:00 AM Arrive in Agra, visit Taj Mahal</div>
                                            <div class="destinations-hotel">01:00 PM Lunch</div>
                                            <div class="destinations-hotel">03:00 PM     Visit Agra Fort</div>
                                            <div class="destinations-hotel">06:00 PM     Depart for Jaipur</div>
                                            <div class="destinations-hotel">11:00 PM     Arrive in Jaipur &amp; Check into hotel</div>
                                            <div class="clearfix"> </div>
                                        </div>

                                    </li>
                                    </li>
                                    <li class="button" style="background:#fff; border-bottom:1px solid #333; padding:10px  20px;">Day 2<li >


                                        <div class="destinations-grid-info">
                                            <div class="destinations-hotel">06:00 AM     Start from Delhi</div>
                                            <div class="destinations-hotel">11:00 AM Arrive in Agra, visit Taj Mahal</div>
                                            <div class="destinations-hotel">01:00 PM Lunch</div>
                                            <div class="destinations-hotel">03:00 PM     Visit Agra Fort</div>
                                            <div class="destinations-hotel">06:00 PM     Depart for Jaipur</div>
                                            <div class="destinations-hotel">11:00 PM     Arrive in Jaipur &amp; Check into hotel</div>
                                            <div class="clearfix"> </div>
                                        </div>

                                    </li>
                                    </li>
                                    <li class="button" style="background:#fff; border-bottom:1px solid #333; padding:10px  20px;">Day 3<li>


                                        <div class="destinations-grid-info">
                                            <div class="destinations-hotel">06:00 AM     Start from Delhi</div>
                                            <div class="destinations-hotel">11:00 AM Arrive in Agra, visit Taj Mahal</div>
                                            <div class="destinations-hotel">01:00 PM Lunch</div>
                                            <div class="destinations-hotel">03:00 PM     Visit Agra Fort</div>
                                            <div class="destinations-hotel">06:00 PM     Depart for Jaipur</div>
                                            <div class="destinations-hotel">11:00 PM     Arrive in Jaipur &amp; Check into hotel</div>


                                            <div class="clearfix"> </div>
                                        </div>

                                    </li>
                                    </li>


                                </ul>


                            </div>

                        </div>

                    </div>

                    <div class="clearfix"> </div>

                    <div id="accordion" class="panel-group" style="display:none;">
                        <div class="panel panel-default">


                            <div>
                                <h4 class="panel-title">
                                    <div style="margin:10px;" class="row" >
                                        <div style="padding:0 !important;" class="mapcantiner_inner1">
                                            <div class="col-sm-12" style="float:left;">

                                                <div class="destinations-grid-info " style="background:none !important; padding-left:0 !important;">
                                                    <div class="mapcantiner_inner1" style="padding:0 !important;">
                                                        <div class="" style="margin:0 0 10px; padding:0 0 10px;">
                                                            <div class="col-md-31 overviueimg5" align="left" style="padding-left:0 !important;">
                                                                <h4>TRAVELER DETAILS</h4>
                                                            </div>



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

                                                <form>
                                                    <div class="form-group traveler_space">
                                                        <div class="col-sm-6 traveler_space">
                                                            <label class="col-sm-12 padding_margin0">First Name</label>
                                                            <div class="col-sm-12 padding_margin0 traveler_space">
                                                                <input type="text" class="form-control" placeholder="First Name">
                                                            </div>
                                                        </div>

                                                        <div class="col-sm-6 traveler_space">
                                                            <label class="col-sm-12 padding_margin0">Last Name</label>
                                                            <div class="col-sm-12 padding_margin0 traveler_space">
                                                                <input type="text" class="form-control" placeholder="Last Name">
                                                            </div>
                                                        </div>


                                                    </div>


                                                    <div class="form-group ">
                                                        <div class="col-sm-6 traveler_space">
                                                            <label class="col-sm-12 padding_margin0">Nationality</label>
                                                            <div class="col-sm-12 padding_margin0 traveler_space">
                                                                <input type="text" class="form-control" placeholder="Nationality">
                                                            </div>
                                                        </div>

                                                        <div class="col-sm-6 traveler_space">
                                                            <label class="col-sm-12 padding_margin0">Mobile No</label>
                                                            <div class="col-sm-12 padding_margin0 traveler_space">
                                                                <input type="text" class="form-control" placeholder="Mobile NO">
                                                            </div>
                                                        </div>


                                                    </div>


                                                    <div class="form-group">
                                                        <div class="col-sm-6 traveler_space">
                                                            <label class="col-sm-12 padding_margin0">Mobile No 2:</label>
                                                            <div class="col-sm-12 padding_margin0 traveler_space">
                                                                <input type="text" class="form-control" placeholder="Mobile NO2">
                                                            </div>
                                                        </div>


                                                        <div class="col-sm-6 traveler_space">
                                                            <label class="col-sm-12 padding_margin0">Email</label>
                                                            <div class="col-sm-12 padding_margin0 traveler_space">
                                                                <input type="text" class="form-control" placeholder="First Name">
                                                            </div>
                                                        </div>

                                                    </div>


                                                    <div class="form-group">


                                                        <div class="col-sm-6 traveler_space">

                                                            <div class="left-div-form padding_margin0">
                                                                <div class="title">
                                                                    <input type="checkbox" style="height:auto; margin:0 10px 0 0;">
                                                                </div>
                                                                <div class="title">
                                                                    Accept the Terms and Conditions
                                                                </div>
                                                            </div>

                                                            <div class="col-sm-12 padding_margin0 traveler_space">
                                                                <a href="#" class="btn btn-lg col-sm-12 modify_search_but">Book</a>
                                                            </div>
                                                        </div>


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

                                        </div>



                                    </div>
                                </h4>

                            </div>
                        </div>

                    </div>

                </div>


                <div class="col-md-3 banner-bottom-grid widthpercent20 pull-right">
                    <div class="top-destinations-grids margin0">
                        <?php echo $this->partial('outstation/index/round-trip-payment-addon-detail'); ?>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>

        </div>
    </div>



</section>


<div class="modal fade" id="myModalfeedbackss" role="dialog">
    <div class="modal-dialog  modal-dialogfeedback">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h2 class="modal-title">

                    Feedback
                </h2>
                <!--Click to select if we Exceeded, Met or Did Not meet your Expectations-->
            </div>



            <style type="text/css">
                .box{

                    display: none;


                }

            </style>
            <?=
            $this->serverurl() . $this->url();
            echo $_SERVER['PHP_SELF'];
            ?>
            <form id="feedbackform" method="post" autocomplete="off" action="<?php echo $this->basePath(); ?>/index/page/feedback"  onsubmit="return validfeedform(this.id);">
                <div class="modal-body" style="height:500px; overflow:scroll;">
                    <div class="row" style="padding:0 15px;">

                        <div class="col-sm-12 plan price-one " style="background:#EFEFEF;">



                            <div class="col-lg-12 feedback">

                                <label class="col-sm-12" style="text-align:left;">
                                    1. RESERVATION:- </label>

                                <div class="col-sm-3" >
                                    Reservation is done through

                                </div>

                                <div class="col-sm-3" >
                                    <input type="radio" name="resersvation" value="1"/> Website

                                </div>

                                <div class="col-sm-3" >
                                    <input type="radio" name="resersvation" value="2" /> Android Application

                                </div>

                                <div class="col-sm-3" >
                                    <input type="radio" name="resersvation" value="3"/> Call Center

                                </div>



                            </div>

                            <div class="box website" style="display:block;">
                                <div class="col-lg-12 feedback">
                                    <label class="col-sm-12" style="text-align:left;">
                                        <strong> Website</strong>  </label>
                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the booking process
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="web_booking_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="web_booking_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="web_booking_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="web_booking_rate" />Very Good</label>

                                    </div>






                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the confirmation process
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="web_confirm_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="web_confirm_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="web_confirm_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="web_confirm_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            Rate the process on website
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="web_process_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="web_process_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="web_process_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="web_process_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            Over all how would you rate our services
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="web_service_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="web_service_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="web_service_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="web_service_rate" />Very Good</label>

                                    </div>


                                </div>

                            </div>

                            <div class="box mobileaap">
                                <div class="col-lg-12 feedback">
                                    <label class="col-sm-12" style="text-align:left;">
                                        <strong>Android Application</strong>  </label>
                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate our App
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="And_app_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="And_app_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="And_app_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="And_app_rate" />Very Good</label>

                                    </div>







                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the booking process
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="And_book_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="And_book_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="And_book_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="And_book_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the confirmation process
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="And_confirm_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="And_confirm_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="And_confirm_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="And_confirm_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            Over all how would you rate our services
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="And_service_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="And_service_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="And_service_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="And_service_rate" />Very Good</label>

                                    </div>


                                </div>

                            </div>


                            <div class="box callcenter">
                                <div class="col-lg-12 feedback">
                                    <label class="col-sm-12" style="text-align:left;">
                                        <strong>Call Center </strong>  </label>
                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the booking process
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="Call_book_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="Call_book_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="Call_book_rate" /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="Call_book_rate" />Very Good</label>

                                    </div>






                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate  our agent  to answer your question
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="Call_agent_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="Call_agent_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="Call_agent_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="Call_agent_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate our  agent to follow your instructions
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="Call_instruc_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="Call_instruc_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="Call_instruc_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="Call_instruc_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the confirmation process
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="Call_confirmation_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="Call_confirmation_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="Call_confirmation_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="Call_confirmation_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            Over all how would you rate our services
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="Call_services_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="Call_services_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="Call_services_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="Call_services_rate" />Very Good</label>

                                    </div>


                                </div>

                            </div>



                            <div class="col-lg-12 feedback">

                                <label class="col-sm-12" style="text-align:left;">
                                    2. VEHICLES:- </label>

                            </div>

                            <div class="">
                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the reporting of vehicle
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="vehicle_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="vehicle_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="vehicle_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="vehicle_rate" />Very Good</label>

                                    </div>






                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate the vehicle as requested
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="requested_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="requested_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="requested_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="requested_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How was your special instructions followed
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="insfollow_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="insfollow_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="insfollow_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="insfollow_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How was the vehicle condition
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="condition_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="condition_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="condition_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="condition_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How was the Air-Conditioning effective
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="effective_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="effective_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="effective_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="effective_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How was the cleanness and tidy of vehicle
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="cleanness_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="cleanness_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="cleanness_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="cleanness_rate" />Very Good</label>

                                    </div>


                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How Was the uniform and grooming
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="grooming_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="grooming_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="grooming_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="grooming_rate" />Very Good</label>

                                    </div>


                                </div>

                            </div>

                            <div class="col-lg-12 feedback">

                                <label class="col-sm-12" style="text-align:left;">
                                    2. BILLING:- </label>

                            </div>

                            <div class="">
                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate  the billing accuracy
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="accuracy_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="accuracy_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="accuracy_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="accuracy_rate" />Very Good</label>

                                    </div>






                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How do you rate receiving  invoice on time
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="invoice_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="invoice_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="invoice_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="invoice_rate" />Very Good</label>

                                    </div>



                                </div>

                                <div class="col-lg-12 feedback">

                                    <div class="col-sm-5" >
                                        <label class="col-sm-12">
                                            How will you rate your receiving invoice
                                        </label>
                                    </div>

                                    <div class="col-sm-6" >
                                        <label class="col-sm-3"><input type="radio" value="bad" name="receivingInv_rate" /> bad </label>
                                        <label class="col-sm-3"><input type="radio" value="Average" name="receivingInv_rate" /> Average </label>
                                        <label class="col-sm-3"> <input type="radio" value="Good" name="receivingInv_rate"  /> Good</label>
                                        <label class="col-sm-3"> <input type="radio" value="Very Good" name="receivingInv_rate" />Very Good</label>

                                    </div>


                                </div>



                            </div>



                            <div class="col-sm-8">


                            </div>

                            <div class="col-sm-4">
                                <label class="col-lg-12" style="color:#000; text-align:center;">
                                    <!-- <a href="#topheader" class="btn btn-primary"  role="button" id="local" onclick="booking_local();">Submit</a> -->
                                    <input type="submit" value="submit" name="submit" class="btn btn-primary">

                                </label>

                            </div>







                        </div>

                    </div>

                </div>
            </form>
            <div class="modal-footer" style=" padding-top:2px !important;">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>



<script type="text/javascript" src="js/lib/jquery.flexisel.js"></script>

<script type="text/javascript" src="js/lib/script.js"></script>

<script type="text/javascript">
                $(function () {
                    SyntaxHighlighter.all();
                });
                $(window).load(function () {
                    $('.flexslider').flexslider({
                        animation: "slide",
                        start: function (slider) {
                            $('body').removeClass('loading');
                        }
                    });
                });
</script>


<script defer src="js/lib/jquery.flexslider.js"></script>


<div id="vehicle_modify" class="rightdivselect" style="width:500px; position:fixed; box-shadow:0 0 2px 0; right:0; bottom:0; min-height:300px; background:#fff; display:none; padding:10px;">
    <div class="col-sm-12">

        <div align="left" class="col-md-3 sightmargin" style="text-align:center;"> <span style="height:auto; width:100%; padding:5px; margin:0;" class="image_box"> <img style="width:100%;" src="images/vehicle.png"></span>
            <span style="margin-top:-20px;"> Economy </span></div>
        <div align="left" class="col-md-5 sightmargin overviueimg2car">
            <div class="amenities">
                <ul>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_pertion"></i><br>
                        <br>
                        3</li>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_lagguge"></i><br>
                        <br>
                        2</li>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_ac"></i><br>
                        <br>
                        AC</li>
                </ul>
            </div>
        </div>

        <div class="col-md-3 sightmargin carprise" align="right">
            Rs 500
        </div>

        <div class="col-md-3 sightmargin carpselect" align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>

    <div class="col-sm-12">

        <div align="left" class="col-md-3 sightmargin" style="text-align:center;"> <span style="height:auto; width:100%; padding:5px; margin:0;" class="image_box"> <img style="width:100%;" src="images/vehicle.png"></span>
            <span style="margin-top:-20px;"> Economy </span></div>
        <div align="left" class="col-md-5 sightmargin overviueimg2car">
            <div class="amenities">
                <ul>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_pertion"></i><br>
                        <br>
                        3</li>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_lagguge"></i><br>
                        <br>
                        2</li>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_ac"></i><br>
                        <br>
                        AC</li>
                </ul>
            </div>
        </div>

        <div class="col-md-3 sightmargin carprise" align="right">
            Rs 500
        </div>

        <div class="col-md-3 sightmargin carpselect" align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>

    <div class="col-sm-12">

        <div align="left" class="col-md-3 sightmargin " style="text-align:center;"> <span style="height:auto; width:100%; padding:5px; margin:0;" class="image_box"> <img style="width:100%;" src="images/vehicle.png"></span>
            <span style="margin-top:-20px;"> Economy </span></div>
        <div align="left" class="col-md-5 sightmargin overviueimg2car">
            <div class="amenities">
                <ul>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_pertion"></i><br>
                        <br>
                        3</li>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_lagguge"></i><br>
                        <br>
                        2</li>
                    <li style="float:left; line-height:13px;  padding: 0 0 0 5px; text-align:center;"><i class="icon_ac"></i><br>
                        <br>
                        AC</li>
                </ul>
            </div>
        </div>

        <div class="col-md-3 sightmargin carprise" align="right">
            Rs 500
        </div>

        <div class="col-md-3 sightmargin carpselect" align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>


    <div class="close_rightpupop" id="close_rightpupop" style="background:#666; color:#fff; border-radius:50%; padding:5px 10px; float:right; cursor:pointer;" >X</div>


</div>


<div id="driver_modify" class="rightdivselect" style="width:500px; position:fixed; box-shadow:0 0 2px 0; right:0; bottom:0; min-height:300px; background:#fff; display:none; padding:10px;">
    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>Hindi understanding & speaking Driver</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>

    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>English Speaking & Understanding Guide</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>

    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>Hindi understanding & speaking Driver</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>


    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>Hindi understanding & speaking Driver</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>


    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>Hindi understanding & speaking Driver</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>


    <div class="close_rightpupop" id="close_rightpupop" style="background:#666; color:#fff; border-radius:50%; padding:5px 10px; float:right; cursor:pointer;" >X</div>


</div>


<div id="guide_modify" class="rightdivselect" style="width:500px; position:fixed; box-shadow:0 0 2px 0; right:0; bottom:0; min-height:300px; background:#fff; display:none; padding:10px;">

    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>Hindi understanding & speaking Guide</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>

    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>English Speaking & Understanding Guide</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>

    <div class="col-sm-12">

        <div class="col-md-7 sightmargin" align="center">
            <p>English Speaking & Understanding Guide</p>


        </div>

        <div class="col-md-3 sightmargin " align="right">
            (Rs 500)
        </div>

        <div class="col-md-2 sightmargin " align="right">
            <a href="#" class="select_but"> Select </a>
        </div>

    </div>



    <div class="close_rightpupop" id="close_rightpupop" style="background:#666; color:#fff; border-radius:50%; padding:5px 10px; float:right; cursor:pointer;" >X</div>


</div>

<div id="sightseeings_modify" class="rightdivselect" style="width:500px; position:fixed; box-shadow:0 0 2px 0; right:0; bottom:0; min-height:300px; background:#fff; display:none; padding:10px;">



    <div class="sightcont">
        <div class="destinations-grid-info tours" style="border:none !important; padding:0 !important;">
            <div class="td-grids">



                <!--<h4>Add Sightseeing</h4>-->
                <ul class="sightadd1" style="padding:0;">
                    <li align="" style="width:100%; float:left; border:1px solid #ccc; padding:5px; margin-bottom:5px;">

                        <div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left" style="width:30%; float:left; ">
                            <a  href="#" data-toggle="modal" data-target="#myModal" style="cursor:pointer;" >
                                <img src="images/a3.jpg" alt="" title="Click to View Detail" style="width:50%;"></a>

                        </div>
                        <div class="sname" style="float:left;  margin-left:10px;">Taj Mahal(Agra)<br>
                            <p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
                        </div>

                        <div class="" style="float:left; margin-left:22%;">Rs 1000</div>

                        <div class="sadd1" onclick="addSightSeeing1($(this).parent(), 7)" style="margin-left:22%; float:left;">Add</div>

                    </li>


                    <li align="" style="width:100%; float:left; border:1px solid #ccc; padding:5px; margin-bottom:5px;">
                        <div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left" style="width:30%; float:left; ">
                            <a  href="#" data-toggle="modal" data-target="#myModal" style="cursor:pointer;" >
                                <img src="images/a3.jpg" alt="" title="Click to View Detail" style="width:50%;"></a>

                        </div>
                        <div class="sname" style="float:left;  margin-left:10px;">Taj Mahal(Agra)<br>
                            <p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
                        </div>

                        <div class="" style="float:left; margin-left:22%;">Rs 1000</div>

                        <div class="sadd1" onclick="addSightSeeing1($(this).parent(), 7)" style="margin-left:22%; float:left;">Add</div>

                    </li>


                    <li align="" style="width:100%; float:left; border:1px solid #ccc; padding:5px; margin-bottom:5px;">
                        <div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left" style="width:30%; float:left; ">
                            <a  href="#" data-toggle="modal" data-target="#myModal" style="cursor:pointer;" >
                                <img src="images/a3.jpg" alt="" title="Click to View Detail" style="width:50%;"></a>

                        </div>
                        <div class="sname" style="float:left;  margin-left:10px;">Taj Mahal(Agra)<br>
                            <p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
                        </div>

                        <div class="" style="float:left; margin-left:22%;">Rs 1000</div>

                        <div class="sadd1" onclick="addSightSeeing1($(this).parent(), 7)" style="margin-left:22%; float:left;">Add</div>

                    </li>

                    <li align="" style="width:100%; float:left; border:1px solid #ccc; padding:5px; margin-bottom:5px;">
                        <div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left" style="width:30%; float:left; ">
                            <a  href="#" data-toggle="modal" data-target="#myModal" style="cursor:pointer;" >
                                <img src="images/a3.jpg" alt="" title="Click to View Detail" style="width:50%;"></a>

                        </div>
                        <div class="sname" style="float:left;  margin-left:10px;">Taj Mahal(Agra)<br>
                            <p> <a href="#" data-toggle="modal" data-target="#myModal">
                                    View Detail</a></p>
                        </div>

                        <div class="" style="float:left; margin-left:22%;">Rs 1000</div>

                        <div class="sadd1" onclick="addSightSeeing1($(this).parent(), 7)" style="margin-left:22%; float:left;">Add</div>

                    </li>

                </ul>
            </div></div>
    </div>






    <div class="close_rightpupop" id="close_rightpupop" style="background:#666; color:#fff; border-radius:50%; padding:5px 10px; float:right; cursor:pointer;" >X</div>


</div>


<div id="hotel_modify" class="rightdivselect" style="width:500px; position:fixed; box-shadow:0 0 2px 0; right:0; bottom:0; min-height:300px; background:#fff; display:none; padding:10px;">



    <div class="sightcont">
        <div class="destinations-grid-info tours" style="border:none !important; padding:0 !important;">
            <div class="td-grids">



                <!--<h4>Add Sightseeing</h4>-->
                <ul class="sightaddh" style="padding:0;">
                    <li align="" style="width:100%; border:1px solid #ccc; padding:5px; margin-bottom:5px; float:left;">
                        <div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left" style="width:30%; float:left; ">

                            <img src="images/a3.jpg" alt="" title="Click to View Detail" style="width:50%;">

                        </div>
                        <div class="sname" style="float:left;  margin-left:10px; width:30%;">Taj Hotel<br>
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                        </div>


                        <div class="" style="float:left; width:15%;">Rs 1000</div>

                        <div class="saddh" onclick="addSightSeeingh($(this).parent(), 7)" style=" width:20%; float:left;">Add</div>

                    </li>

                    <li align="" style="width:100%; border:1px solid #ccc; padding:5px; margin-bottom:5px; float:left;">
                        <div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left" style="width:30%; float:left; ">

                            <img src="images/a3.jpg" alt="" title="Click to View Detail" style="width:50%;">

                        </div>
                        <div class="sname" style="float:left;  margin-left:10px; width:30%;">Taj Hotel<br>
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                        </div>


                        <div class="" style="float:left; width:15%;">Rs 1000</div>

                        <div class="saddh" onclick="addSightSeeingh($(this).parent(), 7)" style=" width:20%; float:left;">Add</div>

                    </li>

                    <li align="" style="width:100%; border:1px solid #ccc; padding:5px; margin-bottom:5px; float:left;">
                        <div class="sdes" onclick="$(this).parent().find('.sdesc').fadeIn('medium')" align="left" style="width:30%; float:left; ">

                            <img src="images/a3.jpg" alt="" title="Click to View Detail" style="width:50%;">

                        </div>
                        <div class="sname" style="float:left;  margin-left:10px; width:30%;">Taj Hotel<br>
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                            <img src="images/star_icon.png" style="width:auto;">
                        </div>


                        <div class="" style="float:left; width:15%;">Rs 1000</div>

                        <div class="saddh" onclick="addSightSeeingh($(this).parent(), 7)" style=" width:20%; float:left;">Add</div>

                    </li>

                </ul>
            </div></div>
    </div>
    <div class="close_rightpupop" id="close_rightpupop" style="background:#666; color:#fff; border-radius:50%; padding:5px 10px; float:right; cursor:pointer;" >X</div>
</div>
<script src="<?php echo $google_map_url; ?>?key=<?php echo $google_map_key; ?>&libraries=places" async defer></script>
