@{
    ViewBag.Title = "Index";
    Layout = null;//"~/Views/Shared/_Layout.cshtml";
    var objlat = ViewBag.Lat;
    var objlatlong = ViewBag.Latlong;
}


<link href="~/css/bootstrap.css" rel="stylesheet" />
<link href="~/css/revolution-slider.css" rel="stylesheet">
<link href="~/css/style.css" rel="stylesheet">
<link href="~/css/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/DatePicker/TimePicker.css" rel='stylesheet' />
<link href="~/Content/bower_components/chosen/chosen.min.css" rel="stylesheet" />
@*<link rel="stylesheet" href="css/toastr.css">*@
<link rel="shortcut icon" href="~/images/favicon.png" type="image/x-icon">
<link rel="icon" href="~/images/favicon.png" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="~/css/responsive.css" rel="stylesheet" />
<link href="~/css/booking/slick.css" rel="stylesheet" />
<link href="~/css/booking/style.css" rel="stylesheet" />
<link href="~/css/TariffStyle.css" rel="stylesheet" />
<style>
    #map {
    }

        #map iframe {
            height: 100%;
        }

    .billing-section {
        /*overflow-y: hidden;*/
        padding: 0;
        margin: 0;
    }

        .billing-section .form-box {
            /*margin-top: 3%;*/
        }

    a.active {
        background-color: #2cae72;
        color: #ffffff;
    }

    .car-type-btns-wrapper {
        /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #2cae72;
        width: 180px;
        margin: 0px auto;
        border-radius: 4px;
        background-color: #fff;*/
    }

    .tagAAutomatic {
        text-align: center;
        padding: 5px 10px;
        color: #333;
        border: 1px solid #2cae72;
        cursor: pointer;
    }

    .tagAMannual {
        text-align: center;
        padding: 5px 10px;
        color: #333;
        border: 1px solid #2cae72;
        cursor: pointer;
    }

    .heading::after {
        content: "";
        background: #2cae72;
        width: 30%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 35%;
    }

    .common-div {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 610px;
    }

    .back-home {
        color: #2cae72;
        float: right;
        padding: 10px 25px;
    }
</style>

<script src="~/js/jquery-1.10.1.min.js"></script>
<script src="~/js/jquery.js"></script>
<!--Billing Section-->

<section class="col-md-12 col-lg-12 billing-section">

    <div class="col-md-5 col-lg-5 form-box wow fadeInUp common-div" data-wow-delay="0ms" data-wow-duration="1500ms">
        <div class="row">
            <a class="back-home" href="@Url.Action("Index","Home")">Back To Home</a>
        </div>
        <!--Tabs Box-->
        <div class="container-fluid section">
            <div class="row justify-content-sm-center trip-options" required>
                <div class="col-lg-12 col-md-12 trips">
                    <span class="col-lg-4 col-md-12 heading" id="BooklocalTrip">Local Trip</span>
                    <span class="col-lg-4 col-md-12 heading" id="BookoutstationTrip">Outstation</span>
                    <span class="col-lg-4 col-md-12 heading" id="Bookpackages">Packages</span>
                    @*<span style="float:right;">
                            <a href="@Url.Action("index","Home")"><img src="~/images/img/back-arrow.png" /></a>
                        </span>*@
                </div>

            </div>

            <div id="common-trip-local">
                <form id="local_trip" name="main_booking_form" action="" method="POST">
                    <div class="col-sm-12 book-local-trip-pickup">
                        @*<div class="col-sm-2">
                                <span>Pickup Location</span>
                            </div>*@
                        <div class="col-sm-12">
                            <span>Pickup Location</span>
                            <input type="text" minlen="1" maxlength="199" id="local-from-loc" name="fromplace" class="form-control local-from" placeholder="From Location" />
                            <input type="hidden" id="loclFormLatitude" name="loclFormLatitude">
                            <input type="hidden" id="loclFormLongtitude" name="loclFormLongtitude">
                        </div>

                    </div>
                    <div class="col-sm-12 book-localtrip-selecttype">
                        <div class="col-sm-12">
                            <span>Select Trip</span>
                            <select id="localtrip-to-loc" name="localtoplace" class="local-to">
                                <option value="">Select Trip</option>
                                <option value="outstationTrip">Round Trip</option>
                                <option value="Oneway">One Way</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-12 droplocationdiv">
                        @*<div class="col-sm-2">
                                <span>Drop Location</span>
                            </div>*@
                        <div class="col-sm-12">
                            <span>Drop Location</span>
                            <input type="text" minlen="1" maxlength="199" id="local-to-loc" name="toplace" class="local-to" placeholder="To Location" />
                            <input type="hidden" id="loclToLatitude" name="loclToLatitude">
                            <input type="hidden" id="loclToLongtitude" name="loclToLongtitude">
                        </div>
                    </div>
                    <div class="col-sm-12 book-localtrip-div">
                        <div class="form-group col-sm-6">
                            <div class="field-inner">
                                <input type="text" class="tetdate" id="local-booking-date" name="test-input" value="" placeholder="Date" required>
                                <label class="input-icon" for="field-one"><span class="fa fa-calendar"></span></label>
                            </div>
                        </div>
                        <div class="form-group col-sm-6">
                            <div class="field-inner">
                                <input type="text" value="" id="timevalidate" name="timevalidate" placeholder="Time" class="TimePicker" required>
                                <label class="input-icon" for="field-two"><span class="fa fa-clock-o"></span></label>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="col-sm-12 book-local-trip-cardtype">
                    <div class="col-sm-3">
                        <span>Car type</span>
                    </div>
                    <div class="col-sm-4">
                        <div class="field-inner">
                            <select id="txtcartype" class="form-control chosen-select" style="color:#000;"></select>
                        </div>
                    </div>
                    <div class="col-sm-5 car-type-btns-wrapper">
                        <a class="tagAMannual active col-sm-6" onclick="functionAtag('Mannual');">Manual</a>
                        <a class="tagAAutomatic col-sm-6" onclick="functionAtag('Automatic');">Automatic</a>
                    </div>

                </div>
                <div class="col-sm-12 btn-local-Schedule-div">
                    <div class=" col-12 col-md-4 car-img-group" style="text-align:center;">
                    </div>
                    <div class=" col-12 col-md-4 car-img-group" style="text-align:center;">
                        <input type="button" id="btnSchedulevalidate" value="Schedule" class="nxt-btn locSchedule">
                    </div>
                </div>
                @*<div class="col-sm-12 get-bookdatetime-div" id="bind-datetime-div" style="display:none;">
                        <div class="col-sm-4">
                            <span>DATE & TIME</span>
                        </div>
                        <div class="col-sm-6">
                            <span id="spdatetime"></span>
                        </div>
                    </div>*@
            </div>
            @*-----------Loacl Trip -----------------------------*@
            <div id="Booklocal-trip-div">

            </div>

            <div id="local-trip-div">
                <div class="row justify-content-center address-section">
                    <div class="col-md-12 login-wrap">
                        <li class="col-md-6 col-sm-4 btn btn-primary btn-lg btn-modal" onclick="ModelOpen('InCity');" data-tab="login">Register</li>
                        <li class="col-md-6 col-sm-4 btn btn-primary btn-lg btn-modal" onclick="ModelOpen('InCity');" data-tab="register">Login</li>
                    </div>
                </div>
                <div class="estim-wrap estimate-fullview" id="localTrip-screen2">

                    <div class="col-md-12 col-sm-12 code">
                        <ul>
                            @*<li class="col-md-6 col-sm-6">
                                    <a>
                                        <label class="input-icon" for="field-one">
                                            <span class="fa fa-info-circle"></span>
                                        </label>Trip Details
                                    </a>
                                </li>*@
                            <li class="col-md-6 col-sm-6">
                                <a onclick="GetPromoCode();">
                                    <label class="input-icon" for="field-one">
                                        <span class="fa fa-money"></span>
                                    </label>Promo Code
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-12 col-sm-12 text-center estimate-amount">
                        <p class="estimate-price">Estimate Price</p>
                        <span class="estimate-price" id="loc-trip-Eprice">

                        </span>
                    </div>
                    <div class="col-md-12 col-sm-12 text-center estimate-amount hdes-amnt">
                        <p class="estterms">
                            How long will you use?
                        </p>
                        <div class="estimation-timing loc-trip-etiming">
                            <a id="prev"><</a>
                            <div class="hours">

                            </div>
                            <a id="next">></a>
                        </div>
                        <input id="hdhours" type="hidden" />
                    </div>
                    <div class="col-md-12 col-sm-12 text-center estimate-amount">
                        <p class="estterms">
                            Payment Type
                        </p>
                        <ul class="col-md-12 col-sm-12 payment clearfix">
                            <li class="col-md-6 col-sm-6 licardclick"><a class="stycard">CARD</a></li>
                            <li class="col-md-6 col-sm-6 licashclick"><a class="cashpkevent stycash">CASH</a></li>
                        </ul>
                        <span class="mesgpkg"></span>
                    </div>

                </div>
                <div class="row justify-content-center localbooknow" style="display:block !important;">
                    <input type="button" value="Book Now" class="nxt-btn">
                </div>
                @*<div class="row justify-content-md-center confirmbook-section" id="confirmbook-round" style="display:none;">
                        <div class="col-md-12">
                            <div class="col-md-12 text-center form-basic-det">
                                <div class="form-group col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                    <div class="field-inner">
                                        <input type="text" name="confusrname" id="txtCustname" placeholder="Name" required>
                                        <label class="input-icon" for="field-one"><span class="fa fa-user"></span></label>
                                    </div>
                                </div>
                                <div class="form-group col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                    <div class="field-inner">
                                        <input type="tel" name="confcustMobile" id="txtcustMobile" placeholder="Mobile Number" maxlength="10" pattern="[6789][0-9]{9}" required>
                                        <label class="input-icon" for="field-one"><span class="fa fa-phone"></span></label>
                                    </div>
                                </div>
                                <div class="form-group col-lg-12 col-md-12 col-sm-6 col-xs-12">
                                    <div class="field-inner">
                                        <input type="email" name="confCustmail" id="txtcustMail" placeholder="E-mail" required>
                                        <label class="input-icon" for="field-one"><span class="fa fa-envelope"></span></label>
                                    </div>
                                </div>
                            </div>
                            <div class="row text-center textar-wrap">
                                <div class="col-md-6 pick-add">
                                    <textarea placeholder="Pick-up Address" id="pickAdd-round" class="drop-textarea" name="pptaddr" required></textarea>
                                </div>
                                <div class="col-md-6 drop-add">
                                    <textarea placeholder="Drop Address" id="dropAdd-round" class="drop-textarea" name="dptaddr"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 text-center" style="margin-top: 3%; padding-bottom: 1%">
                            <input type="submit" value="Confirm" class="nxt-btn" id="confirm_loc_trip">
                        </div>
                        <div class="row profile-link">
                            <a href="@Url.Action("History", "Home")">Go to profile?</a>
                        </div>
                    </div>*@
            </div>



            @*-----------Oustation Trip -----------------------------*@

            <div id="out_station_trip_div">
                <form id="outstation_trip" name="main_booking_form" action="" method="POST">
                    <div id="outstationTrip-screen1">
                        <div class="row justify-content-sm-center ">
                            <div class="col-md-12 text-right">

                                <input type="text" id="outstation-from-loc" name="outstation_fromplace" class="local-from" placeholder="Pickup Location" required />
                                <input type="hidden" id="Outsformlat" />
                                <input type="hidden" id="Outsformlong" />
                            </div>
                            <div class="col-md-12 text-left div-outstation-trip_type">
                                <select id="outstation-to-loc_trip" name="outstation_trip" class="local-to" required>
                                    <option value="">Select Trip</option>
                                    <option value="outstationTrip">Round Trip</option>
                                    <option value="Oneway">One Way</option>
                                </select>
                            </div>

                            <div class="form-group col-md-12 text-left out-state">
                                <select id="outstation-state" name="outstation-state"></select>
                            </div>

                            <div class=" form-group col-md-12 text-left outs-city" style="display:none;">
                                <select id="outstation-state-city" name="outstation-state-city"></select>
                                <input type="hidden" id="hdoustcitylat" />
                                <input type="hidden" id="hdoustcitylong" />
                            </div>

                            <div class="form-group col-lg-6 col-md-12 col-sm-6 col-xs-12">
                                <div class="field-inner">
                                    <input type="text" name="outstation_Date" id="outstation_Date" class="tetdate" value="" placeholder="Date">
                                    <label class="input-icon" for="field-one"><span class="fa fa-calendar"></span></label>
                                </div>
                            </div>
                            <div class="form-group col-lg-6 col-md-12 col-sm-6 col-xs-12">
                                <div class="field-inner">
                                    <input type="text" id="outstation_Time" name="outstation_time" value="" placeholder="Time" class="TimePicker">
                                    <label class="input-icon" for="field-two"><span class="fa fa-clock-o "></span></label>
                                </div>
                            </div>
                            <div class="col-sm-12 book-oustation-trip-cardtype">
                                <div class="col-sm-3">
                                    <span>Car type</span>
                                </div>
                                <div class="col-sm-4">
                                    <div class="field-inner">
                                        <select id="txtoutscartype" class="form-control chosen-select" style="color:#000;"></select>
                                    </div>
                                </div>
                                <div class="col-sm-5 car-type-btns-wrapper">
                                    <a class="tagAMannual active col-sm-6" onclick="functionAtag('Mannual');">Manual</a>
                                    <a class="tagAAutomatic col-sm-6" onclick="functionAtag('Automatic');">Automatic</a>
                                </div>

                            </div>
                        </div>

                        <div class="row out-schedule-button-div">
                            <div class=" col-12 col-md-4 car-img-group" style="text-align:center;">
                            </div>
                            <div class=" col-12 col-md-4 car-img-group" style="text-align:center;">
                                <input type="button" id="outsSchedule" value="Schedule" class="nxt-btn outsSchedule">
                            </div>
                        </div>
                    </div>
                </form>

                <div class="row justify-content-md-center address-section" id="addressSection-round">
                    <div class="col-md-12 login-wrap">
                        <li class="col-md-6 col-sm-4 btn btn-primary btn-lg btn-modal" onclick="ModelOpen('Outstation');" data-tab="login">Register</li>
                        <li class="col-md-6 col-sm-4 btn btn-primary btn-lg btn-modal" onclick="ModelOpen('Outstation');" data-tab=" register">Login</li>
                    </div>
                </div>
                <div id="outstationTrip-screen2">
                    <div class="row justify-content-sm-center" id="estimate-round">
                        <div class="estim-wrap-round estimate-round-fullview">
                            <div class="col-md-12 col-sm-12 code">
                                <ul>
                                    @*<li class="col-md-6 col-sm-6">
                                            <a>
                                                <label class="input-icon" for="field-one">
                                                    <span class="fa fa-info-circle"></span>
                                                </label>Trip Details
                                            </a>
                                        </li>*@
                                    <li class="col-md-6 col-sm-6">
                                        <a onclick="GetPromoCode();">
                                            <label class="input-icon" for="field-one">
                                                <span class="fa fa-money"></span>
                                            </label>Promo Code
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-md-12 col-sm-12 text-center estimate-amount">
                                <p class="estimate-price">Estimate Price</p>
                                <span class="estimate-price" id="outstation-trip-Eprice">

                                </span>
                            </div>
                            <div class="col-md-12 col-sm-12 text-center estimate-amount hdes-amnt-round hdoses-amnt-round">
                                <p class="estterms">
                                    How long will you use?
                                </p>
                                <div class="estimation-timing">
                                    <a id="prev-outstation"><</a>
                                    <div class="hours-outstation">
                                    </div>
                                    <a id="next-outstation">></a>
                                    <input type="hidden" id="hdoutstationhours" />
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 text-center estimate-amount">
                                <p class="estterms">
                                    Payment Type
                                </p>
                                <ul class="col-md-12 col-sm-12 payment clearfix">
                                    <li class="col-md-6 col-sm-6 licardclick"><a class="stycard">CARD</a></li>
                                    <li class="col-md-6 col-sm-6 licashclick"><a class="cashosevent stycash">CASH</a></li>
                                </ul>
                                <span class="mesgpkg-out"></span>
                            </div>
                        </div>
                        <div class="row justify-content-center book-now-round">
                            <input type="button" value="Book Now" id="OutstationBookNow" class="nxt-btn">
                        </div>
                    </div>

                </div>
            </div>


            <div id="book-package-trips">
                <div class="col-sm-12">
                    <form id="pack_trip" name="main_booking_form" action="" method="POST">
                        <div id="packages-screen1">
                            <div class="row justify-content-center ">


                                <div class="col-md-12 text-left" style="">
                                    <div class="field-inner">
                                        <span>Pickup Location</span>
                                        <input type="text" minlen="1" maxlength="199" id="pack-from-loc" name="packfromloc" placeholder="Pickup Location" autocomplete="off">
                                        <input type="hidden" id="packformlat" />
                                        <input type="hidden" id="packformlong" />
                                    </div>
                                </div>

                                <div class="form-group col-lg-6 col-md-12 col-sm-6 col-xs-12">
                                    <div class="field-inner">
                                        <input type="text" class="tetdate" name="packpicker" id="packpicker" value="" placeholder="Date" required>
                                        <label class="input-icon" for="field-one"><span class="fa fa-calendar"></span></label>
                                    </div>
                                </div>
                                <div class="form-group col-lg-6 col-md-12 col-sm-6 col-xs-12">
                                    <div class="field-inner">
                                        <input type="text" id="packtime" name="packtime" value="" placeholder="Time" class="TimePicker" required>
                                        <label class="input-icon" for="field-two"><span class="fa fa-clock-o"></span></label>
                                    </div>
                                </div>
                                <div class="col-sm-12 book-pack-trip-cardtype">
                                    <div class="col-sm-3">
                                        <span>Car type</span>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="field-inner">
                                            <select id="txtpackcartype" class="form-control chosen-select" style="color:#000;"></select>
                                        </div>
                                    </div>
                                    <div class="col-sm-5 car-type-btns-wrapper">
                                        <a class="tagAMannual active col-sm-6" onclick="functionAtag('Mannual');">Mannual</a>
                                        <a class="tagAAutomatic col-sm-6" onclick="functionAtag('Automatic');">Automatic</a>
                                    </div>

                                </div>
                                <div class="row back-div-btn_schedulevalidate">
                                    <div class=" col-12 col-md-4 car-img-group" style="text-align:center;">
                                    </div>
                                    <div class=" col-12 col-md-4 car-img-group" style="text-align:center;">
                                        <input type="button" id="btnpackSchedulevalidate" value="Schedule" class="nxt-btn packsSchedule">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="col-md-12 login-wrap pack-loginandregister">
                        <li class="col-md-6 col-sm-4 btn btn-primary btn-lg btn-modal" onclick="ModelOpen('Package');" data-tab="login">Register</li>
                        <li class="col-md-6 col-sm-4 btn btn-primary btn-lg btn-modal" onclick="ModelOpen('Package');" data-tab="register">Login</li>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div id="packages-screen2">
                        <div class="row justify-content-sm-center" id="estimate-pkg" style="margin-top:20px;">
                            <div class="estim-wrap-round estimate-fullview">
                                <div class="col-md-12 col-sm-12 code">
                                    <ul>
                                        @*<li class="col-md-6 col-sm-6">
                                                <a>
                                                    <label class="input-icon" for="field-one">
                                                        <span class="fa fa-info-circle"></span>
                                                    </label>Trip Details
                                                </a>
                                            </li>*@
                                        <li class="col-md-6 col-sm-6">
                                            <a onclick="GetPromoCode();">
                                                <label class="input-icon" for="field-one">
                                                    <span class="fa fa-money"></span>
                                                </label>Promo Code
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-md-12 col-sm-12 text-center estimate-amount">
                                    <p class="estimate-price">Estimate Price</p>
                                    <span class="estimate-price-pack"></span>
                                </div>
                                <div class="col-md-12 col-sm-12 text-center estimate-amount">
                                    <p class="estterms">
                                        How long will you use?
                                    </p>
                                    <div class="estimation-timing">
                                        <a id="prev-pack"><</a>
                                        <div class="hours-pack">

                                        </div>
                                        <a id="next-pack">></a>
                                        <input type="hidden" id="hdpackhousrs" />
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 text-center estimate-amount">
                                    <p class="estterms">
                                        Payment Type
                                    </p>
                                    <ul class="col-md-12 col-sm-12 payment clearfix">
                                        <li class="col-md-6 col-sm-6 licardclick"><a class="stycard">CARD</a></li>
                                        <li class="col-md-6 col-sm-6 licashclick"><a class="cashpkevent stycash">CASH</a></li>
                                    </ul>
                                    <span class="mesgpkg"></span>
                                </div>
                            </div>
                            <div class="row justify-content-center">
                                <input type="button" value="Book Now" class="nxt-btn" id="btnPackbooknow">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <div class="col-md-7 col-lg-7" id="map1">

        <div id="map"></div>


    </div>
</section>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="guest-modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#login" aria-controls="login" role="tab" data-toggle="tab">Register</a></li>
                <li role="presentation"><a href="#register" aria-controls="register" role="tab" data-toggle="tab">Login</a></li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane fade in active" id="login">
                    <div class="modal-body">
                        <form id="formRegistervalidate" class="row" action="" method="POST">

                            <div class="existing-customer clearfix">


                                <div class="form-group col-sm-12">
                                    <input type="text" class="form-control" id="cust-first-name" name="custfirstname" placeholder="First Name">
                                </div>
                                <div class="form-group col-sm-12">
                                    <input type="text" class="form-control" id="cust-last-name" name="custlastname" placeholder="Last Name">
                                </div>
                                <div class="form-group col-sm-12">
                                    <input type="text" class="form-control numbersonly" maxlength="10" data-toggle="tooltip" title="Numbers Only" id="cust-mobile-no" name="custmobileno" placeholder="MobileNo" required>
                                </div>
                                <div class="form-group col-sm-12">
                                    <input type="email" class="form-control" id="cust-e-mail" name="custemail" placeholder="Email" required>
                                </div>
                                <div class="form-group col-sm-12">
                                    <div class="field-inner">
                                        <select id="txtOsvechicleModel" class="form-control chosen-select" style="color:#000;"></select>
                                    </div>
                                </div>
                                <div class="form-group col-sm-12">
                                    <div class="field-inner">

                                        <select id="txtOsvechicletype" class="custom-select">
                                            <option value="0">Vechicle Type</option>
                                            <option value="1">Manual</option>
                                            <option value="2">Automatic</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="col-md-12 reg-button"><input type="submit" class="button" value="Register" id="btnRegister"></div>
                            </div>
                        </form>
                    </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="register">
                    <div class="modal-body">
                        <form id="formloginvalidate" class="row" action="" method="POST">
                            <div class="existing-customer clearfix">


                                <div class="form-group col-sm-12">
                                    <input id="user-mobile-no" name="usermobileno" type="text" class="input numbersonly" minlength="10" maxlength="10" data-toggle="tooltip" title="Numbers Only" placeholder="Mobileno" required>
                                </div>
                                <div class="form-group col-sm-12">
                                    <input id="user-otp" name="userotp" type="password" class="input" placeholder="OTP" required>
                                </div>

                                <div class="col-md-12 reg-button"><input type="button" class="button" value="Login" id="btnlogin"></div>
                            </div>

                        </form>
                        <div class="checkbox col-xs-12">
                            <a class="new-acnt" href="#login" aria-controls="login" role="tab" data-toggle="tab">
                                Go to Register?
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
    #map {
        height: 100%;
    }
    /* Optional: Makes the sample page fill the window. */
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #floating-panel {
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
    }

    #local_trip label.error, #outstation_trip label.error, #pack_trip label.error {
        color: #000;
        display: block;
        margin: 1px;
        padding: 0;
    }

    /*.btnTapsty {
        border-bottom: 1px solid #2cae72;
    }*/
</style>


@*<script src='http://maps.googleapis.com/maps/api/js?v=3&sensor=false&amp;libraries=places&key=AIzaSyDgV2DIkL2KH7XHIizPGSSktgdBk2fUXYo'></script>*@

<script src="@Url.Content("~/js/jquery.validate.min.js")"></script>
@*<script src="js/toastr.js"></script>*@
<script src="@Url.Content("~/js/jquery-ui.js")"></script>
<script src="@Url.Content("~/js/bootstrap.min.js")"></script>
<script src="@Url.Content("~/js/revolution.min.js")"></script>
<script src="@Url.Content("~/js/jquery.fancybox.pack.js")"></script>
<script src="@Url.Content("~/js/jquery.fancybox-media.js")"></script>
<script src="@Url.Content("~/js/mixitup.js")"></script>
<script src="@Url.Content("~/js/owl.js")"></script>
<script src="@Url.Content("~/js/wow.js")"></script>
<script src="@Url.Content("~/js/script.js")"></script>
<script src="@Url.Content("~/js/booking/slick.min.js")"></script>
<script src="@Url.Content("~/js/booking/script.js")"></script>
<script src="@Url.Content("~/Content/DatePicker/bootstrap-datetimepicker.min.js")"></script>
<script src="@Url.Content("~/Content/MonthPicker/js/bootstrap-datepicker.js")"></script>
<script src="@Url.Content("~/js/swal.js")"></script>
<script src="@Url.Content("~/js/Cookies.js")"></script>
<script src="@Url.Content("~/Content/bower_components/chosen/chosen.jquery.min.js")"></script>
<script src="@Url.Content("~/Scripts/bootstrap.js")"></script>

<script type="text/javascript">
    var latval = "";
    var latlongval = "";
    var objUsrName = "";
    var objUsrMobile = "";
    var objUsrMail = "";
    var objCouponcode = "";
    var objdropAddress = "";
    var objPickupAddress = "";
    var objPickuplat = "";
    var objPickuplong = "";
    var objDroplat = "";
    var objDroplong = "";
    var objOsHoursArr = [];
    var objOsTotalFareArr = [];
    var objUsrImg = "";
    var objUsrVechicleModel = "";
    var objUsrVechicleType = "";
    var objUsrSegment = "";
    var objVechicleModel = "";
    var objPaymenttype = "";
    var objMobilenum = "";
    var objFirstname = "";
    var objLastname = "";
    var objEmailid = "";
    var objSegment = "";
    // var objVechicleModel = "";
    var objVechicleType = "";
    //var geocoder = new google.maps.Geocoder();
    //directionsDisplay = new google.maps.DirectionsRenderer();
    //var directionsDisplay; var service;
    //var directionsService = new google.maps.DirectionsService();
    //var infowindow = new google.maps.InfoWindow();
    var origins;
    var waypts = [];
    var map;
    var directionsService;
    var directionsDisplay;
    var objPackHoursArr = [];
    var objPackTotalArr = [];
    var objOutHousrArr = [];
    var objOutTotfareArr = [];
    var objCategorytype = "";
    var objtripTypeQueryString = "";
    var currentlat = "";
    var currentlong = "";
    function initMap() {
        var markers = [];
        var locallat = "";
        var locatlatlong = "";
        var localDlat = "";
        var localDtatlong = "";
        directionsService = new google.maps.DirectionsService;
        directionsDisplay = new google.maps.DirectionsRenderer;
        getCurrentkatkong();
        map = new google.maps.Map(document.getElementById('map'), {
            zoom: 15,
            center: { lat: currentlong, lng: currentlong }, //{ lat: 12.961760, lng: 80.261620 },
            mapTypeId: 'roadmap'
        });
        debugger;
        document.getElementById('local-from-loc').value = getCookie('localpickuploc');//getCookie('localdroploc');
        document.getElementById('local-to-loc').value = getCookie('localdroploc');
        document.getElementById('pack-from-loc').value = getCookie('localpickuploc');
        document.getElementById('outstation-from-loc').value = getCookie('localpickuploc');
        //document.getElementById('spdatetime').innerHTML = getCookie('Bookdate') + " " + getCookie('Booktime');
        //document.getElementById('loclFormLatitude').value=
        var input = document.getElementById('local-from-loc');
        var searchBoxpickp = new google.maps.places.SearchBox(input);
        google.maps.event.addListener(searchBoxpickp, 'places_changed', function () {
            debugger;
            var places = searchBoxpickp.getPlaces();
            for (var i = 0, marker; marker = markers[i]; i++) {
                marker.setMap(null);
            }
            markers = [];
            for (var i = 0, place; place = places[i]; i++) {
                debugger;
                var marker = new google.maps.Marker({

                    position: place.geometry.location
                });

                locallat = marker.position.lat();
                locatlatlong = marker.position.lng();
                latval = locallat + "," + locatlatlong;
                debugger;
                calculateAndDisplayRoute(directionsService, directionsDisplay);
            }
        });

        var inputdrop = document.getElementById('local-to-loc');
        var searchBox = new google.maps.places.SearchBox(inputdrop);//.SearchBox(inputdrop);
        google.maps.event.addListener(searchBox, 'places_changed', function () {
            debugger;
            var places = searchBox.getPlaces();
            for (var i = 0, marker; marker = markers[i]; i++) {
                marker.setMap(null);
            }
            markers = [];
            for (var i = 0, place; place = places[i]; i++) {
                debugger;
                var marker = new google.maps.Marker({

                    position: place.geometry.location
                });

                localDlat = marker.position.lat();
                localDtatlong = marker.position.lng();

                latlongval = localDlat + ',' + localDtatlong;
                //alert('test ' + latval + " " + latlongval);
                calculateAndDisplayRoute(directionsService, directionsDisplay);
                //directionsDisplay.setMap(map);
            }
        });

        var inputpackupdrop = document.getElementById('pack-from-loc');
        var packsearchBox = new google.maps.places.SearchBox(inputpackupdrop);
        google.maps.event.addListener(packsearchBox, 'places_changed', function () {
            debugger;
            var places = packsearchBox.getPlaces();
            for (var i = 0, marker; marker = markers[i]; i++) {
                marker.setMap(null);
            }
            markers = [];
            for (var i = 0, place; place = places[i]; i++) {
                debugger;
                var marker = new google.maps.Marker({

                    position: place.geometry.location
                });

                var packlat = marker.position.lat();
                var packlong = marker.position.lng();

                latval = packlat + ',' + packlong;
                //alert('test ' + latval + " " + latlongval);
                //calculateAndDisplayRoute(directionsService, directionsDisplay);
                directionsDisplay.setMap(null);
                Testfunc();
            }
        })

        var inputoutsdropdown = document.getElementById('outstation-from-loc');
        var outssearchbox = new google.maps.places.SearchBox(inputoutsdropdown);
        google.maps.event.addListener(outssearchbox, 'places_changed', function () {
            debugger;
            var places = outssearchbox.getPlaces();
            for (var i = 0, marker; marker = markers[i]; i++) {
                marker.setMap(null);
            }
            markers = [];
            for (var i = 0, place; place = places[i]; i++) {
                debugger;
                var marker = new google.maps.Marker({

                    position: place.geometry.location
                });

                var packlat = marker.position.lat();
                var packlong = marker.position.lng();

                latval = packlat + ',' + packlong;
                //alert('test ' + latval + " " + latlongval);
                //calculateAndDisplayRoute(directionsService, directionsDisplay);
                directionsDisplay.setMap(null);
                Testfunc();
            }
        })

        directionsDisplay.setMap(map);
        if (latval !== "" && latlongval !== "") {
            calculateAndDisplayRoute(directionsService, directionsDisplay);
        } else {
            var myLatLng = new google.maps.LatLng('12.961760', '80.261620');
            var userMarker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                strokeColor: '#FF0000',
                strokeOpacity: 0.8,
                strokeWeight: 2,
                fillColor: '#FF0000',
                fillOpacity: 0.35,
                radius: 1000 * 100
                // icon: im
            });
        }

        var onChangeHandler = function () {
            if (directionsService != "" && directionsDisplay != "") {
                //directionsDisplay.setMap(null);
                calculateAndDisplayRoute(directionsService, directionsDisplay);
            }
            else {
                var userMarker = new google.maps.Marker({
                    position: myLatLng,
                    map: map,
                    //icon: im
                });
                var citymap = {
                    current: {
                        center: { lat: 12.961760, lng: 80.261620 }
                    }
                };
                for (var city in citymap) {
                    var cityCircle = new google.maps.Circle({
                        strokeColor: '#FF0000',
                        strokeOpacity: 0.8,
                        strokeWeight: 2,
                        fillColor: '#FF0000',
                        fillOpacity: 0.35,
                        map: map,
                        center: citymap[city].center,
                        radius: Math.sqrt(citymap[city].population) * 100
                    });
                }
            }
        };

        var input = document.getElementById('local-from-loc-test');
        var autocomplete = new google.maps.places.Autocomplete(input);
        autocomplete.addListener('place_changed', function () {
            var place = autocomplete.getPlace();
        });


    }

    function calculateAndDisplayRoute(directionsService, directionsDisplay) {
        debugger;
        ///'@objlat',//document.getElementById('start').value,
        //'@objlatlong',// document.getElementById('end').value,

        directionsService.route({
            origin: latval,
            destination: latlongval,
            travelMode: 'DRIVING'
        }, function (response, status) {
            if (status === 'OK') {
                directionsDisplay.setDirections(response);
            } else {

                //window.alert('Directions request failed due to ' + status);
            }
        });
    }
    function Testfunc() {
        var userMarker = "";
        //map = new google.maps.Map(document.getElementById('map'), {
        //    zoom: 15,
        //    center: { lat: 12.961760, lng: 80.261620 },
        //    mapTypeId: 'roadmap'
        //});
        var split = latval.split(',');
        var myLatLng = new google.maps.LatLng(split[0], split[1]);//'12.961760', '80.261620');
        userMarker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            strokeColor: '#FF0000',
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillColor: '#FF0000',
            fillOpacity: 0.35,
            radius: 1000 * 100
            // icon: im
        });
    }
    function getCurrentkatkong()
    {
        if ("geolocation" in navigator) {
            navigator.geolocation.getCurrentPosition(function (position) {
                infoWindow = new google.maps.InfoWindow({ map: map });
                var pos = { lat: position.coords.latitude, lng: position.coords.longitude };
                currentlat = position.coords.latitude;
                currentlong = position.coords.longitude;
                //alert('check' + currentlat + " " + currentlong);
                //infoWindow.setPosition(pos);
                //infoWindow.setContent("Found your location <br />Lat : " + position.coords.latitude + " </br>Lang :" + position.coords.longitude);
               // map.panTo(pos);
            });
        }
    }
    function ModelOpen(triptype) {
        objCategorytype = triptype;
        $('#myModal').modal('show');
    }
    function functionAtag(values) {
        if (values == "Mannual") {

            $('.tagAMannual').addClass("active");
            $('.tagAAutomatic').removeClass("active");
        } else {
            $('.tagAMannual').removeClass("active");
            $('.tagAAutomatic').addClass("active");
        }
    }
    $(document).ready(function () {
        getAllvechicleModelPackage();
        getAllStates();
        getAllVechicletypes();
        latval = GetParameterValues('lat');
        latlongval = GetParameterValues('latlong');
        //alert('check ' + latval + " " + latlongval);
        objtripTypeQueryString = GetParameterValues('triptype');
        switch (objtripTypeQueryString) {
            case 'InCity':
                $("#BooklocalTrip").addClass('heading');
                $("#BooklocalTrip").attr("disabled", "disabled");

                $("#BookoutstationTrip").removeClass('heading');
                $("#BookoutstationTrip").removeAttr("disabled");

                $("#Bookpackages").removeClass('heading');
                $("#Bookpackages").removeAttr("disabled");

                if (getCookie('CustomerMobileno') != "" && getCookie('CustomerName') != "") {

                    $(".address-section").css('display', 'none');
                    $("#localTrip-screen2").show();//.css('display', 'block');
                    $(".localbooknow").css('display', 'block');
                    $('.book-localtrip-div').css('display', 'block');
                    $('.book-localtrip-selecttype').css('display', 'none');
                    $('.btn-local-Schedule-div').css('display', 'none');
                    getAvailableservice();
                    $('#local-booking-date').val(objdateval);
                    $("#txtcartype option:selected").text(test);
                    $("#book-package-trips").css('display', 'none');
                    $("#out_station_trip_div").hide();

                } else {
                    debugger;
                    $(".address-section").css('display', 'block');
                    $("#common-trip-local").css('display', 'none');
                    $("#localTrip-screen2").hide();//.css('display', 'none');
                    $("#confirmbook-round").css('display', 'none');
                    $('.localbooknow').css('display', 'none');
                    $("#book-package-trips").hide();
                    $("#out_station_trip_div").hide();


                    //localbooknow confirmbook-round
                }

                break;
            case 'Outstation':

                $("#BookoutstationTrip").addClass('heading');
                $("#BookoutstationTrip").attr("disabled", "disabled");

                $("#Bookpackages").removeClass('heading');
                $("#Bookpackages").removeAttr("disabled");

                $("#BooklocalTrip").removeClass('heading');
                $("#BooklocalTrip").removeAttr("disabled");
                $("#common-trip-local").hide();
                $("#local-trip-div").hide();
                $("#out_station_trip_div").show();
                $("#book-package-trips").hide();
                $("#outstation_Date").val(getCookie('Bookdate'));
                $("#outstation_Time").val(getCookie('Booktime'));

                if (getCookie('CustomerMobileno') != "" && getCookie('CustomerName') != "") {
                    $(".out-schedule-button-div").hide();

                    $.post("@Url.Action("AvailableTop4Services", "Booking")",
                       {
                           pickuplatlon: latval,
                           droplatlon: latlongval
                       }, function (data) {

                           if (data.Success == true) {
                               $.post("@Url.Action("GetAllfaredetails", "Booking")",
                                          {
                                              mobileno: getCookie('CustomerMobileno'),
                                              PickupLatLon: latval,
                                              DropLatlon: latlongval,
                                              TripType: "Outstation",
                                              category: getCookie('VehicleCategory'),//"SEDAN",
                                              Pickuptime: getCookie('Booktime'),
                                              pickupdate: getCookie('Bookdate'),
                                              bookingtype: "NOW",
                                              traveltype: getCookie('Triptype')

                                          }, function (data) {
                                              if (data.Data != null) {
                                                  //alert('check '+data.Data.TotalFare);estimate-amount
                                                  var objPrice = data.Data.TotalFare;
                                                  //if (objModeltripkey === "Outstation") {
                                                  //    $('.hdoses-amnt-round').css('display', 'none');
                                                  //}
                                                  //else {
                                                  //    $('.hdoses-amnt-round').css('display', 'block');
                                                  //}
                                                  $('.hdoses-amnt-round').css('display', 'none');
                                                  $("#outstation-trip-Eprice").html(objPrice);
                                                  $('.estim-wrap-round').addClass('estimate-round-fullview');
                                                  $('.date-time, #addressSection-round').hide();
                                                  $('#estimate-round, .book-now-round').show();
                                                  //$('#outstationTrip-screen1').hide();
                                                  //$('#outstationTrip-screen2').show();
                                                  var triptypeval = getCookie('Outtriptype');
                                                  $("#outstation-to-loc_trip").val(triptypeval);
                                                  $(".outs-city").show();
                                                  var objStateid = getCookie('Stateid');
                                                  var cityid = getCookie('Cityid');
                                                  //alert(objCityid + " " + triptypeval+" "+getCookie('Cityid'));
                                                  FectAllCities(objStateid);
                                                  var spiltobj = latlongval.split(',');
                                                  $("#hdoustcitylat").val(spiltobj[0]);
                                                  $("#hdoustcitylong").val(spiltobj[1]);
                                                  $("#outstation-state-city").val(cityid);
                                                  $("#outstation-state").val(objStateid);


                                              }
                                              else if (data.OutstationFareList != null) {
                                                  debugger;
                                                  $('.hdoses-amnt-round').css('display', 'block');
                                                  $(".hours-outstation").html('');
                                                  var objdescrip = data.Description;
                                                  $(".mesgpkg-out").html(objdescrip);
                                                  $.each(data.OutstationFareList, function (key, value) {
                                                      debugger;
                                                      if (key != 0) {
                                                          var $div = $("div.hours-outstation");
                                                          $div.append('<div id="cls' + value.Days + '" style="display:none;">' + value.Days + ' Days' + '</div>');

                                                      } else {
                                                          var $div = $("div.hours-outstation");
                                                          $div.append('<div id="cls' + value.Days + '">' + value.Days + ' Days' + '</div>');

                                                      }
                                                      objOutHousrArr.push(value.Days);
                                                      objOutTotfareArr.push(value.TotalFare);
                                                  });
                                                  if (objOutTotfareArr.length > 0) {
                                                      var totalfare = objOutTotfareArr[0];
                                                      var totalhours = objOutHousrArr[0];
                                                      $("#outstation-trip-Eprice").html(totalfare);
                                                      $("#hdoutstationhours").val(objOutHousrArr);

                                                  }
                                                  $('.estim-wrap').addClass('estimate-fullview');
                                                  $('.date-time, #addressSection-round').hide();
                                                  $('#estimate-round, .book-now-round').show();
                                                  //$('#outstationTrip-screen1').hide();
                                                  //$('#outstationTrip-screen2').show();
                                                  $(".div-outstation-trip_type").hide();
                                                  $(".out-state").hide();
                                                  $(".outs-city").hide();
                                              }
                                          });
                           }
                       });

                } else {
                    $("#outstationTrip-screen1").hide();
                    $("#estimate-round").hide();
                    $("#addressSection-round").show();

                }
                break;
            case 'Package':

                $('#packpicker').val(getCookie('Bookdate'));
                $('#packtime').val(getCookie('Booktime'));
                $("#Bookpackages").addClass('heading');
                $("#Bookpackages").attr("disabled", "disabled");

                $("#BookoutstationTrip").removeClass('heading');
                $("#BookoutstationTrip").removeAttr("disabled");

                $("#BooklocalTrip").removeClass('heading');
                $("#BooklocalTrip").removeAttr("disabled");
                if (getCookie('CustomerMobileno') != "" && getCookie('CustomerName') != "") {
                    $("#common-trip-local").hide();
                    $("#local-trip-div").hide();
                    $("#out_station_trip_div").hide();
                    $("#book-package-trips").show();
                    $(".pack-loginandregister").hide();
                    $("#packages-screen1").show();
                    $("#packages-screen2").show();
                    $('.back-div-btn_schedulevalidate').hide();

                    var val = $("#txtpackcartype option:selected").val() == undefined || "" ? "SEDAN" : $("#txtpackcartype option:selected").val();
                    //alert('test ' + val);
                    $.post("@Url.Action("GetAllfaredetails", "Booking")",
                    {
                        mobileno: getCookie('CustomerMobileno'),
                        PickupLatLon: latval,
                        DropLatlon: "0.0,0.0",
                        TripType: "Package",
                        category: val,
                        Pickuptime: $('#packtime').val(),
                        pickupdate: $('#packpicker').val(),
                        bookingtype: "NOW",
                        traveltype: "Round Trip"
                    }, function (data) {
                        debugger;
                        $(".hours-pack").html('');
                        if (data.PackageFareList != null) {
                            $.each(data.PackageFareList, function (key, value) {

                                if (key != 0) {
                                    var $div = $("div.hours-pack");
                                    $div.append('<div id="cls' + value.PackageHours + '" style="display:none;">' + value.PackageHours + ' Hours' + '</div>');

                                } else {
                                    var $div = $("div.hours-pack");
                                    $div.append('<div id="cls' + value.PackageHours + '">' + value.PackageHours + ' Hour' + '</div>');

                                }
                                objPackHoursArr.push(value.PackageHours);
                                objPackTotalArr.push(value.TotalFare);
                            });
                        }
                        if (objPackTotalArr.length > 0) {
                            var totalfare = objPackTotalArr[0];
                            var totalhours = objPackHoursArr[0];
                            $(".estimate-price-pack").html(totalfare);
                            $("#hdpackhousrs").val(totalhours);
                        }
                    });
                    //$("#packages-screen1").hide();
                    $(".back-div-btn_schedulevalidate").hide();
                    $("#estimate-pkg").show();

                } else {

                    $("#common-trip-local").hide();
                    $("#local-trip-div").hide();
                    $("#out_station_trip_div").hide();
                    $("#book-package-trips").show();
                    $(".pack-loginandregister").show();
                    $("#packages-screen1").hide();
                    $("#packages-screen2").hide();
                }
                break;
            default:

                break;
        }
        //switch (objtripTypeQueryString) {
        //    case "InCity":
        //        alert('test');
        //        $("#BooklocalTrip").addClass('heading');
        //        $("#BooklocalTrip").attr("disabled", "disabled");
        //        $("#Bookpackages").removeClass('heading');
        //        $("#Bookpackages").removeAttr("disabled");
        //        break;
        //    case "Outstation":

        //        break;
        //    case "Package":
        //        $("#Bookpackages").addClass('heading');
        //        $("#Bookpackages").attr("disabled", "disabled");
        //        $("#BooklocalTrip").removeClass('heading');
        //        $("#BooklocalTrip").removeAttr("disabled");
        //        break;
        //    default:

        //}


        var objdateval = getCookie('Bookdate');
        var objtimeval = getCookie('Booktime');
        $('#timevalidate').val(objtimeval);
        $('#local-booking-date').val(objdateval);
        var test = getCookie('CusSegment');
        //alert(test)

        //$("#txtcartype option:selected").text(test);

        $('.btn-modal').on('click', function () {
            var switchTab = $(this).data('tab');
            activaTab(switchTab);
            function activaTab(switchTab) {
                $('.nav-tabs a[href="#' + switchTab + '"]').tab('show');
            };
        });

        var custType = $('#customer-type'),
            newCust = $('.new-customer'),
            existCust = $('.existing-customer'),
            createAccBtn = $('.create-account'),
            verifyAccBtn = $('.verify-account');

        custType.val($(this).is(':checked'))
                .change(function () {
                    if ($(this).is(':checked')) {
                        newCust.fadeToggle(400, function () { // Hide Full form when checked
                            existCust.fadeToggle(500); //Display Small form when checked
                            createAccBtn.toggleClass('hide');
                            verifyAccBtn.toggleClass('hide');
                        });

                    } else {
                        existCust.fadeToggle(400, function () { //Hide Small form when unchecked
                            newCust.fadeToggle(500); //Display Full form when unchecked
                            createAccBtn.toggleClass('hide');
                            verifyAccBtn.toggleClass('hide');
                        });

                    }
                });

        $("#user-mobile-no").change(function () {
            debugger;
            objOtpMobileno = $("#user-mobile-no").val();
            if (objOtpMobileno.length == 10) {
                $.post("@Url.Action("SendOtp", "Booking")", { mobileno: objOtpMobileno }, function (data) {
                    if (data != null) {
                        Swal({
                            type: 'success',
                            title: data.Message,
                            showConfirmButton: false,
                            timer: 3000
                        });
                        objOtpMobileno = "";
                    }
                });
            }
            else {
                return false;
            }

        });

        $("#user-guest-mobile").change(function () {
            debugger;
            var mobile = $("#user-guest-mobile").val();
            if (mobile.length == 10) {
                objOtpMobileno = mobile;

                $.post("@Url.Action("SendOtp", "Booking")", { mobileno: objOtpMobileno }, function (data) {
                    if (data != null) {
                        Swal({
                            type: 'success',
                            title: data.Message,
                            showConfirmButton: false,
                            timer: 3000
                        });
                        objOtpMobileno = "";
                    }
                });
            }
            else {
                return false;
            }

        });
        $("#localtrip-to-loc").change(function () {
            var objvalue = $("#localtrip-to-loc option:selected").val();
            if (objvalue === "outstationTrip") {
                $(".droplocationdiv").css('display', 'none');
            } else { $(".droplocationdiv").css('display', 'block'); }

            //if ($('#localtrip-to-loc option:selected').val() == "") {
            //    $('.droplocationdiv').css('display', 'block');
            //} else { $('.droplocationdiv').css('display', 'none'); }
        });


        $("#BooklocalTrip").click(function () {
            //alert('check');
            $("#Bookpackages").removeClass('heading');
            $("#Bookpackages").removeAttr("disabled");
            $(this).addClass('heading');
            $(this).attr("disabled", "disabled");
            $("#BookoutstationTrip").removeClass('heading');
            $("#BookoutstationTrip").removeAttr("disabled");
            $('#local-from-loc').val("");

            $("#local-from-loc").val(getCookie('localpickuploc'));
            var objvalue = $("#localtrip-to-loc option:selected").val();
            if (objvalue !== "outstationTrip") {
                directionsDisplay.setMap(map);
            }
            if (latval !== "") {
                var split = latval.split(',');
                $("#loclFormLatitude").val(split[0]);
                $("#loclFormLongtitude").val(split[1]);
            } else {
                $('#loclFormLatitude').val("");
                $('#loclFormLongtitude').val("");
            }
            $("#loclToLatitude").val("");
            $("#loclToLongtitude").val("");
            //directionsDisplay.setMap(null);
            $('#book-package-trips').hide();
            debugger;
            //map1.Clear();
            $('.book-localtrip-div').css('display', 'block');
            $('.book-localtrip-selecttype').css('display', 'block');
            $('.btn-local-Schedule-div').css('display', 'block');
            $('#bind-datetime-div').hide();
            $("#common-trip-local").show();
            $('#timevalidate').val("");
            $("#out_station_trip_div").hide();
            //Testfunc();
            //var map1 = new google.maps.Map(document.getElementById('map'), {
            //    zoom: 15,
            //    center: { lat: 12.961760, lng: 80.261620 },
            //    mapTypeId: 'roadmap'
            //});
            calculateAndDisplayRoute(directionsService, directionsDisplay);
            //directionsDisplay.setMap(map);
        });

        $("#btnSchedulevalidate").click(function () {
            $("#local_trip").valid();
            var fromplace = $.trim($('#local-from-loc').val());
            var localtoplace = $.trim($('#localtrip-to-loc').val());
            var toplace = $.trim($('#local-to-loc').val());
            var datevalidate = $.trim($('#local-booking-date').val());
            var timevalidate = $.trim($('#timevalidate').val());

            if (fromplace === '' || localtoplace === '' || datevalidate === '' || timevalidate === '') {
                return false;
            }
            else {
                debugger;
                setCookie('Bookdate', '');
                setCookie('Booktime', '');
                setCookie('Bookdate', datevalidate);
                setCookie('Booktime', timevalidate);
                if (getCookie('CustomerMobileno') != "" && getCookie('CustomerName') != "") {

                    getAvailableservice();
                    //$("#common-trip-local").hide();
                    $('#local-trip-div').show();
                    $('#local-booking-date').val(objdateval);
                    $("#txtcartype option:selected").text(test);
                    $(".book-local-trip-cardtype").css('display', 'block');
                    $(".book-local-trip-pickup").css('display', 'block');
                    $(".book-localtrip-div").css('display', 'block');
                    $(".btn-local-Schedule-div").css('display', 'none');
                    $("#localTrip-screen2").show();
                    $('.book-localtrip-div').show();


                } else {
                    debugger;
                    $("#common-trip-local").hide();
                    $('#local-trip-div').show();
                    $(".address-section").css('display', 'block');
                    //$("#common-trip-local").css('display', 'none');
                    //$("#localTrip-screen2").css('display', 'none');
                    //$("#confirmbook-round").css('display', 'none');
                    //$('.localbooknow').css('display', 'none');
                    $("#book-package-trips").hide();
                    //localbooknow confirmbook-round
                }
            }
        });

        $("#Bookpackages").click(function () {
            //alert('test ');
            directionsDisplay.setMap(null);
            $('#common-trip-local').css('display', 'none');
            $('#local-trip-div').hide();//css('display', 'none');
            $('#book-package-trips').show();//local-trip-div
            $("#estimate-pkg").hide();
            Testfunc();
            $(this).addClass('heading');
            $(this).attr("disabled", "disabled");
            $("#BooklocalTrip").removeClass('heading');
            $("#BooklocalTrip").removeAttr("disabled");
            $("#BookoutstationTrip").removeClass('heading');
            $("#BookoutstationTrip").removeAttr("disabled");
            //alert('ddd' + getCookie('Bookdate'));BookoutstationTrip
            $("#packpicker").val(getCookie('Bookdate'));
            $("#packtime").val(getCookie('Booktime'));
            $(".back-div-btn_schedulevalidate").show();
            $(".pack-loginandregister").hide();
            $("#out_station_trip_div").hide();
        });

        $("#next-pack").click(function () {

            if ($(".hours-pack div:visible").next().length != 0) {
                $(".hours-pack div:visible").next().show().prev().hide();
                var hrs = $('.hours-pack div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objPackTotalArr[hrs - 1];
                $(".estimate-price-pack").html(totalfare);
                $("#hdpackhousrs").val(hrs);
            }
            else {
                $(".hours-pack div:visible").hide();
                $(".hours-pack div:first").show();
                var hrs = $('.hours-pack div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objPackTotalArr[hrs - 1];
                $(".estimate-price-pack").html(totalfare);
                $("#hdpackhousrs").val(hrs);

            }
            return false;
        });

        $("#prev-pack").click(function () {
            if ($(".hours-pack div:visible").prev().length != 0) {
                $(".hours-pack div:visible").prev().show().next().hide();
                var hrs = $('.hours-pack div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objPackTotalArr[hrs - 1];
                $(".estimate-price-pack").html(totalfare);
                $("#hdpackhousrs").val(hrs);
            }
            else {
                $(".hours-pack div:visible").hide();
                $(".hours-pack div:last").show();
                var hrs = $('.hours-pack div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objPackTotalArr[hrs - 1];
                $(".estimate-price-pack").html(totalfare);
                $("#hdpackhousrs").val(hrs);
            }
            return false;
        });
        $("#btnpackSchedulevalidate").click(function () {
            //$("#pack_trip").valid();
            debugger;
            var packfromloc = $.trim($('#pack-from-loc').val());
            //var packtoloc = $.trim($('#pack-to-loc').val());
            var packpicker = $.trim($('#packpicker').val());
            var packtime = $.trim($('#packtime').val());

            if (packfromloc === '' || packpicker === '' || packtime === '') {
                return false;
            }
            else {
                var objLatval = "";
                var objLongval = "";
                var objtrip = "";
                objtrip = "Package";
                var objPickuplat = "";
                var objPickuplong = "";
                if (latval !== "") {
                    var split = latval.split(',');
                    objPickuplat = split[0];
                    objPickuplong = split[1];

                } else {
                    objPickuplat = "12.961760";//$("#packformlat").val();//12.961760, lng: 80.261620
                    objPickuplong = "80.261620";// $("#packformlong").val(); $("#txtpackcartype option:selected").val();
                }

                if (getCookie('CustomerMobileno') != "" && getCookie('CustomerName') != "") {

                    $.post("@Url.Action("GetAllfaredetails", "Booking")",
                    {
                        mobileno: getCookie('CustomerMobileno'),
                        PickupLatLon: objPickuplat + "," + objPickuplong,
                        DropLatlon: "0.0,0.0",
                        TripType: "Package",
                        category: $("#txtpackcartype option:selected").val(),
                        Pickuptime: packtime,
                        pickupdate: packpicker,
                        bookingtype: "NOW",
                        traveltype: "Round Trip"
                    }, function (data) {
                        debugger;
                        $(".hours-pack").html('');
                        if (data.PackageFareList != null) {
                            $.each(data.PackageFareList, function (key, value) {

                                if (key != 0) {
                                    var $div = $("div.hours-pack");
                                    $div.append('<div id="cls' + value.PackageHours + '" style="display:none;">' + value.PackageHours + ' Hours' + '</div>');

                                } else {
                                    var $div = $("div.hours-pack");
                                    $div.append('<div id="cls' + value.PackageHours + '">' + value.PackageHours + ' Hour' + '</div>');

                                }
                                objPackHoursArr.push(value.PackageHours);
                                objPackTotalArr.push(value.TotalFare);
                            });
                        }
                        if (objPackTotalArr.length > 0) {
                            var totalfare = objPackTotalArr[0];
                            var totalhours = objPackHoursArr[0];
                            $(".estimate-price-pack").html(totalfare);
                            $("#hdpackhousrs").val(totalhours);
                        }
                    });
                    //$("#packages-screen1").hide();
                    $(".back-div-btn_schedulevalidate").hide();
                    $("#estimate-pkg").show();
                }
                else {
                    $('#packages-screen1').hide();
                    $(".pack-loginandregister").show();
                    $(".back-div-btn_schedulevalidate").hide();
                }

            }
        });

        $("#BookoutstationTrip").click(function () {

            $(this).addClass('heading');
            $(this).attr("disabled", "disabled");
            $("#BooklocalTrip").removeClass('heading');
            $("#BooklocalTrip").removeAttr("disabled");
            $("#Bookpackages").removeClass('heading');
            $("#Bookpackages").removeAttr("disabled");

            $("#book-package-trips").hide();
            $("#common-trip-local").hide();
            $("#local-trip-div").hide();
            $("#out_station_trip_div").show();
            $(".out-schedule-button-div").show();
            $("#outstationTrip-screen1").show();
            $("#outstation_Date").val(getCookie('Bookdate'));
            $("#estimate-round").hide();
            directionsDisplay.setMap(null);
            Testfunc();

        });
        $("#outstation_trip").validate({
            rules: {
                outstation_fromplace: "required",
                outstation_trip: "required",
                //outstation_loc: "required",
                outstation_Date: "required",
                outstation_time: "required",
            },
            messages: {
                outstation_fromplace: "Please select pickup location",
                outstation_trip: "Please select Trip",
                //outstation_loc: "Please select drop location",
                outstation_Date: "Please select Date",
                outstation_time: "Please select Time",
            }
        });

        $('#outsSchedule').click(function () {

            $("#outstation_trip").valid();
            var outstation_fromplace = $.trim($('#outstation-from-loc').val());
            var outstation_trip = $.trim($('#outstation-to-loc_trip').val());
            var outstation_loc = $.trim($('#outstation-to-loc').val());
            var outstation_Date = $.trim($('#outstation_Date').val());
            var outstation_time = $.trim($('#outstation_Time').val());
            if (outstation_fromplace === '' || outstation_trip === '' || outstation_Date === '' || outstation_time === '') {
                return false;
            }
            else {
                debugger;

                if (getCookie('CustomerMobileno') != "" && getCookie('CustomerName') != "") {

                    var objOutsPickuplat = "";
                    var objOutsPickuplatlong = "";
                    var objOutsDroplat = "";
                    var objOutsDroplatlong = "";
                    //if ($("#Outsformlat").val() !== "" && $("#Outsformlong").val() !== "") {

                    objOutsPickuplatlong = latval;//$("#Outsformlat").val() + "," + $("#Outsformlong").val();
                    //}
                    if ($("#hdoustcitylat").val() !== "" && $("#hdoustcitylong").val() !== "") {

                        objOutsDroplatlong = $("#hdoustcitylat").val() + "," + $("#hdoustcitylong").val();
                    }
                    $.post("@Url.Action("AvailableTop4Services", "Booking")",
                    {
                        pickuplatlon: objOutsPickuplatlong,
                        droplatlon: objOutsDroplatlong
                    }, function (data) {
                        debugger;
                        if (data.Success == true) {
                            $.post("@Url.Action("GetAllfaredetails", "Booking")",
                                {
                                    mobileno: getCookie('CustomerMobileno'),
                                    PickupLatLon: objOutsPickuplatlong,
                                    DropLatlon: objOutsDroplatlong,
                                    TripType: "Outstation",
                                    category: $("#txtoutscartype option:selected").val(),//"SEDAN",
                                    Pickuptime: $("#outstation_Time").val(),//$("#outstation_Date").val(),
                                    pickupdate: $("#outstation_Date").val(),
                                    bookingtype: "NOW",
                                    traveltype: $("#outstation-to-loc_trip option:selected").text()
                                },
                                function (data) {
                                    debugger;
                                    if (data.Data != null) {
                                        var objPrice = data.Data.TotalFare;
                                        if (objtripTypeQueryString === "Outstation") {
                                            $('.hdoses-amnt-round').css('display', 'none');
                                        }
                                        else {
                                            $('.hdoses-amnt-round').css('display', 'block');
                                        }
                                        $('.hdoses-amnt-round').css('display', 'none');
                                        $("#outstation-trip-Eprice").html(objPrice);
                                        $('.estim-wrap-round').addClass('estimate-round-fullview');
                                        $('.date-time, #addressSection-round').hide();
                                        $('#estimate-round, .book-now-round').show();
                                        $('#outstationTrip-screen1').show();
                                        $(".out-schedule-button-div").hide();
                                        $('#outstationTrip-screen2').show();
                                    } else if (data.OutstationFareList != null) {
                                        debugger;
                                        $('.hdoses-amnt-round').css('display', 'block');
                                        $(".hours-outstation").html('');
                                        var objdescrip = data.Description;
                                        $(".mesgpkg-out").html(objdescrip);
                                        $.each(data.OutstationFareList, function (key, value) {
                                            debugger;
                                            if (key != 0) {
                                                var $div = $("div.hours-outstation");
                                                $div.append('<div id="cls' + value.Days + '" style="display:none;">' + value.Days + ' Days' + '</div>');

                                            } else {
                                                var $div = $("div.hours-outstation");
                                                $div.append('<div id="cls' + value.Days + '">' + value.Days + ' Days' + '</div>');

                                            }
                                            objOutHousrArr.push(value.Days);
                                            objOutTotfareArr.push(value.TotalFare);
                                        });
                                        if (objOutTotfareArr.length > 0) {
                                            var totalfare = objOutTotfareArr[0];
                                            var totalhours = objOutHousrArr[0];
                                            $("#outstation-trip-Eprice").html(totalfare);
                                            $("#hdoutstationhours").val(objOutHousrArr);

                                        }
                                        $('.estim-wrap').addClass('estimate-fullview');
                                        $('.date-time, #addressSection-round').hide();
                                        $('#estimate-round, .book-now-round').show();
                                        $('#outstationTrip-screen1').show();
                                        $(".div-outstation-trip_type").hide();
                                        $(".out-schedule-button-div").hide();
                                        $('#outstationTrip-screen2').show();
                                    }
                                });

                        }
                        else {
                            Swal({
                                type: 'warning',
                                title: data.Message,
                                showConfirmButton: false,
                                timer: 4000
                            });
                        }

                    });

                } else {

                    $("#outstationTrip-screen1").hide();
                    $("#addressSection-round").show();

                }
            }
        });

        $("#next-outstation").click(function () {

            debugger;
            if ($(".hours-outstation div:visible").next().length != 0) {
                $(".hours-outstation div:visible").next().show().prev().hide();
                var hrs = $('.hours-outstation div:visible').text();
                hrs = hrs.replace(' Days', '');
                var totalfare = objOutTotfareArr[hrs - 1];
                $("#outstation-trip-Eprice").html(totalfare);
                $("#hdoutstationhours").val(hrs);
            }
            else {
                debugger;
                $(".hours-outstation div:visible").hide();
                $(".hours-outstation div:first").show();
                var hrs = $('.hours-outstation div:visible').text();
                hrs = hrs.replace(' Days', '');
                var totalfare = objOutTotfareArr[hrs - 1];
                $("#outstation-trip-Eprice").html(totalfare);
                $("#hdoutstationhours").val(hrs);
            }
            return false;
        });

        $("#prev-outstation").click(function () {
            debugger;
            if ($(".hours-outstation div:visible").prev().length != 0) {
                $(".hours-outstation div:visible").prev().show().next().hide();
                var hrs = $('.hours-outstation div:visible').text();
                hrs = hrs.replace(' Days', '');
                var totalfare = objOutTotfareArr[hrs - 1];
                $("#outstation-trip-Eprice").html(totalfare);
                $("#hdoutstationhours").val(hrs);
            }
            else {
                debugger;
                $(".hours-outstation div:visible").hide();
                $(".hours-outstation div:last").show();
                var hrs = $('.hours-outstation div:visible').text();
                hrs = hrs.replace(' Days', '');
                var totalfare = objOutTotfareArr[hrs - 1];
                $("#outstation-trip-Eprice").html(totalfare);
                $("#hdoutstationhours").val(hrs);
                return false;
            }
        });

        $("#OutstationBookNow").click(function () {
            var objhours = "0";
            if ($("#hdoutstationhours").val() != "") {
                objhours = $("#hdoutstationhours").val();
            }
            var kilo = "";
            if (objPickuplat != "" && objPickuplong != "" && objDroplat != "" && objDroplong != "") {

                kilo = getDistanceFromLatLonInKm(objPickuplat, objPickuplong, objDroplat, objDroplong).toFixed(1);
            }
            else { kilo = "0"; }
            var objOutsPickuplat = "";
            var objOutsPickuplatlong = "";
            var objOutsDroplat = "";
            var objOutsDroplatlong = "";
            var objPickupAddress = "";
            var objDropAddress = "";
            objOutsPickuplatlong = latval;
            objPickupAddress = $("#outstation-from-loc").val();
            var outtriptype = "One Way";
            if ($("#hdoustcitylat").val() !== "" && $("#hdoustcitylong").val() !== "") {

                objOutsDroplatlong = $("#hdoustcitylat").val() + "," + $("#hdoustcitylong").val();
                objDropAddress = $("#outstation-state-city option:selected").text() + "," + $("#outstation-state option:selected").text();

            }
            else {
                outtriptype = "Round Trip";
            }
            $.post("@Url.Action("InsertBooking", "Booking")",
                {
                    PhoneNo: getCookie('CustomerMobileno'),
                    CustomerName: getCookie('CustomerName'),
                    TravelDate: $("#outstation_Date").val(),
                    TravelTime: $("#outstation_Time").val(),
                    pickuplatlon: objOutsPickuplatlong,
                    droplatlon: objOutsDroplatlong,
                    PickupPlace: objPickupAddress,
                    DropPlace: objDropAddress,
                    pickUpKMS: kilo,
                    VehicleType: "INDICA",
                    triptype: "HOURLY",
                    NOD: objhours,
                    NOH: "0",
                    favdriverid: "",
                    mailid: getCookie('CustomerMail'),
                    OutStCity: "0",
                    OutStState: "0",
                    TravelType: outtriptype,//$("#outstation-to-loc_trip option:selected").text(),
                    paymenttype: objPaymenttype,//"Cash",
                    tripamt: $("#outstation-trip-Eprice").html(),
                    Couponcode: "TOP4NEW",
                    VehicleCategory: $("#txtoutscartype option:selected").text()
                },
                function (data) {
                    if (data.Success == true) {
                        @*swal(
                                    'Booked!',
                                    'Your Booking Confirmed .',
                                    'success'
                                  );
                        window.location.href = "@Url.Action("index","Home")";*@
                        swal({
                            title: 'Booked!',
                            text: "Your booking confirmed .",
                            type: 'success',
                            confirmButtonColor: '#18ba60',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Ok'
                        }).then(function (isConfirm) {

                            if (isConfirm.value == true) {

                                window.location.href = "@Url.Action("index","Home")";
                            }

                        });
                    } else {

                        Swal({
                            type: 'warning',
                            title: data.Message,
                            showConfirmButton: false,
                            timer: 5000
                        });
                    }
                });
        });

        $("#btnPackbooknow").click(function () {

            //alert('hrs ' + $("#hdpackhousrs").val() + " " + $(".estimate-price-pack").html());
            //var platval = $("#packformlat").val();
            //var platlong=$("#packformlong").val();

            $.post("@Url.Action("PreviousBooking", "Booking")",
               {
                   mobileno: getCookie('CustomerMobileno')//"9791706679"
               }
               , function (result) {
                   debugger;
                   if (result.isPaymentPending == true) {

                       if (result.isPaymentPending == true) {
                           Swal({
                               type: 'warning',
                               title: "Please paid your previous trip amount..",
                               showConfirmButton: false,
                               timer: 5000
                           });
                       }

                       setTimeout(function () {
                           window.location.href = "@Url.Action("History", "Home", new { Status=true})";
                       }, 7000);



                   } else {

                       $.post("@Url.Action("InsertBooking", "Booking")",
                    {
                        PhoneNo: getCookie('CustomerMobileno'),
                        CustomerName: getCookie('CustomerName'),
                        TravelDate: $("#packpicker").val(),
                        TravelTime: $("#packtime").val(),
                        pickuplatlon: latval,//platval + "," + platlong,
                        droplatlon: "0.0,0.0",
                        PickupPlace: $("#pack-from-loc").val(),
                        DropPlace: "",
                        pickUpKMS: "0",
                        VehicleType: "INDICA",
                        triptype: "HOURLY",
                        NOD: "0",
                        NOH: $("#hdpackhousrs").val(),
                        favdriverid: "",
                        mailid: getCookie('CustomerMail'),
                        OutStCity: "0",
                        OutStState: "0",
                        TravelType: "Package",
                        paymenttype: objPaymenttype,
                        tripamt: $(".estimate-price-pack").html(),
                        Couponcode: "TOP4NEW",
                        VehicleCategory: $("#txtpackcartype option:selected").val()
                    }, function (data) {

                        if (data.Success == true) {
                            @*swal(
                                    'Booked!',
                                    'Your Booking Confirmed .',
                                    'success'
                                  );
                            window.location.href = "@Url.Action("index","Home")";*@
                            swal({
                                title: 'Booked!',
                                text: "Your booking confirmed .",
                                type: 'success',
                                confirmButtonColor: '#18ba60',
                                cancelButtonColor: '#d33',
                                confirmButtonText: 'Ok'
                            }).then(function (isConfirm) {

                                if (isConfirm.value == true) {

                                    window.location.href = "@Url.Action("index","Home")";
                                }

                            });

                        } else {
                            Swal({
                                type: 'warning',
                                title: data.Message,
                                showConfirmButton: false,
                                timer: 5000
                            });
                        }

                    });

                   }
               });

        });


        $('.tetdate').datetimepicker({
            //value: TodayDate,
            timepicker: false,
            format: 'd-M-Y',
            minDate: 0,
            scrollInput: false,
            closeOnDateSelect: true
        });

        $('.TimePicker').datetimepicker({
            datepicker: false,
            step: 5,
            format: 'H:i',
            scrollInput: false,
            closeOnDateSelect: true
        });
        $("#local_trip").validate({
            rules: {
                fromplace: "required",
                localtoplace: "required",
                //toplace: "required",
                datevalidate: "required",
                timevalidate: "required",
            },
            messages: {
                fromplace: "Please select pickup location",
                localtoplace: "Please select Trip",
                //toplace: "Please select drop location",
                datevalidate: "Please select Date",
                timevalidate: "Select Time",
            }
        });
        $("#btnRegister").click(function () {
            debugger;
            var firstname = $("#cust-first-name").val();
            var lastname = $("#cust-last-name").val();
            var mobileno = $("#cust-mobile-no").val();
            var email = $("#cust-e-mail").val();

            if (firstname === '' || lastname === '' | mobileno === '' | email === '') {
                $(".formRegistervalidate").valid();
                return false;
            }
            else {
                objMobilenum = mobileno;
                objFirstname = firstname;
                objLastname = lastname;
                objEmailid = email;
                objVechicleModel = "";
                objSegment = "";
                objVechicleType = $("#txtOsvechicletype option:selected").text();
                newSignupUsers(objMobilenum, objFirstname, objLastname, objEmailid, objVechicleModel,
                    objSegment, objVechicleType, objUsrImg);
                return false;
            }
        });
        $("#btnlogin").click(function () {
            debugger;
            var mobile = $("#user-mobile-no").val();
            var usrotp = $("#user-otp").val();
            if (mobile === '' || usrotp === '') {
                $("#formloginvalidate").valid();
                return false;
            }
            else {
                $.post("@Url.Action("VerifyOTP", "Booking")", {
                    mobileno: mobile,
                    OTP: usrotp,
                    devicetoken: ""
                }, function (result) {
                    debugger;
                    if (objCategorytype === "InCity") {

                        if (result != null && result.Data != null) {
                            debugger;
                            Swal({
                                type: 'success',
                                title: result.Message,
                                showConfirmButton: false,
                                timer: 3000
                            });
                            objUsrMobile = result.Data.MOBILE_NO;
                            objUsrName = result.Data.FIRST_NAME + "" + result.Data.LAST_NAME;
                            var lastname = result.Data.LAST_NAME;
                            var firstname = result.Data.FIRST_NAME;
                            objUsrMail = result.Data.E_MAIL;
                            objUsrImg = result.Data.userImage;
                            objUsrVechicleModel = result.Data.VEHICLEMODEL;
                            objUsrVechicleType = result.Data.VEHICLETYPE;
                            objUsrSegment = result.Data.SEGMENT;
                            setCookie('UserImage', ''),
                            setCookie('CustomerMobileno', '');
                            setCookie('CustomerName', '');
                            setCookie('CustomerMail', '');
                            setCookie('CusVechiModel', '');
                            setCookie('CusSegment', '');
                            setCookie('CusVechiType', '');
                            setCookie('CustomerMobileno', objUsrMobile);
                            setCookie('CustomerName', objUsrName);
                            setCookie('CustomerMail', objUsrMail);
                            setCookie('UserImage', objUsrImg);
                            setCookie('lastname', lastname);
                            setCookie('firstname', firstname);
                            setCookie('CusVechiModel', objVechicleModel);
                            setCookie('CusSegment', objUsrSegment);
                            setCookie('CusVechiType', objUsrVechicleType);

                            $(".address-section").css('display', 'none');
                            $('#myModal').modal('hide');
                            $("#localTrip-screen2").show();//css('display', 'block');
                            $("#common-trip-local").css('display', 'block');
                            $('.localbooknow').show();
                            //alert(objUsrSegment)
                            $("#txtcartype option:selected").text(objUsrSegment);
                            //$(".book-local-trip-pickup").css('display', 'block');
                            $(".book-localtrip-selecttype").css('display', 'none');
                            $(".btn-local-Schedule-div").css('display', 'none');
                            $("#book-package-trips").css('display', 'none');

                            //$(".book-localtrip-div").css('display', 'block');
                            //$(".book-local-trip-cardtype").css('display', 'block');
                            getAvailableservice();
                        }
                        else {

                            Swal({
                                type: 'warning',
                                title: data.Message,
                                showConfirmButton: false,
                                timer: 2000
                            });
                        }
                    }
                    else if (objCategorytype === "Package") {

                        if (result != null && result.Data != null) {
                            debugger;
                            Swal({
                                type: 'success',
                                title: result.Message,
                                showConfirmButton: false,
                                timer: 3000
                            });
                            objUsrMobile = result.Data.MOBILE_NO;
                            objUsrName = result.Data.FIRST_NAME + "" + result.Data.LAST_NAME;
                            var lastname = result.Data.LAST_NAME;
                            var firstname = result.Data.FIRST_NAME;
                            objUsrMail = result.Data.E_MAIL;
                            objUsrImg = result.Data.userImage;
                            objUsrVechicleModel = result.Data.VEHICLEMODEL;
                            objUsrVechicleType = result.Data.VEHICLETYPE;
                            objUsrSegment = result.Data.SEGMENT;
                            setCookie('UserImage', ''),
                            setCookie('CustomerMobileno', '');
                            setCookie('CustomerName', '');
                            setCookie('CustomerMail', '');
                            setCookie('CusVechiModel', '');
                            setCookie('CusSegment', '');
                            setCookie('CusVechiType', '');
                            setCookie('CustomerMobileno', objUsrMobile);
                            setCookie('CustomerName', objUsrName);
                            setCookie('CustomerMail', objUsrMail);
                            setCookie('UserImage', objUsrImg);
                            setCookie('lastname', lastname);
                            setCookie('firstname', firstname);
                            setCookie('CusVechiModel', objVechicleModel);
                            setCookie('CusSegment', objUsrSegment);
                            setCookie('CusVechiType', objUsrVechicleType);
                            $('#myModal').modal('hide');

                            var packfromloc = $.trim($('#pack-from-loc').val());
                            var packpicker = $.trim($('#packpicker').val());
                            var packtime = $.trim($('#packtime').val());
                            var objLatval = "";
                            var objLongval = "";
                            var objtrip = "";
                            objtrip = "Package";
                            var objPickuplat = "";
                            var objPickuplong = "";
                            if (latval !== "") {
                                var split = latval.split(',');
                                objPickuplat = split[0];
                                objPickuplong = split[1];

                            } else {
                                objPickuplat = "12.961760";//$("#packformlat").val();//12.961760, lng: 80.261620
                                objPickuplong = "80.261620";// $("#packformlong").val(); $("#txtpackcartype option:selected").val();
                            }
                            $.post("@Url.Action("GetAllfaredetails", "Booking")",
                                {
                                    mobileno: getCookie('CustomerMobileno'),
                                    PickupLatLon: objPickuplat + "," + objPickuplong,
                                    DropLatlon: "0.0,0.0",
                                    TripType: "Package",
                                    category: $("#txtpackcartype option:selected").val(),
                                    Pickuptime: packtime,
                                    pickupdate: packpicker,
                                    bookingtype: "NOW",
                                    traveltype: "Round Trip"
                                }, function (data) {
                                    debugger;
                                    $(".hours-pack").html('');
                                    if (data.PackageFareList != null) {
                                        $.each(data.PackageFareList, function (key, value) {

                                            if (key != 0) {
                                                var $div = $("div.hours-pack");
                                                $div.append('<div id="cls' + value.PackageHours + '" style="display:none;">' + value.PackageHours + ' Hours' + '</div>');

                                            } else {
                                                var $div = $("div.hours-pack");
                                                $div.append('<div id="cls' + value.PackageHours + '">' + value.PackageHours + ' Hour' + '</div>');

                                            }
                                            objPackHoursArr.push(value.PackageHours);
                                            objPackTotalArr.push(value.TotalFare);
                                        });
                                    }
                                    if (objPackTotalArr.length > 0) {
                                        var totalfare = objPackTotalArr[0];
                                        var totalhours = objPackHoursArr[0];
                                        $(".estimate-price-pack").html(totalfare);
                                        $("#hdpackhousrs").val(totalhours);
                                    }
                                });
                            $("#packages-screen1").show();
                            $("#packages-screen2").show();
                            $("#estimate-pkg").show();
                            $(".back-div-btn_schedulevalidate").hide();
                            $(".pack-loginandregister").hide();

                        }
                        else {
                            Swal({
                                type: 'warning',
                                title: data.Message,
                                showConfirmButton: false,
                                timer: 2000
                            });
                        }
                    }
                    else if (objCategorytype === "Outstation") {
                        debugger;
                        if (result != null && result.Data != null) {

                            Swal({
                                type: 'success',
                                title: result.Message,
                                showConfirmButton: false,
                                timer: 3000
                            });
                            objUsrMobile = result.Data.MOBILE_NO;
                            objUsrName = result.Data.FIRST_NAME + "" + result.Data.LAST_NAME;
                            var lastname = result.Data.LAST_NAME;
                            var firstname = result.Data.FIRST_NAME;
                            objUsrMail = result.Data.E_MAIL;
                            objUsrImg = result.Data.userImage;
                            objUsrVechicleModel = result.Data.VEHICLEMODEL;
                            objUsrVechicleType = result.Data.VEHICLETYPE;
                            objUsrSegment = result.Data.SEGMENT;
                            setCookie('UserImage', ''),
                            setCookie('CustomerMobileno', '');
                            setCookie('CustomerName', '');
                            setCookie('CustomerMail', '');
                            setCookie('CusVechiModel', '');
                            setCookie('CusSegment', '');
                            setCookie('CusVechiType', '');
                            setCookie('CustomerMobileno', objUsrMobile);
                            setCookie('CustomerName', objUsrName);
                            setCookie('CustomerMail', objUsrMail);
                            setCookie('UserImage', objUsrImg);
                            setCookie('lastname', lastname);
                            setCookie('firstname', firstname);
                            setCookie('CusVechiModel', objVechicleModel);
                            setCookie('CusSegment', objUsrSegment);
                            setCookie('CusVechiType', objUsrVechicleType);
                            $('#myModal').modal('hide');

                            $.post("@Url.Action("AvailableTop4Services", "Booking")",
                               {
                                   pickuplatlon: latval,
                                   droplatlon: latlongval

                               }, function (data) {

                                   if (data.Success == true) {

                                       $.post("@Url.Action("GetAllfaredetails", "Booking")",
                                          {
                                              mobileno: getCookie('CustomerMobileno'),
                                              PickupLatLon: latval,
                                              DropLatlon: latlongval,
                                              TripType: "Outstation",
                                              category: getCookie('VehicleCategory'),//"SEDAN",
                                              Pickuptime: getCookie('Booktime'),
                                              pickupdate: getCookie('Bookdate'),
                                              bookingtype: "NOW",
                                              traveltype: getCookie('Triptype')

                                          }, function (data) {

                                              if (data.Data != null) {
                                                  //alert('check '+data.Data.TotalFare);estimate-amount
                                                  var objPrice = data.Data.TotalFare;
                                                  //if (objModeltripkey === "Outstation") {
                                                  //    $('.hdoses-amnt-round').css('display', 'none');
                                                  //}
                                                  //else {
                                                  //    $('.hdoses-amnt-round').css('display', 'block');
                                                  //}
                                                  $('.hdoses-amnt-round').css('display', 'none');
                                                  $("#outstation-trip-Eprice").html(objPrice);
                                                  $('.estim-wrap-round').addClass('estimate-round-fullview');
                                                  $('.date-time, #addressSection-round').hide();
                                                  $('#estimate-round, .book-now-round').show();
                                                  //$('#outstationTrip-screen1').hide();
                                                  //$('#outstationTrip-screen2').show();


                                              }
                                              else if (data.OutstationFareList != null) {
                                                  debugger;
                                                  $('.hdoses-amnt-round').css('display', 'block');
                                                  $(".hours-outstation").html('');
                                                  var objdescrip = data.Description;
                                                  $(".mesgpkg-out").html(objdescrip);
                                                  $.each(data.OutstationFareList, function (key, value) {
                                                      debugger;
                                                      if (key != 0) {
                                                          var $div = $("div.hours-outstation");
                                                          $div.append('<div id="cls' + value.Days + '" style="display:none;">' + value.Days + ' Days' + '</div>');

                                                      } else {
                                                          var $div = $("div.hours-outstation");
                                                          $div.append('<div id="cls' + value.Days + '">' + value.Days + ' Days' + '</div>');

                                                      }
                                                      objOutHousrArr.push(value.Days);
                                                      objOutTotfareArr.push(value.TotalFare);
                                                  });
                                                  if (objOutTotfareArr.length > 0) {
                                                      var totalfare = objOutTotfareArr[0];
                                                      var totalhours = objOutHousrArr[0];
                                                      $("#outstation-trip-Eprice").html(totalfare);
                                                      $("#hdoutstationhours").val(objOutHousrArr);

                                                  }
                                                  $('.estim-wrap').addClass('estimate-fullview');
                                                  $('.date-time, #addressSection-round').hide();
                                                  $('#estimate-round, .book-now-round').show();
                                                  //$('#outstationTrip-screen1').hide();
                                                  //$('#outstationTrip-screen2').show();
                                              }

                                              //if (getCookie('Triptype')=="One Way") {

                                              //    //$("#outstation-to-loc_trip option:selected").val('Oneway')
                                              //    //$("#outstation option:selected").text('One Way');
                                              //    $('#outstation').find(":selected").text('One Way');
                                              //    //setCookie('Stateid')
                                              //    var objStateid = $("#outstation-state option:selected").val();
                                              //    $(".outs-city").show();
                                              //    //alert('city ' + objStateid);
                                              //    FectAllCities(objStateid);

                                              //} else {

                                              //    //$("#outstation-to-loc_trip option:selected").val('outstationTrip');
                                              //    $("#outstation option:selected").text('Round Trip');
                                              //    $('#outstation').find(":selected").text('Round Trip');
                                              //    $(".out-state").hide();
                                              //}
                                              $("#outstation_Date").val(getCookie('Booktime'));
                                              $("#outstation_Time").val(getCookie('Bookdate'));
                                              $(".out-state").hide();
                                              $("#addressSection-round").hide();
                                              $(".div-outstation-trip_type").hide();
                                              $("#outstationTrip-screen1").show();
                                              $(".out-schedule-button-div").hide();
                                              $("#estimate-round").show();
                                          });
                                   }
                                   else {
                                       Swal({
                                           type: 'warning',
                                           title: data.Message,
                                           showConfirmButton: false,
                                           timer: 2000
                                       });
                                   }
                               });



                        }
                    }

                });
            }
        });

        //alert('test')
        //getAvailableservice();
        if (latlongval == "") {
            $(".droplocationdiv").css('display', 'none');
            $("#loclToLatitude").val("");
            $("#loclToLongtitude").val("");
        } else {
            var objSplit = latlongval.split(',');
            $("#loclToLatitude").val(objSplit[0]);
            $("#loclToLongtitude").val(objSplit[1]);
        }
        if (latval != "") {
            var objSplit = latval.split(',');
            $("#loclFormLatitude").val(objSplit[0]);
            $("#loclFormLongtitude").val(objSplit[1]);
        }
        $('.localbooknow').click(function () {
            debugger;
            objUsrName = getCookie('CustomerName');
            objUsrMobile = getCookie('CustomerMobileno');
            objUsrMail = getCookie('CustomerMail');
            objdropAddress = getCookie('localdroploc');
            objPickupAddress = getCookie('localpickuploc');
            $.post("@Url.Action("PreviousBooking", "Booking")",
            {
                mobileno: getCookie('CustomerMobileno')//"9791706679"
            }
            , function (result) {
                debugger;
                if (result.isPaymentPending == true) {

                    Swal({
                        type: 'warning',
                        title: "Please paid your previous trip amount..",
                        showConfirmButton: false,
                        timer: 5000
                    });

                } else {
                    debugger;
                    var custMobileNum = objUsrMobile;//$("#txtcustMobile").val();
                    var custEmail = objUsrMail; $("#txtcustMail").val();
                    var custName = objUsrName;//$("#txtCustname").val();
                    var custPickupAdd = objdropAddress;//$("#pickAdd-round").val();
                    var custdropAdd = objPickupAddress; $("#dropAdd-round").val();
                    var objhours = "0";
                    objhours = $("#hdhours").val();
                    //swal({
                    //    title: 'Are you sure booking now?',
                    //    text: "",
                    //    type: 'warning',
                    //    showCancelButton: true,
                    //    confirmButtonColor: '#18ba60',
                    //    cancelButtonColor: '#d33',
                    //    confirmButtonText: 'Yes'
                    //}).then(function (isConfirm) {
                    //    if (isConfirm.value == true) {

                    var kilo = "";
                    var traveltype = "One Way";
                    objPickuplat = latval.split(',')[0];
                    objPickuplong = latval.split(',')[1];
                    if (latlongval !== "") {
                        objDroplat = latlongval.split(',')[0];
                        objDroplong = latlongval.split(',')[1];
                        objhours = 0;

                    } else { traveltype = "Round Trip"; }
                    if (objPickuplat != "" && objPickuplong != "" && objDroplat != "" && objDroplong != "") {

                        kilo = getDistanceFromLatLonInKm(objPickuplat, objPickuplong, objDroplat, objDroplong).toFixed(1);
                    }
                    else { kilo = "0"; }
                    $.post("@Url.Action("InsertBooking", "Booking")",
                        {
                            PhoneNo: custMobileNum,
                            CustomerName: custName,
                            TravelDate: getCookie('Bookdate'),//objbookDate,
                            TravelTime: getCookie('Booktime'),//objbooktime,
                            pickuplatlon: latval,//objPickuplat + "," + objPickuplong,
                            droplatlon: latlongval,//objDroplat + "," + objDroplong,
                            PickupPlace: $("#local-from-loc").val(),
                            DropPlace: $("#local-to-loc").val(),
                            pickUpKMS: kilo,
                            VehicleType: "INDICA",
                            triptype: "HOURLY",
                            NOD: "0",
                            NOH: objhours,
                            favdriverid: "",
                            mailid: custEmail,
                            OutStCity: "0",
                            OutStState: "0",
                            TravelType: traveltype,//"",
                            paymenttype: objPaymenttype,//"Cash",
                            tripamt: $("#loc-trip-Eprice").html(),
                            Couponcode: "TOP4NEW",
                            VehicleCategory: $("#txtcartype option:selected").text() //"HATCH BACK",//getCookie('VehicleCategory')
                        }, function (data) {
                            debugger;
                            if (data.Success == true) {
                                @*swal(
                                        'Booked!',
                                        'Your Booking Confirmed .',
                                        'success'
                                      );
                                window.location.href = "@Url.Action("index","Home")";*@
                                swal({
                                    title: 'Booked!',
                                    text: "Your booking confirmed .",
                                    type: 'success',
                                    confirmButtonColor: '#18ba60',
                                    cancelButtonColor: '#d33',
                                    confirmButtonText: 'Ok'
                                }).then(function (isConfirm) {

                                    if (isConfirm.value == true) {

                                        window.location.href = "@Url.Action("index","Home")";
                                    }
                                });

                            } else {
                                Swal({
                                    type: 'warning',
                                    title: data.Message,
                                    showConfirmButton: false,
                                    timer: 2000
                                });
                            }
                        });
                    //}

                    //});

                }
            });
        });
        $("#confirm_loc_trip").click(function () {
            debugger;
            $.post("@Url.Action("PreviousBooking", "Booking")",
            {
                mobileno: getCookie('CustomerMobileno')//"9791706679"
            }
            , function (result) {
                debugger;
                if (result.isPaymentPending == true) {

                    Swal({
                        type: 'warning',
                        title: "Please paid your previous trip amount..",
                        showConfirmButton: false,
                        timer: 5000
                    });

                } else {

                    var custMobileNum = $("#txtcustMobile").val();
                    var custEmail = $("#txtcustMail").val();
                    var custName = $("#txtCustname").val();
                    var custPickupAdd = $("#pickAdd-round").val();
                    var custdropAdd = $("#dropAdd-round").val();
                    var objhours = "0";
                    objhours = $("#hdhours").val();
                    swal({
                        title: 'Are you sure booking now?',
                        text: "",
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#18ba60',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Yes'
                    }).then(function (isConfirm) {
                        if (isConfirm.value == true) {

                            var kilo = "";
                            var traveltype = "One Way";
                            objPickuplat = latval.split(',')[0];
                            objPickuplong = latval.split(',')[1];
                            if (latlongval !== "") {
                                objDroplat = latlongval.split(',')[0];
                                objDroplong = latlongval.split(',')[1];
                                traveltype = "Round Trip";
                            }
                            if (objPickuplat != "" && objPickuplong != "" && objDroplat != "" && objDroplong != "") {

                                kilo = getDistanceFromLatLonInKm(objPickuplat, objPickuplong, objDroplat, objDroplong).toFixed(1);
                            }
                            else { kilo = "0"; }
                            $.post("@Url.Action("InsertBooking", "Booking")",
                                {
                                    PhoneNo: custMobileNum,
                                    CustomerName: custName,
                                    TravelDate: getCookie('Bookdate'),//objbookDate,
                                    TravelTime: getCookie('Booktime'),//objbooktime,
                                    pickuplatlon: latval,//objPickuplat + "," + objPickuplong,
                                    droplatlon: latlongval,//objDroplat + "," + objDroplong,
                                    PickupPlace: custPickupAdd,
                                    DropPlace: custdropAdd,
                                    pickUpKMS: kilo,
                                    VehicleType: "INDICA",
                                    triptype: "HOURLY",
                                    NOD: "0",
                                    NOH: objhours,
                                    favdriverid: "",
                                    mailid: custEmail,
                                    OutStCity: "0",
                                    OutStState: "0",
                                    TravelType: traveltype,//"",
                                    paymenttype: objPaymenttype,//"Cash",
                                    tripamt: $("#loc-trip-Eprice").html(),
                                    Couponcode: "TOP4NEW",
                                    VehicleCategory: "HATCH BACK",//getCookie('VehicleCategory')
                                }, function (data) {
                                    debugger;
                                    swal(
                                        'Booked!',
                                        'Your Booking Confirmed .',
                                        'success'
                                    );
                                    window.location.href = "@Url.Action("index","Home")";
                                });
                        }

                    });

                }
            });

        });
        $("#next").click(function () {

            if ($(".hours div:visible").next().length != 0) {
                $(".hours div:visible").next().show().prev().hide();
                //alert('check' + $('.hours div:visible').text());
                var hrs = $('.hours div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objOsTotalFareArr[hrs - 1];
                $("#loc-trip-Eprice").html(totalfare);
                $("#hdhours").val(hrs);
            }
            else {
                $(".hours div:visible").hide();
                $(".hours div:first").show();
                var hrs = $('.hours div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objOsTotalFareArr[hrs - 1];
                $("#loc-trip-Eprice").html(totalfare);
                $("#hdhours").val(hrs);

            }
            return false;
        });
        $("#prev").click(function () {
            if ($(".hours div:visible").prev().length != 0) {
                $(".hours div:visible").prev().show().next().hide();
                var hrs = $('.hours div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objOsTotalFareArr[hrs - 1];
                $("#loc-trip-Eprice").html(totalfare);
                $("#hdhours").val(hrs);
            }
            else {
                $(".hours div:visible").hide();
                $(".hours div:last").show();
                var hrs = $('.hours div:visible').text();
                hrs = hrs.replace(' Hours', '');
                var totalfare = objOsTotalFareArr[hrs - 1];
                $("#loc-trip-Eprice").html(totalfare);
                $("#hdhours").val(hrs);
            }
            return false;
        });
        $(".licardclick").click(function () {
            //stycard
            //alert('check');
            $('.stycard').css("background-color", "darkblue");
            $('.stycard').css("color", "white");
            $('.stycash').css("background-color", "white");
            $('.stycash').css("color", "green");
            objPaymenttype = "Online";
        });
        $(".licashclick").click(function () {
            $('.stycard').css("background-color", "white");
            $('.stycard').css("color", "green");
            $('.stycash').css("background-color", "darkblue");
            $('.stycash').css("color", "white");
            objPaymenttype = "Cash";
        });
        $('#outstation-state').change(function () {
            
            var objValue = $('#outstation-state').val();
            FectAllCities(objValue);
            $('.outs-city').css('display', 'block');
        });
        $('#outstation-state-city').change(function () {
            var objValue = $('option:selected', this).attr('loatlong');

            if (objValue != "") {
                debugger;
                var splitobj = objValue.split('~');
                $("#hdoustcitylat").val(splitobj[0]);
                $("#hdoustcitylong").val(splitobj[1]);
                latlongval = objValue.replace('~', ',');
                calculateAndDisplayRoute(directionsService, directionsDisplay)
                directionsDisplay.setMap(map);
                $("#outstationTrip-screen2").hide();
                $(".out-schedule-button-div").show();
            }

        });

        $("#outstation-to-loc_trip").change(function () {
            var objvalue = $("#outstation-to-loc_trip option:selected").val();
            if (objvalue === "outstationTrip") {
                $("#outstation-to-loc").css('display', 'none');
                $(".out-state").css('display', 'none');
                $("#outstation-state-city").css('display', 'none');
                directionsDisplay.setMap(null);
                Testfunc();
                $("#outstationTrip-screen2").hide();
                $(".out-schedule-button-div").show();

            } else {
                $('#outstation-state').val("0");
                $("#outstation-to-loc").css('display', 'block');
                $(".out-state").css('display', 'block');
            }
        });

    });
    function getAllvechicleModelPackage() {

        $("#txtOsvechicleModel").html("");
        //$("#txtcartype").html("");
        //$("#txtpackcartype").html("");
        $.post("@Url.Action("GetVehicleLists", "Booking")", function (data) {
            if (data != null) {
                debugger;

                var $selectPack = $("#txtOsvechicleModel").append("<option value=''style='color:#000;'>Vechicle Model</option>");

                $.each(data, function (key, value) {
                    debugger;
                    if (value.length > 1) {
                        var group = $('<optgroup label="' + value[key].VEHICLECATEGORY + '" />');
                        //$test.append($("<option></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        //$pack.append($("<option></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        //if (value[0].VEHICLECATEGORY == objVCategory) {
                        //    $outs.append($("<option selected></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        //} else {
                        //    $outs.append($("<option></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        //}

                        $.each(value, function () {

                            $('<option />').html(this.VEHICLE_TYPE).appendTo(group);
                        });
                    }
                    else {
                        var group = $('<optgroup label="' + value[0].VEHICLECATEGORY + '" />');
                        $('<option />').html(value[0].VEHICLE_TYPE).appendTo(group);

                    }
                    group.appendTo($selectPack);
                });

            }
        }).always(function () {
            $('select').trigger("chosen:updated");

        });
    }
    function getAllVechicletypes() {
        $("#txtcartype").html("");
        $("#txtpackcartype").html("");
        $("#txtoutscartype").html("");
        $.post("@Url.Action("GetVehicleLists", "Booking")", function (data) {

            if (data != null) {
                debugger;
                var $test = $("#txtcartype");
                var $pack = $("#txtpackcartype");
                var $outs = $("#txtoutscartype");
                var objVCategory = getCookie('VehicleCategory');
                $.each(data, function (key, value) {
                    debugger;
                    if (value.length > 1) {

                        if (value[0].VEHICLECATEGORY == objVCategory) {
                            $test.append($("<option selected></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        } else {
                            $test.append($("<option></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        }
                        if (value[0].VEHICLECATEGORY == objVCategory) {
                            $pack.append($("<option selected></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        } else {
                            $pack.append($("<option></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        }
                        if (value[0].VEHICLECATEGORY == objVCategory) {
                            $outs.append($("<option selected></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        } else {
                            $outs.append($("<option></option>").val(value[0].VEHICLECATEGORY).html(value[0].VEHICLECATEGORY));
                        }
                    }
                });
            }
        });
    }
    function newSignupUsers(objMobilenum, objFirstname, objLastname,
        objEmailid, objVechicleModel, objSegment, objVechicleType, objUsrimage) {
        $.post("@Url.Action("NewUser_Signup", "Booking")",
                {
                    mobileno: objMobilenum,
                    firstname: objFirstname,
                    lastname: objLastname,
                    emailid: objEmailid,
                    vehiclemodel: objVechicleModel,
                    segment: objSegment,
                    vehicletype: objVechicleType,
                    userImage: objUsrimage
                }, function (data) {
                    debugger
                    if (data.Success == false) {
                        Swal({

                            type: 'warning',
                            title: data.Message,
                            showConfirmButton: false,
                            timer: 4000
                        })
                        $('#myModal').modal('show');
                        $("#cust-first-name").val("");
                        $("#cust-last-name").val("");
                        $("#cust-mobile-no").val("");
                        $("#cust-e-mail").val("");

                    } else {
                        Swal({

                            type: 'success',
                            title: data.Message,
                            showConfirmButton: false,
                            timer: 4000
                        })
                        $('#myModal').modal('show');
                    }
                    var custType = $('#customer-type'),
                             newCust = $('.new-customer'),
                             existCust = $('.existing-customer'),
                             createAccBtn = $('.create-account'),
                             verifyAccBtn = $('.verify-account');
                    existCust.fadeToggle(400, function () { //Hide Small form when unchecked
                        newCust.fadeToggle(500); //Display Full form when unchecked
                        createAccBtn.toggleClass('hide');
                        verifyAccBtn.toggleClass('hide');
                    });
                    //customer-type
                    $('#customer-type').prop('checked', false);
                    //clear();
                });
    }
    function getAvailableservice() {
        debugger;
        // $.post("@Url.Action("AvailableTop4Services", "Booking")", {
        //     pickuplatlon: latval,
        //     droplatlon: latlongval
        //}, function (data) {
        //   if (data.Success == true) {
        var trvaltye = "One Way"
        if (latlongval == "") {
            trvaltye = "Round Trip";
        }
        //setCookie('Bookdate', '');
        //('Booktime', '');
        var vcategoryval = getCookie('VehicleCategory');
        if (vcategoryval == "") {
            vcategoryval = "SEDAN";
        }
        debugger;
        $.post("@Url.Action("GetAllfaredetails", "Booking")",
                         {
                             mobileno: getCookie('CustomerMobileno'),
                             PickupLatLon: latval,
                             DropLatlon: latlongval,
                             TripType: "InCity",//objModeltripkey,
                             category: vcategoryval,//getCookie('CusSegment'),//objVcategory,
                             Pickuptime: getCookie('Booktime'),
                             pickupdate: getCookie('Bookdate'),
                             bookingtype: "NOW",
                             traveltype: trvaltye,//"One Way"
                         },
         function (data) {
             debugger;
             if (data.Data != null) {
                 var objPrice = data.Data.TotalFare;
                 var objdescription = data.Description;
                 //if (objTripType === "InCity") {
                 //    $('.hdes-amnt').css('display', 'none');
                 //} else { $('.hdes-amnt').css('display', 'block'); }
                 $("#loc-trip-Eprice").html(objPrice);
                 $('.estim-wrap').addClass('estimate-fullview');
                 //$('.date-time, #addressSection').hide();
                 $('#estimate, .book-now').show();
                 // $('#localTrip-screen1').hide();
                 // $('#localTrip-screen2').show();
                 $('.mesgpkg').html(objdescription);
                 $('.hdes-amnt').css('display', 'none');
             }
             else if (data.InCityFareList != null) {
                 debugger;
                 $('.hdes-amnt').css('display', 'block');
                 $(".hours").html('');
                 var objdescription = data.Description;
                 $('.mesgpkg').html(objdescription);
                 $.each(data.InCityFareList, function (key, value) {
                     debugger;
                     if (key != 0) {
                         var $div = $("div.hours");
                         $div.append('<div id="cls' + value.Hours + '" style="display:none;">' + value.Hours + ' Hours' + '</div>');

                     } else {
                         var $div = $("div.hours");
                         $div.append('<div id="cls' + value.Hours + '">' + value.Hours + ' Hours' + '</div>');

                     }
                     objOsHoursArr.push(value.Hours);
                     objOsTotalFareArr.push(value.TotalFare);
                 });
                 if (objOsTotalFareArr.length > 0) {
                     var totalfare = objOsTotalFareArr[0];
                     var totalhours = objOsHoursArr[0];
                     $("#loc-trip-Eprice").html(totalfare);
                     $("#hdhours").val(totalhours);
                 }
                 $('.estim-wrap').addClass('estimate-fullview');
                 // $('.date-time, #addressSection').hide();
                 $('#estimate, .book-now').show();
                 //$('#localTrip-screen1').hide();
                 // $('#localTrip-screen2').show();
             }
         });
        //}
        //});
    }
    function GetParameterValues(param) {
        var url = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for (var i = 0; i < url.length; i++) {
            var urlparam = url[i].split('=');
            if (urlparam[0] == param) {
                return urlparam[1];
            }
        }
    }

    function GetPromoCode() {
        Swal({
            title: 'Get Couponcode',
            input: 'text',
            inputAttributes: {
                autocapitalize: 'off',
                placeholder: 'Mobile no',
                min: 10,
                max: 10
            },
            animation: false,
            customClass: 'animated tada'
        }).then(function (data) {

            $.post("@Url.Action("GetCouponCode", "Booking")", { mobileno: data.value }, function (data) {
                if (data != null) {
                    objCouponcode = data[0].CouponCode;
                }
            });
        });
    }

    function getDistanceFromLatLonInKm(lat1, lon1, lat2, lon2) {
        debugger;
        var R = 6371; // Radius of the earth in km
        var dLat = deg2rad(lat2 - lat1);  // deg2rad below
        var dLon = deg2rad(lon2 - lon1);
        var a =
          Math.sin(dLat / 2) * Math.sin(dLat / 2) +
          Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) *
          Math.sin(dLon / 2) * Math.sin(dLon / 2)
        ;
        var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
        var d = R * c; // Distance in km
        return d;
    }

    function deg2rad(deg) {
        return deg * (Math.PI / 180)
    }

    function getAllStates() {
        $.post("@Url.Action("GetStateNames", "Booking")", function (data) {

            debugger;
            $('#outstation-state').html('');
            var stateid = "";
            if (getCookie('Stateid') != "") {
                stateid = getCookie('Stateid');
            }
            if (data.data.length > 0) {
                $('#outstation-state').append('<option value="0"> Select State </option>');
                $.each(data.data, function (index, value) {
                    debugger;
                    if (stateid == value.ID) {

                        $('#outstation-state').append('<option value="' + value.ID + '" selected>' + value.STATE + '</option>');

                    } else {
                        $('#outstation-state').append('<option value="' + value.ID + '">' + value.STATE + '</option>');
                    }

                });
            }
        });
    }
    function FectAllCities(stateid) {
        debugger;
        $.post("@Url.Action("fetchCityNames", "Booking")"
            , { stateid: stateid }
            , function (result) {
                $('#outstation-state-city').html('');
                var cityid = "";//getCookie('Cityid'
                if (getCookie('Cityid') != "") {
                    cityid = getCookie('Cityid');
                }
                if (result.data.length > 0) {
                    $('#outstation-state-city').append('<option value="0"> Select City </option>');
                    $.each(result.data, function (index, value) {
                        debugger;
                        if (cityid == value.DISTRICTNAME) {
                            $('#outstation-state-city').append('<option value="' + value.DISTRICTNAME + '" loatlong=' + value.LAT + "~" + value.LON + ' selected >' + value.DISTRICTNAME + '</option>');
                        } else {
                            $('#outstation-state-city').append('<option value="' + value.DISTRICTNAME + '" loatlong=' + value.LAT + "~" + value.LON + ' >' + value.DISTRICTNAME + '</option>');
                        }

                    });

                }
            });
    }
</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyDgV2DIkL2KH7XHIizPGSSktgdBk2fUXYo&callback=initMap&sensor=false"></script>