@{
    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="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 iframe {
        height: 100%;
    }

    .billing-section {
        overflow-y: hidden;
        padding: 0;
        position: static;
    }

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

    #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;
    }
</style>
<script src="~/js/jquery-1.10.1.min.js"></script>
<script src="~/js/jquery.js"></script>
<section class="col-md-12 col-lg-12 billing-section">
    <div class="col-md-5 col-lg-5 form-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
        <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" id="localTrip">Local Trip</span>
                    <span class="col-lg-4 col-md-12 trip-options-active" id="outstationTrip">Outstation</span>
                    <span class="col-lg-4 col-md-12" id="packages">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="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="cashpkevent 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 id="outstationTrip-screen3">
                <div class="row justify-content-md-center" 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>
            <div id="outstationTrip-confirm-screen3" style="display:none;">
                <div class="row justify-content-md-center confirmbook-oustation-section" id="outstation-round">
                    <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="usroutstationName" id="txtoutstationUsrName" 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="usroutstationMobile" id="txtusroutstationMobile" 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="usroutstationMail" id="txtusroutstationMail" 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-outs" class="drop-textarea" name="pptaddrouts" required></textarea>
                            </div>
                            <div class="col-md-6 drop-add">
                                <textarea placeholder="Drop Address" id="dropAdd-round-outs" class="drop-textarea" name="dptaddrouts" required></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_outstation_trip">
                    </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>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDgV2DIkL2KH7XHIizPGSSktgdBk2fUXYo&callback=initMap"></script>
<script src="@Url.Content("~/js/jquery.validate.min.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 objModeltripkey = "";
    var objOutHousrArr = [];
    var objOutTotfareArr = [];
    var CouponCode = "";
    var paymenttype = "";
    var objMobilenum = "";
    var objFirstname = "";
    var objLastname = "";
    var objEmailid = "";
    var objSegment = "";
    // var objVechicleModel = "";
    var objVechicleType = "";
    $(document).ready(function () {
        getAllvechicleModelPackage();
        if (getCookie('CustomerMobileno') != "" && getCookie('CustomerName') != "") {
            $("#addressSection-round").hide();
            getAvailableservice();

        } else {
            $("#addressSection-round").show();
        }

        $('.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');
                        });

                    }
                });
        //var button = document.querySelector('.cashevent');//cashosevent cashpkevent
        //var osbutton = document.querySelector('.cashosevent');
        //var pkbutton = document.querySelector('.cashpkevent');
        //button.onclick = function () {
        //    this.style.backgroundColor = "Green";
        //    this.style.color = "#fff";
        //    paymenttype = "CASH";
        //};

        $("#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;
            }

        });
        $("#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) {

                    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);
                        $("#addressSection-round").hide();
                        $('#myModal').modal('hide');
                        getAvailableservice();
                    }
                });
            }
        });
        latval = GetParameterValues('lat');
        latlongval = GetParameterValues('latlong');
        $("#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 () {

            objUsrName = getCookie('CustomerName');
            objUsrMobile = getCookie('CustomerMobileno');
            objUsrMail = getCookie('CustomerMail');
            objdropAddress = getCookie('localdroploc');
            objPickupAddress = getCookie('localpickuploc');
            $("#txtoutstationUsrName").val(objUsrName);
            $("#txtusroutstationMobile").val(objUsrMobile);
            $("#txtusroutstationMail").val(objUsrMail);
            $("#dropAdd-round-outs").val();
            $("#outstationTrip-screen2").hide();
            $("#outstationTrip-confirm-screen3").show();
            $("#pickAdd-round-outs").val(objPickupAddress);
            $("#dropAdd-round-outs").val(objdropAddress);
        });

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

               $.post("@Url.Action("PreviousBooking", "Booking")",
                {
                    mobileno: getCookie('CustomerMobileno')//"9791706679"
                }
                , function (result) {

                    if (result.isPaymentPending == true) {

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

                    } else {

                    var objUsrName = $("#txtoutstationUsrName").val();
                    var objUsrMobile = $("#txtusroutstationMobile").val();
                    var objUsrMail = $("#txtusroutstationMail").val();
                    var objPickupAddress = $("#pickAdd-round-outs").val();
                    var objdropAddress = $("#dropAdd-round-outs").val();
                    var objhours = "0";
                    if ($("#hdoutstationhours").val() != "") {
                        objhours = $("#hdoutstationhours").val();
                    }
                    swal({
                        title: 'Are you sure booking now?',
                        text: "",
                        type: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#18ba60',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'Yes'
                    }).then(function (isConfirm) {

                        debugger;
                        if (isConfirm.value == true) {
                            var kilo = "";
                            var obtriptype = "";
                            objPickuplat = latval.split(',')[0];
                            objPickuplong = latval.split(',')[1];
                            if (latlongval !== "") {
                                objDroplat = latlongval.split(',')[0];
                                objDroplong = latlongval.split(',')[1];
                            }
                            if (objPickuplat != "" && objPickuplong != "" && objDroplat != "" && objDroplong != "") {

                                kilo = getDistanceFromLatLonInKm(objPickuplat, objPickuplong, objDroplat, objDroplong).toFixed(1);
                                obtriptype = "Outstation";
                            }
                            else { kilo = "0"; obtriptype = "Round Trips" }

                            $.post("@Url.Action("InsertBooking", "Booking")",
                                {
                                    PhoneNo: objUsrMobile,
                                    CustomerName: objUsrName,
                                    TravelDate: getCookie('Bookdate'),
                                    TravelTime: getCookie('Booktime'),
                                    pickuplatlon: latval,//objPickuplat + "," + objPickuplong,
                                    droplatlon: latlongval,//objDroplat + "," + objDroplong,
                                    PickupPlace: objPickupAddress,
                                    DropPlace: objdropAddress,
                                    pickUpKMS: kilo,
                                    VehicleType: "INDICA",
                                    triptype: "HOURLY",
                                    NOD: objhours,//"0",
                                    NOH: "0",
                                    favdriverid: "",
                                    mailid: objUsrMail,
                                    OutStCity: "0",
                                    OutStState: "0",
                                    TravelType: getCookie('Triptype'),
                                    paymenttype: paymenttype,//"Cash",
                                    tripamt: $("#outstation-trip-Eprice").html(),
                                    Couponcode: "TOP4NEW",
                                    VehicleCategory: "SEDAN"//getCookie('VehicleCategory')//objVcategory
                                }, function () {

                                    swal(
                                        'Booked!',
                                        'Your Booking Confirmed .',
                                        'success'
                                    );
                                    $("#txtoutstationUsrName").val("");
                                    $("#txtusroutstationMobile").val("");
                                    $("#txtusroutstationMail").val("");

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

                }
            });

        });
        $(".licardclick").click(function () {
            //stycard
            //alert('check');
            $('.stycard').css("background-color", "darkblue");
            $('.stycard').css("color", "white");
            $('.stycash').css("background-color", "white");
            $('.stycash').css("color", "green");
            paymenttype = "Online";
        });
        $(".licashclick").click(function () {
            $('.stycard').css("background-color", "white");
            $('.stycard').css("color", "green");
            $('.stycash').css("background-color", "darkblue");
            $('.stycash').css("color", "white");
            paymenttype = "Cash";
        });
        $("#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;
            }
        });

    });
    function initMap() {
        var directionsService = new google.maps.DirectionsService;
        var directionsDisplay = new google.maps.DirectionsRenderer;
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 15,
            center: { lat: 12.961760, lng: 80.261620 }
        });
        directionsDisplay.setMap(map);
        //latval = @ViewBag.Lat;
        //latlongval=@ViewBag.Latlong;
        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
                    });
                }
            }
        };

    }

    function calculateAndDisplayRoute(directionsService, directionsDisplay) {
        directionsService.route({
            origin: '@objlat',//document.getElementById('start').value,
            destination: '@objlatlong',// document.getElementById('end').value,
            travelMode: 'DRIVING'
        }, function (response, status) {
            if (status === 'OK') {
                directionsDisplay.setDirections(response);
            } else {

                window.alert('Directions request failed due to ' + status);
            }
        });
    }
    function ModelOpen(triptype) {

        $('#myModal').modal('show');
    }
    function getAllvechicleModelPackage() {

        $("#txtOsvechicleModel").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 + '" />');
                        $.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 getAvailableservice() {
        debugger;

        @*$.post("@Url.Action("AvailableTop4Services", "Booking")",
        {
            pickuplatlon: '@objlat',
            droplatlon: '@objlatlong'
        }, function (data) {
            if (data.Success == true) {
                debugger;*@
        var trvaltye = "One Way"
        if (latlongval == "") {
            trvaltye = "Round Trip";
        }
        objModeltripkey = "Outstation";
        $.post("@Url.Action("GetAllfaredetails", "Booking")",
          {
              mobileno: getCookie('CustomerMobileno'),
              PickupLatLon: '@objlat',
              DropLatlon: '@objlatlong',
              TripType: objModeltripkey,
              category: "SEDAN",
              Pickuptime: getCookie('Booktime'),
              pickupdate: getCookie('Bookdate'),
              bookingtype: "NOW",
              traveltype: trvaltye
          }, 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();
                  $("#estimate-round").show();
                  $(".book-now-round").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();
              }
          });

        //    } else {
        //        Swal({
        //            type: 'warning',
        //            title: data.Message,
        //            showConfirmButton: false,
        //            timer: 2000
        //        });
        //    }
        //});
    }
    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 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();
                });
    }
</script>