{% include 'common/header.html.twig' with {'assets': assets } %}
<!-- begin::Body -->
<body style="background-image: url({{ assets }}media/demos/demo4/header-bg-1920x450.png); background-position: center top; background-size: 100% 450px;" class="kt-page--loading-enabled kt-page--loading kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header--minimize-menu kt-header-mobile--fixed kt-subheader--enabled kt-subheader--transparent kt-page--loading">

<!-- begin:: Page -->

<!-- begin:: Header Mobile -->
{% include 'common/header_mobile.html.twig' %}

<!-- end:: Header Mobile -->
<div class="kt-grid kt-grid--hor kt-grid--root">
    <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
        <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">

            <!-- begin:: Header -->
            {{ render(controller('App\\Controller\\Common\\Top::index')) }}
            <!-- end:: Header -->

            <div class="kt-body kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch" id="kt_body">
                <div class="kt-content kt-content--fit-top  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

                    <!-- begin:: Subheader -->
                    {% include 'common/subheader.html.twig' %}

                    <!-- end:: Subheader -->

                    <!-- begin:: Content -->
                    <div class="kt-container  kt-grid__item kt-grid__item--fluid">

                        <!--Begin::Dashboard 3-->

                        <!--Begin::Row-->
                        <div class="row">
                            <div class="col-xl-12 order-lg-2 order-xl-1">
                                <div class="kt-portlet kt-portlet--height-fluid kt-portlet--mobile ">
                                    <div class="kt-portlet__head kt-portlet__head--lg kt-portlet__head--noborder kt-portlet__head--break-sm">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Merchants pending approve
                                            </h3>
                                        </div>
                                        <div class="kt-portlet__head-toolbar">
                                            <div class="dropdown dropdown-inline">
                                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="flaticon-more-1"></i>
                                                </button>
                                                <div class="dropdown-menu dropdown-menu-right dropdown-menu-md dropdown-menu-fit">

                                                    <!--begin::Nav-->
                                                    <ul class="kt-nav">
                                                        <li class="kt-nav__head">
                                                            Export Options
                                                            <span data-toggle="kt-tooltip" data-placement="right" title="Click to learn more...">
																		<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon kt-svg-icon--brand kt-svg-icon--md1">
																			<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
																				<rect x="0" y="0" width="24" height="24" />
																				<circle fill="#000000" opacity="0.3" cx="12" cy="12" r="10" />
																				<rect fill="#000000" x="11" y="10" width="2" height="7" rx="1" />
																				<rect fill="#000000" x="11" y="7" width="2" height="2" rx="1" />
																			</g>
																		</svg> </span>
                                                        </li>
                                                        <li class="kt-nav__separator"></li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-drop"></i>
                                                                <span class="kt-nav__link-text">Activity</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-calendar-8"></i>
                                                                <span class="kt-nav__link-text">FAQ</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-telegram-logo"></i>
                                                                <span class="kt-nav__link-text">Settings</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-new-email"></i>
                                                                <span class="kt-nav__link-text">Support</span>
                                                                <span class="kt-nav__link-badge">
																			<span class="kt-badge kt-badge--success kt-badge--rounded">5</span>
																		</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__separator"></li>
                                                        <li class="kt-nav__foot">
                                                            <a class="btn btn-label-danger btn-bold btn-sm" href="#">Upgrade plan</a>
                                                            <a class="btn btn-clean btn-bold btn-sm" href="#" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more...">Learn more</a>
                                                        </li>
                                                    </ul>

                                                    <!--end::Nav-->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body kt-portlet__body--fit">

                                        <!--begin: Datatable -->
                                        <div class="kt-datatable" id="kt_datatable_latest_orders"></div>

                                        <!--end: Datatable -->
                                    </div>
                                </div>
                            </div>


                            <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">

                                <!--begin:: Widgets/Finance Summary-->
                                <div class="kt-portlet kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Finance Summary
                                            </h3>
                                        </div>
                                        <div class="kt-portlet__head-toolbar">

                                        </div>
                                    </div>
                                    <div class="kt-portlet__body">
                                        <div class="kt-widget12">
                                            <div class="kt-widget12__content">
                                                <div class="kt-widget12__item">
                                                    <div class="kt-widget12__info">
                                                        <span class="kt-widget12__desc">Today's Sales</span>
                                                        <span class="kt-widget12__value">1.200 €</span>
                                                    </div>
                                                    <div class="kt-widget12__info">
                                                        <span class="kt-widget12__desc">Total Annual Sales</span>
                                                        <span class="kt-widget12__value">56.550 €</span>
                                                    </div>
                                                </div>
                                                <div class="kt-widget12__item">
                                                    <div class="kt-widget12__info">
                                                        <span class="kt-widget12__desc">Active Subscriptions</span>
                                                        <span class="kt-widget12__value">560</span>
                                                    </div>
                                                    <div class="kt-widget12__info">
                                                        <span class="kt-widget12__desc">Most Populas Package</span>
                                                        <span class="kt-widget12__value">Business</span>
                                                    </div>
                                                </div>
                                                <div class="kt-widget12__item">
                                                    <div class="kt-widget12__info">
                                                        <span class="kt-widget12__desc">Active Users</span>
                                                        <span class="kt-widget12__value">1.200</span>
                                                    </div>
                                                    <div class="kt-widget12__info">
                                                        <span class="kt-widget12__desc">Average Package Price</span>
                                                        <span class="kt-widget12__value">300 €</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--end:: Widgets/Finance Summary-->


                            </div>
                            <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                <!--begin:: Widgets/Sales States-->
                                <div class="kt-portlet kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Sales Stats
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body">
                                        <div class="kt-widget6">
                                            <div class="kt-widget6__head">
                                                <div class="kt-widget6__item">
                                                    <span>Date</span>
                                                    <span>Subscriptions</span>
                                                    <span>Amount</span>
                                                </div>
                                            </div>
                                            <div class="kt-widget6__body">
                                                <div class="kt-widget6__item">
                                                    <span>30/3/2020</span>
                                                    <span>12</span>
                                                    <span class="kt-font-brand kt-font-bold">2500 €</span>
                                                </div>
                                                <div class="kt-widget6__item">
                                                    <span>29/3/2020</span>
                                                    <span>8</span>
                                                    <span class="kt-font-brand kt-font-bold">2400 €</span>
                                                </div>
                                                <div class="kt-widget6__item">
                                                    <span>28/3/2020</span>
                                                    <span>6</span>
                                                    <span class="kt-font-brand kt-font-bold">1800 €</span>
                                                </div>
                                                <div class="kt-widget6__item">
                                                    <span>27/3/2020</span>
                                                    <span>6</span>
                                                    <span class="kt-font-brand kt-font-bold">1800 €</span>
                                                </div>
                                                <div class="kt-widget6__item">
                                                    <span>26/3/2020</span>
                                                    <span>3</span>
                                                    <span class="kt-font-brand kt-font-bold">900 €</span>
                                                </div>
                                                <div class="kt-widget6__item">
                                                    <span>25/3/2020</span>
                                                    <span>6</span>
                                                    <span class="kt-font-brand kt-font-bold">1800 €</span>
                                                </div>
                                                <div class="kt-widget6__item">
                                                    <span>24/3/2020</span>
                                                    <span>10</span>
                                                    <span class="kt-font-brand kt-font-bold">3000 €</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--end:: Widgets/Sales States-->



                            </div>

                            <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                <!--begin:: Widgets/New Users-->
                                <div class="kt-portlet kt-portlet--tabs kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                New Merchants
                                            </h3>
                                        </div>
                                        <div class="kt-portlet__head-toolbar">
                                            <ul class="nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-brand" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" data-toggle="tab" href="#kt_widget4_tab1_content" role="tab">
                                                        Today
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" data-toggle="tab" href="#kt_widget4_tab2_content" role="tab">
                                                        Month
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body">
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="kt_widget4_tab1_content">
                                                <div class="kt-widget4">
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Anna Strong
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                Autobraker
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo1-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Milano Esco
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                Ardee Car Parts
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo2-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Nick Bold
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                AMC Honda Dismantlers
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo1-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Wiltor Delton
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                Armagh Car Breakers
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Nick Stone
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                Bansha Car Dismantlers
                                                            </p>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="kt_widget4_tab2_content">
                                                <div class="kt-widget4">
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo1-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Kristika Bold
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                AutoEuroParts LTD Athlone
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo2-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Ron Silk
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                Release Manager, Loop Inc
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Nick Bold
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                BCG BREAKERS
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo2-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Wiltor Delton
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                Bavarian Auto Technik
                                                            </p>
                                                        </div>

                                                    </div>
                                                    <div class="kt-widget4__item">
                                                        <div class="kt-widget4__pic kt-widget4__pic--pic">
                                                            <img src="assets/media/partiperauto/merchant-logo1-sm.jpg" alt="">
                                                        </div>
                                                        <div class="kt-widget4__info">
                                                            <a href="#" class="kt-widget4__username">
                                                                Nick Bold
                                                            </a>
                                                            <p class="kt-widget4__text">
                                                                BMW Auto Parts
                                                            </p>
                                                        </div>

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

                                <!--end:: Widgets/New Users-->


                            </div>

                            <div class="col-xl-4 col-lg-6 order-lg-1 order-xl-1">
                                <!--begin:: Widgets/Trends-->
                                <div class="kt-portlet kt-portlet--head--noborder kt-portlet--height-fluid">
                                    <div class="kt-portlet__head kt-portlet__head--noborder">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Top Makes Ads
                                            </h3>
                                        </div>
                                        <!--
                                        <div class="kt-portlet__head-toolbar">
                                            <div class="dropdown dropdown-inline">
                                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-lg" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                    <i class="flaticon-more-1"></i>
                                                </button>
                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <ul class="kt-nav">
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-line-chart"></i>
                                                                <span class="kt-nav__link-text">Reports</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-send"></i>
                                                                <span class="kt-nav__link-text">Messages</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-pie-chart-1"></i>
                                                                <span class="kt-nav__link-text">Charts</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-avatar"></i>
                                                                <span class="kt-nav__link-text">Members</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="#" class="kt-nav__link">
                                                                <i class="kt-nav__link-icon flaticon2-settings"></i>
                                                                <span class="kt-nav__link-text">Settings</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        -->

                                    </div>
                                    <div class="kt-portlet__body kt-portlet__body--fluid kt-portlet__body--fit">
                                        <div class="kt-widget4 kt-widget4--sticky">
                                            <div class="kt-widget4__chart">
                                                <canvas id="kt_chart_trends_stats" style="height: 240px;"></canvas>
                                            </div>
                                            <div class="kt-widget4__items kt-widget4__items--bottom kt-portlet__space-x kt-margin-b-20">
                                                <div class="kt-widget4__item">
                                                    <div class="kt-widget4__img kt-widget4__img--logo">
                                                        <img src="assets/media/partiperauto/skoda.png" alt="">
                                                    </div>
                                                    <div class="kt-widget4__info">
                                                        <a href="#" class="kt-widget4__title">
                                                            Skoda
                                                        </a>

                                                    </div>
                                                    <span class="kt-widget4__ext">
																<span class="kt-widget4__number kt-font-success">+17</span>
															</span>
                                                </div>
                                                <div class="kt-widget4__item">
                                                    <div class="kt-widget4__img kt-widget4__img--logo">
                                                        <img src="assets/media/partiperauto/ford.png" alt="">
                                                    </div>
                                                    <div class="kt-widget4__info">
                                                        <a href="#" class="kt-widget4__title">
                                                            Ford
                                                        </a>

                                                    </div>
                                                    <span class="kt-widget4__ext">
																<span class="kt-widget4__number kt-font-success">+10</span>
															</span>
                                                </div>
                                                <div class="kt-widget4__item">
                                                    <div class="kt-widget4__img kt-widget4__img--logo">
                                                        <img src="assets/media/partiperauto/audi.png" alt="">
                                                    </div>
                                                    <div class="kt-widget4__info">
                                                        <a href="#" class="kt-widget4__title">
                                                            Audi
                                                        </a>
                                                    </div>
                                                    <span class="kt-widget4__ext">
																<span class="kt-widget4__number kt-font-success">+8</span>
															</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--end:: Widgets/Trends-->



                            </div>

                            <div class="col-xl-4 col-lg-6 order-lg-2 order-xl-1">
                                <!--begin:: Widgets/Top Locations-->
                                <div class="kt-portlet kt-portlet--head--noborder kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Top Requests Locations
                                            </h3>
                                        </div>

                                    </div>
                                    <div class="kt-portlet__body">
                                        <div class="kt-widget15">
                                            <div class="kt-widget15__map">
                                                <div id="kt_chart_latest_trends_map" style="height:320px;"></div>
                                            </div>
                                            <div class="kt-widget15__items kt-margin-t-30">
                                                <div class="row">
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		55%
																	</span>
                                                            <span class="kt-widget15__text">
																		Milano
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-success" role="progressbar" style="width: 55%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>
                                                        </div>

                                                        <!--end::widget item-->
                                                    </div>
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		30%
																	</span>
                                                            <span class="kt-widget15__text">
																		Rome
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-success" role="progressbar" style="width:30%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>
                                                        </div>

                                                        <!--end::widget item-->
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		10 %
																	</span>
                                                            <span class="kt-widget15__text">
																		Bergamo
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-success" role="progressbar" style="width: 10%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>
                                                        </div>

                                                        <!--end::widget item-->
                                                    </div>
                                                    <div class="col">

                                                        <!--begin::widget item-->
                                                        <div class="kt-widget15__item">
																	<span class="kt-widget15__stats">
																		5%
																	</span>
                                                            <span class="kt-widget15__text">
																		Torino
																	</span>
                                                            <div class="kt-space-10"></div>
                                                            <div class="progress m-progress--sm">
                                                                <div class="progress-bar bg-primary" role="progressbar" style="width: 5%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
                                                            </div>

                                                            <!--end::widget item-->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--end:: Widgets/Top Locations-->

                            </div>
                            <div class="col-xl-4 col-lg-6 order-lg-2 order-xl-1">
                                <!--begin:: Widgets/Audit Log-->
                                <div class="kt-portlet kt-portlet--height-fluid">
                                    <div class="kt-portlet__head">
                                        <div class="kt-portlet__head-label">
                                            <h3 class="kt-portlet__head-title">
                                                Latest Log
                                            </h3>
                                        </div>
                                        <div class="kt-portlet__head-toolbar">
                                            <ul class="nav nav-pills nav-pills-sm nav-pills-label nav-pills-bold" role="tablist">
                                                <li class="nav-item">
                                                    <a class="nav-link active" data-toggle="tab" href="#kt_widget4_tab11_content" role="tab">
                                                        Today
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" data-toggle="tab" href="#kt_widget4_tab12_content" role="tab">
                                                        Week
                                                    </a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" data-toggle="tab" href="#kt_widget4_tab13_content" role="tab">
                                                        Month
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="kt-portlet__body">
                                        <div class="tab-content">
                                            <div class="tab-pane active" id="kt_widget4_tab11_content">
                                                <div class="kt-scroll" data-scroll="true" data-height="400" style="height: 400px;">
                                                    <div class="kt-list-timeline">
                                                        <div class="kt-list-timeline__items">
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">12 new users registered</span>
                                                                <span class="kt-list-timeline__time">Just now</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">System shutdown <span class="kt-badge kt-badge--success kt-badge--inline kt-badge--pill">pending</span></span>
                                                                <span class="kt-list-timeline__time">14 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--warning"></span>
                                                                <span class="kt-list-timeline__text">System error - <a href="#" class="kt-link">Check</a></span>
                                                                <span class="kt-list-timeline__time">2 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--brand"></span>
                                                                <span class="kt-list-timeline__text">Production server down</span>
                                                                <span class="kt-list-timeline__time">3 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">Production server up</span>
                                                                <span class="kt-list-timeline__time">5 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span href="" class="kt-list-timeline__text">New order received <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--pill">urgent</span></span>
                                                                <span class="kt-list-timeline__time">7 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">12 new users registered</span>
                                                                <span class="kt-list-timeline__time">Just now</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">System shutdown <span class="kt-badge kt-badge--success kt-badge--inline kt-badge--pill">pending</span></span>
                                                                <span class="kt-list-timeline__time">14 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--warning"></span>
                                                                <span class="kt-list-timeline__text">System error - <a href="#" class="kt-link">Check</a></span>
                                                                <span class="kt-list-timeline__time">2 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--brand"></span>
                                                                <span class="kt-list-timeline__text">Production server down</span>
                                                                <span class="kt-list-timeline__time">3 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">Production server up</span>
                                                                <span class="kt-list-timeline__time">5 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span href="" class="kt-list-timeline__text">New order received <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--pill">urgent</span></span>
                                                                <span class="kt-list-timeline__time">7 hrs</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="kt_widget4_tab12_content">
                                                <div class="kt-scroll" data-scroll="true" data-height="400" style="height: 400px;">
                                                    <div class="kt-list-timeline">
                                                        <div class="kt-list-timeline__items">
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">12 new users registered</span>
                                                                <span class="kt-list-timeline__time">Just now</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">System shutdown <span class="kt-badge kt-badge--success kt-badge--inline kt-badge--pill">pending</span></span>
                                                                <span class="kt-list-timeline__time">14 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--warning"></span>
                                                                <span class="kt-list-timeline__text">System error - <a href="#" class="kt-link">Check</a></span>
                                                                <span class="kt-list-timeline__time">2 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--warning"></span>
                                                                <span class="kt-list-timeline__text">System error - <a href="#" class="kt-link">Check</a></span>
                                                                <span class="kt-list-timeline__time">2 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--brand"></span>
                                                                <span class="kt-list-timeline__text">Production server down</span>
                                                                <span class="kt-list-timeline__time">3 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">Production server up</span>
                                                                <span class="kt-list-timeline__time">5 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span href="" class="kt-list-timeline__text">New order received <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--pill">urgent</span></span>
                                                                <span class="kt-list-timeline__time">7 hrs</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="tab-pane" id="kt_widget4_tab13_content">
                                                <div class="kt-scroll" data-scroll="true" data-height="400" style="height: 400px;">
                                                    <div class="kt-list-timeline">
                                                        <div class="kt-list-timeline__items">
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span href="" class="kt-list-timeline__text">New order received <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--pill">urgent</span></span>
                                                                <span class="kt-list-timeline__time">7 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--brand"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">12 new users registered</span>
                                                                <span class="kt-list-timeline__time">Just now</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">System shutdown <span class="kt-badge kt-badge--warning kt-badge--inline kt-badge--pill">pending</span></span>
                                                                <span class="kt-list-timeline__time">14 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--info kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--warning"></span>
                                                                <span class="kt-list-timeline__text">System error - <a href="#" class="kt-link">Check</a></span>
                                                                <span class="kt-list-timeline__time">2 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--brand kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--danger"></span>
                                                                <span class="kt-list-timeline__text">New invoice received</span>
                                                                <span class="kt-list-timeline__time">20 mins</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--success"></span>
                                                                <span class="kt-list-timeline__text">DB overloaded 80% <span class="kt-badge kt-badge--success kt-badge--inline kt-badge--pill">settled</span></span>
                                                                <span class="kt-list-timeline__time">1 hr</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--warning"></span>
                                                                <span class="kt-list-timeline__text">System error - <a href="#" class="kt-link">Check</a></span>
                                                                <span class="kt-list-timeline__time">2 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--brand"></span>
                                                                <span class="kt-list-timeline__text">Production server down</span>
                                                                <span class="kt-list-timeline__time">3 hrs</span>
                                                            </div>
                                                            <div class="kt-list-timeline__item">
                                                                <span class="kt-list-timeline__badge kt-list-timeline__badge--info"></span>
                                                                <span class="kt-list-timeline__text">Production server up</span>
                                                                <span class="kt-list-timeline__time">5 hrs</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!--end:: Widgets/Audit Log-->

                            </div>
                            <!--End::Row-->

                            <!--End::Dashboard 3-->
                        </div>

                        <!-- end:: Content -->
                    </div>
                </div>
                <!--begin::Page Scripts(used by this page) -->
                <script src="{{ assets }}js/pages/dashboard.js" type="text/javascript"></script>

                <!--end::Page Scripts -->
                {{ render(controller('App\\Controller\\Common\\Footer::index')) }}

<!-- end::Body -->
