
<div style="display:none" id="overall_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="tab-eg7-" role="tabpanel">
        <div class="card-header" style="margin-left:-15px">
            <ul class="nav nav-justified ml-2">
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-38" class="active nav-link ash " style="border-radius:20px">Overall Performance</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-39" class="nav-link ash " style="border-radius:20px">Zone wise Performance</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-40" class="nav-link ash " style="border-radius:20px">Region wise Performance</a></li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tab-eg8-38" role="tabpanel">
                <div class="row mt-2" style="margin-left:-30px">
                    <div class="col-lg-4 col-lg-4 pr">
                        <div class="card mar0">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Dealer NPS</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="dealernpsConvert" onchange="dealernpsConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="q9line_card">
                                <div id="q9_trends"></div>
                            </div>
                            <div style="display:none" id="q9bar_card">
                                <div id="q9_trends2"></div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-lg-3 col-lg-3 col-3 pr" style="display:none">
                        <div class="card mar0" style="height:280px">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">OSAT Score – Dealer Performance</b></h5>
                            <div id="qsat_trends"></div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-lg-4 col-3 pr" >
                        <div class="card mar0">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Hyundai NPS</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="hyundainpsConvert" onchange="hyundainpsConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="q5line_card">
                                <div id="q5_trends"></div>
                            </div>
                            <div style="display:none" id="q5bar_card">
                                <div id="q5_trends2"></div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="col-lg-4 col-lg-3 col-3">
                        <div class="card mar0" style="" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">SSI Performance Index</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="ssiConvert" onchange="ssiConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="ssiline_card">
                                <div id="ssiperformance_trends"></div>
                            </div>
                            <div style="display:none" id="ssibar_card">
                                <div id="ssiperformance_trends2"></div>
                            </div>
                            
                        </div>
                        <!-- <div class="card mar0" style="height:280px;display:none" id="ssibar_card">
                            
                        </div> -->
                    </div>
                    
                </div>
                <div class="row mt-1" style="margin-left:-30px">
                    
                    <div class="col-lg-6 col-lg-6 ">
                        <div class="card mar0">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Dealer Preference</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="dealerpreConvert" onchange="dealerpreConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="q8line_card">
                                <div id="q8_trends"></div>
                            </div>
                            <div style="display:none" id="q8bar_card">
                                <div id="q8_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-lg-6 col-3 ">
                        <div class="card mar0">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Hyundai Preferance</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="hyundaipreConvert" onchange="hyundaipreConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="q4line_card">
                                <div id="q4_trends"></div>
                            </div>
                            <div style="display:none" id="q4bar_card">
                                <div id="q4_trends2"></div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tab-eg8-39" role="tabpanel">
                <div class="row mt-2" style="margin-left:-30px">
                    <div class="col-lg-6 col-lg-6 col-3 pr">
                        <div class="card mar0" style="" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Zonal NPS</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="zoneConvert2" onchange="zoneConvertF2();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="zoneline_card2">
                                <div id="zonenps_trends"></div>
                            </div>
                            <div style="display:none" id="zonebar_card2">
                                <div id="zonenps_trends2"></div>
                            </div>   
                        </div>
                    </div>
                    <div class="col-lg-6 col-lg-6 col-3 pr">
                        <div class="card mar0" style="" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Zonal SSI</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="zoneConvert" onchange="zoneConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="zoneline_card">
                                <div id="zonessi_trends"></div>
                            </div>
                            <div style="display:none" id="zonebar_card">
                                <div id="zonessi_trends2"></div>
                            </div>   
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="tab-pane" id="tab-eg8-40" role="tabpanel">
                <div class="row mt-2" style="margin-left:-30px">
                    <div class="col-lg-6 col-lg-6 col-3 pr">
                        <div class="card mar0" style="" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Regional NPS</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="regionConvert2" onchange="regionConvertF2();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="regionline_card2">
                                <div id="regionnps_trends"></div>
                            </div>
                            <div style="display:none" id="regionbar_card2">
                                <div id="regionnps_trends2"></div>
                            </div>   
                        </div>
                    </div>
                    <div class="col-lg-6 col-lg-6 col-3 pr">
                        <div class="card mar0" style="" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Regional SSI</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="regionConvert" onchange="regionConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="regionline_card">
                                <div id="regionssi_trends"></div>
                            </div>
                            <div style="display:none" id="regionbar_card">
                                <div id="regionssi_trends2"></div>
                            </div>   
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</div>
<div style="display:none" id="dizitization_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="tab-eg7-26" role="tabpanel">
        <div class="card-header" style="margin-left:-15px">
            <ul class="nav nav-justified ml-2">
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-20" class="active nav-link ash " style="border-radius:20px">Overall Experience On Hyundai India Website</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-21" class="nav-link ash " style="border-radius:20px">Overall Experience On CTB Website</a></li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tab-eg8-20" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall Experience On Hyundai India Website</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="overallhyundaiwebConvert" onchange="overallhyundaiwebConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="overallhyundailine_card">
                                <div id="overallhyundaiwebsite_trends"></div>
                             </div>
                             <div id="overallhyundaibar_card" style="display:none">
                                <div id="overallhyundaiwebsite_trends2"></div>
                             </div>       
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger"">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Experience On Hyundai India Website</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="hyundaiwebConvert" onchange="hyundaiwebConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="hyundailine_card">
                                <div id="hyundaiwebsite_trends"></div>
                             </div>
                             <div id="hyundaibar_card" style="display:none">
                                <div id="hyundaiwebsite_trends2"></div>
                             </div>       
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tab-eg8-21" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-12 col-md-12">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall Experience On CTB Website</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="ctbwebConvert" onchange="ctbwebConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="ctbline_card">
                                <div id="ctbwebsite_trends"></div>
                            </div>
                            <div id="ctbbar_card" style="display:none">
                                <div id="ctbwebsite_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
</div>
<div style="display:none" id="factor_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row" >
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-left:-30px">
        <div class="col-lg-12 col-md-12">
            <div class="card card-shadow-danger" >
                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Factors</b></h5>
                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="factorConvert" onchange="factorConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                <div id="factorline_card">
                    <div id="factor_trends"></div>
                </div>
                <div id="factorbar_card" style="display:none">
                    <div id="factor_trends2"></div>
                </div>
            </div>
        </div>
    </div>
    
</div>
<div style="display:none" id="facility_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="tab-eg7-260" role="tabpanel">
        <div class="card-header" style="margin-left:-15px">
            <ul class="nav nav-justified ml-2">
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-200" class="active nav-link ash " style="border-radius:20px">Facility</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-210" class="nav-link ash " style="border-radius:20px">Test Drive</a></li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tab-eg8-200" role="tabpanel">
                <div class="row" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Facility Overall</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="facilityoverallConvert" onchange="facilityoverallConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="facilityoverallline_card">
                                <div id="facilityoverall_trends"></div>
                            </div>
                            <div style="display:none" id="facilityoverallbar_card">
                                <div id="facilityoverall_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall % count respondents coded 1-8 in experience of Facility/ Infrastructure</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="facilityQ17bConvert" onchange="facilityQ17bConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="facilityQ17bline_card2">
                                <div id="facilityoverall_trends2_1"></div>
                            </div>
                            <div style="display:none" id="facilityQ17bar_card2">
                                <div id="facilityoverall_trends2_2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Facility</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="facilityConvert" onchange="facilityConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="facilityline_card">
                                <div id="facility_trends"></div>
                            </div>
                            <div style="display:none" id="facilitybar_card">
                                <div id="facility_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tab-eg8-210" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Test Drive Offer and Experience</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="driveexpConvert" onchange="driveexpConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>     
                            <div id="driveexpline_card">
                                <div id="driveexp_trends"></div>
                            </div>
                            <div id="driveexpbar_card" style="display:none">
                                <div id="driveexp_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">% took test drive at the dealership from where vehicle was purchased</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="drivedealerConvert" onchange="drivedealerConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>       
                            <div id="drivedealerline_card">
                                <div id="drivedealer_trends"></div>
                            </div>
                            <div id="drivedealerbar_card" style="display:none">
                                <div id="drivedealer_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-12 col-md-12">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Reasons for not taking test drive</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="drivereasonConvert" onchange="drivereasonConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>         
                            <div id="drivereasonline_card">
                                <div id="drivereason_trends"></div>
                            </div>
                            <div id="drivereasonbar_card" style="display:none">
                                <div id="drivereason_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</div>
<div style="display:none" id="sales_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="tab-eg7-27" role="tabpanel">
        <div class="card-header" style="margin-left:-15px">
            <ul class="nav nav-justified ml-2">
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-22" class="active nav-link ash " style="border-radius:20px">Sales Consultant- Diagnostic</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-23" class="nav-link ash " style="border-radius:20px">Sales Consultant- Diagnostic Weak Areas</a></li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tab-eg8-22" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Sales Consultant(Factor Score)</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="salesoverallConvert" onchange="salesoverallConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                            <div id="salesoverallline_card">
                                <div id="salesoverall_trends"></div>
                            </div>
                            <div id="salesoverallbar_card" style="display:none">
                                <div id="salesoverall_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Sales Consultant- Diagnostic</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="salesyesConvert" onchange="salesyesConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                            <div id="salesyesline_card">
                                <div id="salesyes_trends"></div>
                            </div>
                            <div id="salesyesbar_card" style="display:none">
                                <div id="salesyes_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-12 col-md-12">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Demo of the car by Sales Person</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="democarConvert" onchange="democarConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                            <div id="democarline_card">
                                <div id="democar_trends"></div>
                            </div>
                            <div id="democarbar_card" style="display:none">
                                <div id="democar_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tab-eg8-23" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall % count respondents coded 1-8 in experience of Sales Consultant</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="q19Convert" onchange="q19ConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                            <div id="q19line_card">
                                <div id="q19_trends"></div>
                            </div>
                            <div id="q19bar_card" style="display:none">
                                <div id="q19_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Sales Consultant- Diagnostic Weak Areas</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="salesnoConvert" onchange="salesnoConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                            <div id="salesnoline_card">
                                <div id="salesno_trends"></div>
                            </div>
                            <div id="salesnobar_card" style="display:none">
                                <div id="salesno_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<div style="display:none" id="testdrive_trend">-->
<!--    <div class="row" >-->
<!--        <div class="col-lg-12 pl-0">-->
<!--            <div class="card card-shadow-danger mb-2">-->
<!--                <div class="row">-->
<!--                    <div class="col-md-3" >-->
<!--                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>-->
<!--                    </div>-->
<!--                    <div class="col-md-7" style="text-align:end" id="">-->
<!--                    </div>-->
<!--                    <div class="col-md-2" id="">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="row mt-1" style="margin-left:-30px">-->
<!--        <div class="col-lg-6 col-md-6">-->
<!--            <div class="card card-shadow-danger">-->
<!--                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Test Drive Offer and Experience</b></h5>-->
<!--                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="driveexpConvert" onchange="driveexpConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>     -->
<!--                <div id="driveexpline_card">-->
<!--                    <div id="driveexp_trends"></div>-->
<!--                </div>-->
<!--                <div id="driveexpbar_card" style="display:none">-->
<!--                    <div id="driveexp_trends2"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-lg-6 col-md-6">-->
<!--            <div class="card card-shadow-danger">-->
<!--                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">% took test drive at the dealership from where vehicle was purchased</b></h5>-->
<!--                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="drivedealerConvert" onchange="drivedealerConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>       -->
<!--                <div id="drivedealerline_card">-->
<!--                    <div id="drivedealer_trends"></div>-->
<!--                </div>-->
<!--                <div id="drivedealerbar_card" style="display:none">-->
<!--                    <div id="drivedealer_trends2"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="row mt-1" style="margin-left:-30px">-->
<!--        <div class="col-lg-12 col-md-12">-->
<!--            <div class="card card-shadow-danger" >-->
<!--                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Reasons for not taking test drive</b></h5>-->
<!--                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="drivereasonConvert" onchange="drivereasonConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>         -->
<!--                <div id="drivereasonline_card">-->
<!--                    <div id="drivereason_trends"></div>-->
<!--                </div>-->
<!--                <div id="drivereasonbar_card" style="display:none">-->
<!--                    <div id="drivereason_trends2"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<div style="display:none" id="deal_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-left:-30px;">
        <div class="col-lg-6 col-md-6">
            <div class="card card-shadow-danger" >
                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Deal(Factor Score)</b></h5>
                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="dealoverallConvert" onchange="dealoverallConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                <div id="dealoverallline_card">
                    <div id="dealoverall_trends"></div>
                </div>
                <div id="dealoverallbar_card" style="display:none">
                    <div id="dealoverall_trends2"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-6 col-md-6">
            <div class="card card-shadow-danger" >
                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall % count respondents coded 1-8 in experience of Deal Diagnostics</b></h5>
                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="q24Convert" onchange="q24ConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                <div id="q24line_card">
                    <div id="q24_trends"></div>
                </div>
                <div id="q24bar_card" style="display:none">
                    <div id="q24_trends2"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-left:-30px;">
        <div class="col-lg-12 col-md-12">
            <div class="card card-shadow-danger" >
                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Diagnostic</b></h5>
                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="dealConvert" onchange="dealConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                <div id="dealline_card">
                    <div id="deal_trends"></div>
                </div>
                <div id="dealbar_card" style="display:none">
                    <div id="deal_trends2"></div>
                </div>
            </div>
        </div>
    </div>
    
</div>

<div style="display:none" id="paperwork_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="tab-eg7-25" role="tabpanel">
        <div class="card-header" style="margin-left:-15px">
            <ul class="nav nav-justified ml-2">
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-117" class="active nav-link ash " style="border-radius:20px">Time Taken to Complete paperwork</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-118" class="nav-link ash " style="border-radius:20px">Diagnostics</a></li>
                <!--<li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-119" class="nav-link ash " style="border-radius:20px">Diagnostics</a></li>-->
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tab-eg8-117" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Paperwork(Factor Score)</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="paperoverallConvert" onchange="paperoverallConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>      
                            <div id="paperoverallline_card">
                                <div id="paperoverall_trends"></div>
                            </div>
                            <div id="paperoverallbar_card" style="display:none">
                                <div id="paperoverall_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall % count respondents coded 1-8 in experience of Paperwork</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="paperexpConvert" onchange="paperexpConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>      
                            <div id="paperexpline_card">
                                <div id="paperexp_trends"></div>
                            </div>
                            <div id="paperexpbar_card" style="display:none">
                                <div id="paperexp_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Time Taken to Complete paperwork</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="papertimeConvert" onchange="papertimeConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>      
                            <div id="papertimeline_card">
                                <div id="papertime_trends"></div>
                            </div>
                            <div id="papertimebar_card" style="display:none">
                                <div id="papertime_trends2"></div>
                            </div>
                        </div>
                    </div>
                        <div class="col-lg-6 col-md-6">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Paperwork Process Explanation</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="paperprocessConvert" onchange="paperprocessConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>          
                            <div id="paperprocessline_card">
                                <div id="paperprocess_trends"></div>
                            </div>
                            <div id="paperprocessbar_card" style="display:none">
                                <div id="paperprocess_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="tab-pane" id="tab-eg8-118" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-12 col-md-12">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Diagnostics</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="paperdiagnosConvert" onchange="paperdiagnosConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>  
                            <div id="paperdiagnosline_card">
                                <div id="paperdiagnos_trends"></div>
                            </div>
                            <div id="paperdiagnosbar_card" style="display:none">
                                <div id="paperdiagnos_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="display:none" id="delivery_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-pane" id="tab-eg7-26" role="tabpanel">
        <div class="card-header" style="margin-left:-15px">
            <ul class="nav nav-justified ml-2">
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-35" class="active nav-link ash " style="border-radius:20px">Vehicle Delivery Condition/Quality/Time Taken</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-36" class="nav-link ash " style="border-radius:20px">Introduction to Service Department</a></li>
                <li class="nav-item nav-mob1"><a data-toggle="tab" href="#tab-eg8-37" class="nav-link ash " style="border-radius:20px">Diagnostics</a></li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tab-eg8-35" role="tabpanel">
                <div class="row" style="margin-left:-30px">
                    <div class="col-lg-6 col-md-6 mt-1">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Delivery(Factor Score)</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="deliveryoverallConvert" onchange="deliveryoverallConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>    
                            <div id="deliveryoverallline_card">
                                <div id="deliveryoverall_trends"></div>
                            </div>
                            <div id="deliveryoverallbar_card" style="display:none">
                                <div id="deliveryoverall_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 mt-1">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Overall % count respondents coded 1-8 in experience of delivery of new vehicle</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="deliverynewConvert" onchange="deliverynewConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>    
                            <div id="deliverynewline_card">
                                <div id="deliverynew_trends"></div>
                            </div>
                            <div id="deliverynewbar_card" style="display:none">
                                <div id="deliverynew_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-4 col-md-4">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Condition of Vehicle During Delivery</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="deliverycondConvert" onchange="deliverycondConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                            <div id="deliverycondline_card">
                                <div id="deliverycond_trends"></div>
                            </div>
                            <div id="deliverycondbar_card" style="display:none">
                                <div id="deliverycond_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Quality of Vehicle Operating Control During Delivery</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="deliveryqualityConvert" onchange="deliveryqualityConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                            <div id="deliveryqualityline_card">
                                <div id="deliveryquality_trends"></div>
                            </div>
                            <div id="deliveryqualitybar_card" style="display:none">
                                <div id="deliveryquality_trends2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="card card-shadow-danger" >
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Time Taken In Delivery Process</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="deliverytimeConvert" onchange="deliverytimeConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>   
                            <div id="deliverytimeline_card">
                                <div id="deliverytime_trends"></div>
                            </div>
                            <div id="deliverytimebar_card" style="display:none">
                                <div id="deliverytime_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tab-eg8-36" role="tabpanel">
                
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-12 col-md-12">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Introduction to Service Department</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="deliveryserviceConvert" onchange="deliveryserviceConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>    
                            <div id="deliveryserviceline_card">
                                <div id="deliveryservice_trends"></div>
                            </div>
                            <div id="deliveryservicebar_card" style="display:none">
                                <div id="deliveryservice_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tab-eg8-37" role="tabpanel">
                <div class="row mt-1" style="margin-left:-30px">
                    <div class="col-lg-12 col-md-12 mt-1">
                        <div class="card card-shadow-danger">
                            <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">Diagnostics</b></h5>
                            <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="deliverydiagnosConvert" onchange="deliverydiagnosConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>  
                            <div id="deliverydiagnosline_card">
                                <div id="deliverydiagnos_trends"></div>
                            </div>
                            <div id="deliverydiagnosbar_card" style="display:none">
                                <div id="deliverydiagnos_trends2"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="display:none" id="heart_trend">
    <div class="row" >
        <div class="col-lg-12 pl-0">
            <div class="card card-shadow-danger mb-2">
                <div class="row">
                    <div class="col-md-3" >
                        <h6 class="ml-2 mt-2"><b style="font-weight: 500;color:#003266">Key Performance Indicators</b></h6>
                    </div>
                    <div class="col-md-7" style="text-align:end" id="">
                    </div>
                    <div class="col-md-2" id="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="margin-left:-30px">
        <div class="col-lg-12 col-md-12">
            <div class="card card-shadow-danger">
                <h5 class="div-head" style="font-size:14px;padding-top:15px;padding-bottom:10px"><b style="font-weight:500">HEART</b></h5>
                <div class="switchbtn"><span class="tt">Line</span><label class="switch"><input type="checkbox" class="tchk" id="heartConvert" onchange="heartConvertF();"><span class="slider round"></span></label><span class="tt">Bar</span></div>
                <div id="heartline_card">
                    <div id="heart_trends"></div>
                </div>
                <div id="heartbar_card" style="display:none">
                    <div id="heart_trends2"></div>
                </div>
            </div>
        </div>
    </div>
    
</div>