<?php
$actual_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$path = DIRNAME($_SERVER['PHP_SELF']);
$position = STRRPOS($path,'/') + 1;
$position_download = STRRPOS($actual_link,'=') + 1;
$folder = SUBSTR($path,$position);
$position1 = explode('/' , $actual_link);
$lp_name =array_reverse($position1);
$click_download = SUBSTR($actual_link,$position_download);
$filename = basename($_SERVER['REQUEST_URI'], '?' . $_SERVER['QUERY_STRING']);
?>
<input type="hidden" id="actual_link" name="actual_link" value="<?php echo $actual_link; ?>"/>   
<input type="hidden" id="url_name" name="url_name" value="<?php echo $folder; ?>"/>   
<input type="hidden" id="lp_name" name="lp_name" value="<?php echo $lp_name[2]; ?>"/>  
<input type="hidden" id="click_download" name="click_download" value="<?php echo $click_download; ?>"/> 

    
    <div class="container-fluid sticky-top section_header">
    <div class="container p-md-0">
        <div class="row d-flex align-items-end pt-2 ">
        <!--<div class="col-6 d-inline-flex align-items-end p-0">-->
        <div class="col-5 col-md-6 d-inline-flex align-items-start p-0">
            <div>
            <img src="../src/img/logo.png" class="img-fluid logo mr-4">
            </div>
            <div class="txt_logo">
                <h2>Mercedes-Benz</h2>
                <p>The best or nothing</p>
            </div>
        </div>
        <div class="col-7 col-md-6 text-right p-0">
            <h3 class="txt_condensed">B. U. Bhandari Motors Private Limited</h3>
            <p>
            Time : <i class="fa fa-clock-o"></i> Monday to Sunday 9:30 am - 6:30 pm
            </p>
            <p class="txt_cl">
                Call for Appointment : 
                <a id="call_mysuru" href="tel:02067212121"><i class="fa fa-phone"></i> 020 67212121</a> 
                | 24/7 Helpline No. : 
                <a id="" href="tel:9011255599"> 9011255599</a>
            </p> 
        </div>
        </div>
        <div class="row text-center justify-content-end pb-2">
                <button id="btn_download" class="btn btn_style2" data-toggle="modal" data-target="#enquire_modal">
                    Book Appointment
                </button>
        </div>
<!--        <div class="row pt-2 pb-2">
            <div class="col d-none d-sm-none d-md-block"></div>
            <div class="col text-right p-0">
                <p>
                Time : <i class="fa fa-clock-o"></i> Monday to Sunday 10:00 am - 7:00 pm
                </p>
                
                <h5>
                    Call for Appointment : <a id="call_mysuru" href="tel:02067212121"><i class="fa fa-phone"></i> 020 67212121</a>
                </h5> 
            </div>
        </div>-->
    </div>
    </div>
    
<!--        <div id="bannerCarousel" class="carousel slide banner-slider" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img src="../src/img/banner.jpg" alt="" class="img-fluid d-none d-sm-none d-md-block">
                    <img src="../src/img/banner_xs.jpg" alt="" class="img-fluid d-md-none">
                    <div class="carousel-caption text-left">
                        <h2 class="pt-2 pb-2">
                            My Mercedes. My Service.    
                        </h2>
                        <h3>You enjoy life. We'll take care of your Mercedes.</h3>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#bannerCarousel" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
            </a>
            <a class="carousel-control-next" href="#bannerCarousel" data-slide="next">
            <span class="carousel-control-next-icon"></span>
            </a>
        </div>-->
        
    <div id="chart_div" class="container-fluid section_wheel">
    <div class="container text-left">
        <div class="row pt-5 pb-3">
            <div class="col-md-12">
            </div>
        </div>
        <div class="row pb-5 d-flex align-items-center text-center" style="position:relative;">
            <div class="col-md-12 col-lg-6 p-0">
                <h4>Spin the Wheel to avail exclusive After Sales benefits</h4>
                <div id="chart"></div>
            </div>
            <div class="col-md-12 col-lg-6 p-0 congrats">
                <div id="question">
                    <h1></h1>
                    <h2></h2>
                    <h3></h3>
                </div>
            </div>
        </div>
    </div>
    </div>
        
    <div class="container-fluid section_form">
    <div class="container">
        <div class="row text-center pt-4 pb-4">
            <div class="col-md-12 p-0">
            <h3>Book Appointment</h3>
            </div>
        </div>
        <div class="row justify-content-center pb-2">
            <input type="hidden" id="formname_top_form" name="formname_top_form" value="top-form">       
            
            <div class="col form-group">
            <input id="name_top_form" name="name_top_form" type="text" placeholder="Name" class="form-control" required="">
            <p class="error_msg" id="error_name_top_form"></p>
            </div>
                
            <div class="col form-group">
            <input id="mobile_top_form" name="mobile_top_form" type="text" placeholder="Mobile Number" maxlength="10" class="form-control" required="">
            <p class="error_msg" id="error_mobile_top_form"></p>
            </div>
            
            <div class="col form-group">
            <input id="email_top_form" name="email_top_form" type="text" placeholder="Email ID" class="form-control" required="">
            <p class="error_msg" id="error_email_top_form"></p>
            </div>
        </div>
            
        <div class="row justify-content-center pb-2">
            <div class="col form-group">
            <input id="city_top_form" name="city_top_form" type="text" placeholder="City" class="form-control" required="">
            <p class="error_msg" id="error_city_top_form"></p>  
            </div>
            
            <div class="col form-group">
            <input id="modelowned_top_form" name="modelowned_top_form" type="text" placeholder="MB Model Owned" class="form-control" required="">
            <p class="error_msg" id="error_modelowned_top_form"></p>  
            </div>
            
           <div class="col form-group">
            <input id="regno_top_form" name="regno_top_form" type="text" placeholder="Vehicle Registration No." class="form-control" required="">
            <p class="error_msg" id="error_regno_top_form"></p>  
            </div>
            
    <!--            <div class="col form-group">
            <input id="vin_top_form" name="vin_top_form" type="text" placeholder="VIN Number" class="form-control" required="">
            <p class="error_msg" id="error_vin_top_form"></p>  
            </div>-->
            
<!--            <div class="col form-group">
            <select class="form-control" name="course_top_form" id="course_top_form">
                <option selected="true" disabled="true" value="0">Select Model</option>
                <option value="A-Class">A-Class</option>
                <option value="B-Class">B-Class</option>
                <option value="CLA">CLA</option>
                <option value="C-Class">C-Class</option>
                <option value="E-Class">E-Class</option>
                <option value="S-Class">S-Class</option>
                <option value="CLS">CLS</option>
                <option value="C-Class Cabriolet">C-Class Cabriolet</option>
                <option value="GLA">GLA</option>
                <option value="GLC">GLC</option>
                <option value="V-Class">V-Class</option>
                <option value="Mercedes-AMG GLE 43 Coupe">Mercedes-AMG GLE 43 Coupé</option>
                <option value="Mercedes-AMG GLC 43 Coupe">Mercedes-AMG GLC 43 Coupé</option>
            </select>
            <p class="error_msg" id="error_course_top_form"></p>  
            </div>-->
        </div>
        <div class="row justify-content-center pb-2">
            <div class="col-6 col-md-2 form-group">
            <input type="submit" name="submit_top_form" id="submit_top_form" value="SUBMIT" class="form-control btn btn_style2">
            </div>
        </div>
        <!--<div class="row text-center pb-4">
        <div class="col-md-12">
            <p><b>*Eligibility - Graduates with minimum 50% passing while 45% minimum for reserved category</b></p>
        </div>
        </div>-->
    </div>
    </div>
        
    <div class="container-fluid section_border">
    <div class="container text-center">
        <div class="row pt-2 pb-2">
            <div class="col-md-12">
                <img src="../src/img/border_line.png" alt="" class="img-fluid">
            </div>
        </div>
    </div>
    </div>
    
    <div class="container-fluid section_services">
    <div class="container text-center">
        <div class="row pt-5 pb-5">
            <div class="col-md-12">
                <h2>Service Program</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6 pb-4">
                <div class="row">
                <div class="col-12">
                    <img src="../src/img/service1_tyres.jpg" alt="" class="img-fluid">
                    <h2 class="pt-4">Mercedes Benz Approved Tyres</h2>
                    <div class="row pt-2 pb-2">
                        <div class="border_div"></div>
                    </div>
                    <p>
                        Your first choice for tyres. With our genuine Mercedes Benz parts, we offer customer the benefit of our 100 years of experience in vehicle and parts construction
                    </p>
                </div>
                </div>
            </div>
            <div class="col-md-6 pb-4">
                <div class="row">
                <div class="col-12">
                    <img src="../src/img/service2_digital.jpg" alt="" class="img-fluid">
                    <h2 class="pt-4">Digital Service Drive</h2>
                    <div class="row pt-2 pb-2">
                        <div class="border_div"></div>
                    </div>
                    <p>
                        You move around. So we'll keep you connected. It allows you to stay connected with our after-sales services: SMS Reminder, Workshop at your doorstep 
                    </p>
                </div>
                </div>
            </div>
        </div>
        <div class="row pb-5">
            <div class="col-md-6 pb-4">
                <div class="row">
                <div class="col-12">
                    <img src="../src/img/service3_express.jpg" alt="" class="img-fluid">
                    <h2 class="pt-4">Premier Express</h2>
                    <div class="row pt-2 pb-2">
                        <div class="border_div"></div>
                    </div>
                    <p>
                        First of its kind service in the Indian luxury automobile segment, it ensures your Star is taken care of without any delays, in a minimum time.
                    </p>
                </div>
                </div>
            </div>
            <div class="col-md-6 pb-4">
                <div class="row">
                <div class="col-12">
                    <img src="../src/img/service4_products.jpg" alt="" class="img-fluid">
                    <h2 class="pt-4">Service Products</h2>
                    <div class="row pt-2 pb-2">
                        <div class="border_div"></div>
                    </div>
                    <p>
                        Range of service products that offer you a guarantee of complete peace of mind. STAR Ease maintenance packages offer a defined maintenance cost and come with a range of exclusive features. Mobilo provides round-the-clock support across the country. Advance Assurance Program offers extended warranty.
                    </p>
                </div>
                </div>
            </div>
        </div>
    </div>
    </div>

    <div class="container-fluid section_benefits">
    <div class="container text-center">
        <div class="row pt-4 pb-3">
            <div class="col-md-12">
                <h2>
                Preloaded Benefits
                </h2>
            </div>
        </div>
        <div class="row pb-4">
            <div class="col-md-12">
                <p>Peace of Mind guaranteed with - Pick and drop service for your Star, Standard 2-year warranty period,</p>
                <p>STAR CARE programs, On-Road Assistance, Full-fledged 24 hours’ service and more</p>
            </div>
        </div>
    </div>
    </div>

    <div class="container-fluid">
    <div class="container text-center">
        <div class="row pt-3 pb-3">
        </div>
    </div>
    </div>
    
    <div id="loader" class="container-fluid">
    <div class="container text-center">
        <div class="row justify-content-center">
            <img src="../src/img/loader.gif">
        </div>
    </div>
    </div>
    
    <div id="enquire_modal" class="modal fade show" role="dialog" >
        <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header text-center">
            <h3 class="modal-title">Book Appointment</h3>
            <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body">
                   
            <div class="row justify-content-center pb-2 bg_white">
            <input type="hidden" id="formname_enquire_form" name="formname_enquire_form" value="enquire-form">  
            <input type="hidden" id="formtitle_enquire_form" name="formtitle_enquire_form" value="enquire-form">       
            
            <div class="col-12 form-group">
            <input id="name_enquire_form" name="name_enquire_form" type="text" placeholder="Name" class="form-control" required="">
            <p class="error_msg" id="error_name_enquire_form"></p>
            </div>
                
            <div class="col-12 form-group">
            <input id="mobile_enquire_form" name="mobile_enquire_form" type="text" placeholder="Mobile Number" maxlength="10" class="form-control" required="">
            <p class="error_msg" id="error_mobile_enquire_form"></p>
            </div>
            
            <div class="col-12 form-group">
            <input id="email_enquire_form" name="email_enquire_form" type="text" placeholder="Email ID" class="form-control" required="">
            <p class="error_msg" id="error_email_enquire_form"></p>
            </div>
            
            <div class="col-12 form-group">
            <input id="city_enquire_form" name="city_enquire_form" type="text" placeholder="City" class="form-control" required="">
            <p class="error_msg" id="error_city_enquire_form"></p>  
            </div>
            
            <div class="col-12 form-group">
            <input id="modelowned_enquire_form" name="modelowned_enquire_form" type="text" placeholder="MB Model Owned" class="form-control" required="">
            <p class="error_msg" id="error_modelowned_enquire_form"></p>  
            </div>
            
            <div class="col-12 form-group">
            <input id="regno_enquire_form" name="regno_enquire_form" type="text" placeholder="Vehicle Registration No." class="form-control" required="">
            <p class="error_msg" id="error_regno_enquire_form"></p>  
            </div>
            
<!--           <div class="col-12 form-group">
            <input id="vin_enquire_form" name="vin_enquire_form" type="text" placeholder="VIN Number" class="form-control" required="">
            <p class="error_msg" id="error_vin_enquire_form"></p>  
            </div>-->
           
<!--            <div class="col-12 form-group">
            <select class="form-control" name="course_enquire_form" id="course_enquire_form">
                <option selected="true" disabled="true" value="0">Select Model</option>
                <option value="A-Class">A-Class</option>
                <option value="B-Class">B-Class</option>
                <option value="CLA">CLA</option>
                <option value="C-Class">C-Class</option>
                <option value="E-Class">E-Class</option>
                <option value="S-Class">S-Class</option>
                <option value="CLS">CLS</option>
                <option value="C-Class Cabriolet">C-Class Cabriolet</option>
                <option value="GLA">GLA</option>
                <option value="GLC">GLC</option>
                <option value="V-Class">V-Class</option>
                <option value="Mercedes-AMG GLE 43 Coupe">Mercedes-AMG GLE 43 Coupé</option>
                <option value="Mercedes-AMG GLC 43 Coupe">Mercedes-AMG GLC 43 Coupé</option>
            </select>
            <p class="error_msg" id="error_course_enquire_form"></p>  
            </div>-->
            
            <div class="col-12 form-group">
            <input type="submit" name="submit_enquire_form" id="submit_enquire_form" value="SUBMIT" class="form-control btn btn_style2">
            </div>
          
           </div>
                   
            </div>
        </div>
        </div>
    </div>
    
    
    
    
    <div id="download_modal" class="modal fade show" role="dialog" >
        <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header text-center">
            <h3 class="modal-title">Get More Information</h3>
            <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body">
                   
            <div class="row justify-content-center pb-2 bg_white">
            <input type="hidden" id="formname_download_form" name="formname_download_form" value="download-form">  
            <input type="hidden" id="formtitle_download_form" name="formtitle_download_form" value="download-form">       
            
            <div class="col-12 form-group">
            <input id="name_download_form" name="name_download_form" type="text" placeholder="Name" class="form-control" required="">
            <p class="error_msg" id="error_name_download_form"></p>
            </div>
                
            <div class="col-12 form-group">
            <input id="mobile_download_form" name="mobile_download_form" type="text" placeholder="Mobile Number" maxlength="10" class="form-control" required="">
            <p class="error_msg" id="error_mobile_download_form"></p>
            </div>
            
            <div class="col-12 form-group">
            <input id="email_download_form" name="email_download_form" type="text" placeholder="Email ID" class="form-control" required="">
            <p class="error_msg" id="error_email_download_form"></p>
            </div>
            
            <div class="col-12 form-group">
            <input id="city_download_form" name="city_download_form" type="text" placeholder="City" class="form-control" required="">
            <p class="error_msg" id="error_city_download_form"></p>  
            </div>
            
            <div class="col-12 form-group">
            <input id="modelowned_download_form" name="modelowned_download_form" type="text" placeholder="MB Model Owned" class="form-control" required="">
            <p class="error_msg" id="error_modelowned_download_form"></p>  
            </div>
            
            <div class="col-12 form-group">
            <input id="regno_download_form" name="regno_download_form" type="text" placeholder="Vehicle Registration No." class="form-control" required="">
            <p class="error_msg" id="error_regno_download_form"></p>  
            </div>
            
            <div class="col-12 form-group">
            <input id="vin_download_form" name="vin_download_form" type="text" placeholder="VIN Number" class="form-control" required="">
            <p class="error_msg" id="error_vin_download_form"></p>  
            </div>
            
<!--            <div class="col-12 form-group">
            <select class="form-control" name="course_download_form" id="course_download_form">
                <option selected="true" disabled="true" value="0">Select Model</option>
                <option value="A-Class">A-Class</option>
                <option value="B-Class">B-Class</option>
                <option value="CLA">CLA</option>
                <option value="C-Class">C-Class</option>
                <option value="E-Class">E-Class</option>
                <option value="S-Class">S-Class</option>
                <option value="CLS">CLS</option>
                <option value="C-Class Cabriolet">C-Class Cabriolet</option>
                <option value="GLA">GLA</option>
                <option value="GLC">GLC</option>
                <option value="V-Class">V-Class</option>
                <option value="Mercedes-AMG GLE 43 Coupe">Mercedes-AMG GLE 43 Coupé</option>
                <option value="Mercedes-AMG GLC 43 Coupe">Mercedes-AMG GLC 43 Coupé</option>
            </select>
            <p class="error_msg" id="error_course_download_form"></p>  
            </div>-->
            
            <div class="col-12 form-group">
            <input type="submit" name="submit_download_form" id="submit_download_form" value="SUBMIT" class="form-control btn btn_style2">
            </div>
          
           </div>
                   
            </div>
        </div>
        </div>
    </div>
    
<!--
    <div id="contact_modal" class="modal fade show" role="dialog" >
        <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header text-center">
            <h3 class="modal-title">Contact Us</h3>
            <button type="button" class="close" data-dismiss="modal">×</button>
            </div>
            <div class="modal-body">
                <div class="row justify-content-center pb-2 bg_white">
                <input type="hidden" id="formname_contact_form" name="formname_contact_form" value="contact-form">  
                <input type="hidden" id="formtitle_contact_form" name="formtitle_contact_form" value="contact-form">       
                
                <div class="col-12 form-group">
                <input id="name_contact_form" name="name_contact_form" type="text" placeholder="Name" class="form-control" required="">
                <p class="error_msg" id="error_name_contact_form"></p>
                </div>
                    
                <div class="col-12 form-group">
                <input id="mobile_contact_form" name="mobile_contact_form" type="text" placeholder="Mobile Number" maxlength="10" class="form-control" required="">
                <p class="error_msg" id="error_mobile_contact_form"></p>
                </div>
                
                <div class="col-12 form-group">
                <input id="email_contact_form" name="email_contact_form" type="text" placeholder="Email ID" class="form-control" required="">
                <p class="error_msg" id="error_email_contact_form"></p>
                </div>
                
                <div class="col-12 form-group">
                <input id="city_contact_form" name="city_contact_form" type="text" placeholder="City" class="form-control" required="">
                <p class="error_msg" id="error_city_contact_form"></p>  
                </div>
                
                <div class="col-12 form-group">
                <select class="form-control" name="course_contact_form" id="course_contact_form">
                    <option selected="true" disabled="true" value="0">Select Model</option>
                    <option value="A-Class">A-Class</option>
                    <option value="B-Class">B-Class</option>
                    <option value="CLA">CLA</option>
                    <option value="C-Class">C-Class</option>
                    <option value="E-Class">E-Class</option>
                    <option value="S-Class">S-Class</option>
                    <option value="CLS">CLS</option>
                    <option value="C-Class Cabriolet">C-Class Cabriolet</option>
                    <option value="GLA">GLA</option>
                    <option value="GLC">GLC</option>
                    <option value="V-Class">V-Class</option>
                    <option value="Mercedes-AMG GLE 43 Coupe">Mercedes-AMG GLE 43 Coupé</option>
                    <option value="Mercedes-AMG GLC 43 Coupe">Mercedes-AMG GLC 43 Coupé</option>
                </select>
                <p class="error_msg" id="error_course_contact_form"></p>  
                </div>
                
                <div class="col-12 form-group">
                <input type="submit" name="submit_contact_form" id="submit_contact_form" value="SUBMIT" class="form-control btn btn_style2">
                </div>
               </div>
            </div>
        </div>
        </div>
    </div>
-->

    <div id="myModal" class="modal">
    <div class="modal-dialog modal-md">
      <div class="modal-content">
        <div class="modal-header text-center">
        <h3 class="modal-title">Fill in your details to claim the prize</h3>
        </div>
        <div class="modal-body">
            <div class="row justify-content-center pb-2 bg_white">
            <input type="hidden" id="formname_contact_form" name="formname_contact_form" value="contact-form">
            <input type="hidden" id="formtitle_contact_form" name="formtitle_contact_form" value="contact-form">
            <input type="hidden" id="formtitle_offer_text" name="formtitle_offer_text" value="">

            <div id="offer_section" class="col-12 form-group"><h3></h3></div>

            <div class="col-12 form-group">
            <input id="name_contact_form" name="name_contact_form" type="text" placeholder="Full Name" class="form-control" required="">
            <p class="error_msg" id="error_name_contact_form"></p>
            </div>

            <div class="col-12 form-group">
            <input id="mobile_contact_form" name="mobile_contact_form" type="text" placeholder="Mobile Number" maxlength="10" class="form-control" required="">
            <p class="error_msg" id="error_mobile_contact_form"></p>
            </div>

            <div class="col-12 form-group">
            <input id="email_contact_form" name="email_contact_form" type="text" placeholder="Email ID" class="form-control" required="">
            <p class="error_msg" id="error_email_contact_form"></p>
            </div>

<!--            <div class="col-12 form-group">
                <select class="form-control" name="state_contact_form" id="state_contact_form">
                    <option selected="true" disabled="true" value="0">Select State</option>
                    <option value="Gujarat">Gujarat</option>
                    <option value="West Bengal">West Bengal</option>
                    <option value="Maharashtra">Maharashtra</option>
                    <option value="Madhya Pradesh">Madhya Pradesh</option>
                </select>
                <p class="error_msg" id="error_state_contact_form"></p>
            </div>-->

            <div class="col-12 form-group">
            <input id="city_contact_form" name="city_contact_form" type="text" placeholder="City" class="form-control" required="">
            <p class="error_msg" id="error_city_contact_form"></p>
            </div>
            
            <div class="col-12 form-group">
            <input id="modelowned_contact_form" name="modelowned_contact_form" type="text" placeholder="MB Model Owned" class="form-control" required="">
            <p class="error_msg" id="error_modelowned_contact_form"></p>  
            </div>
            
            <div class="col-12 form-group">
            <input id="regno_contact_form" name="regno_contact_form" type="text" placeholder="Vehicle Registration No." class="form-control" required="">
            <p class="error_msg" id="error_regno_contact_form"></p>  
            </div>

            <div class="col-12 form-group">
            <input type="submit" name="submit_contact_form" id="submit_contact_form" value="SUBMIT" class="form-control btn btn_style2">
            </div>
           </div>
        </div>
      </div>
    </div>
    </div>
   