@extends('layout.header')
@section('title')
    ALIAN | Dashboard
@endsection
@section('main')
    <div class="m-grid__item m-grid__item--fluid m-wrapper">
        <!-- BEGIN: Subheader -->
        <div class="m-subheader ">
            <div class="d-sm-flex align-items-center subheader_border_bottom">
                <div class="mr-auto">
                    <h3 class="m-subheader__title ">
                        Dashboard
                    </h3>
                </div>
                <div class="m_subheader_datepicker_res">
                                <span class="m-subheader__daterange" id="m_dashboard_daterangepicker_dash">
                                    <span class="m-subheader__daterange-label">
                                        <span class="m-subheader__daterange-title"></span>
                                        <span class="m-subheader__daterange-date m--font-brand"></span>
                                    </span>
                                    <a href="#" class="btn btn-sm btn-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--pill">
                                        <i class="la la-angle-down"></i>
                                    </a>
                                </span>
                </div>
            </div>
        </div>
        <!-- END: Sub header -->
        <!-- START :: main Content-->
        <div class="m-content">
            <!-- START :: Top box-->
            <div class="m-portlet top_box">
                <div class="m-portlet__body  m-portlet__body--no-padding">
                    <div class="row m-0">
                        <div class="box_main_content">
                            <!--begin::Total Profit-->
                            <div class="box_content">
                                <h6>Total Sellings (&#x20b9;)</h6>
                                <span class="blue_color"> &#x20b9;70,000</span>
                            </div>
                            <!--end::Total Profit-->
                        </div>
                        <div class="box_main_content">
                            <!--begin::Total Collected Amount)-->
                            <div class="box_content">
                                <h6>Total Collected Amount (&#x20b9;)</h6>
                                <span class="pink_color"> &#x20b9;1,00,000 </span>
                            </div>
                            <!--end::Total Collected Amount-->
                        </div>
                        <div class="box_main_content">
                            <!--begin:: Total Pending Amount-->
                            <div class="box_content">
                                <h6> Total Pending Amount (&#x20b9;)</h6>
                                <span class="purple_color"> &#x20b9;25,800 </span>
                            </div>
                            <!--end::Total Pending Amount-->
                        </div>
                        <div class="box_main_content">
                            <!--begin::Total Pending Orders-->
                            <div class="box_content">
                                <h6>Total Pending Orders</h6>
                                <span class="sky_color"> 45</span>
                            </div>
                            <!--end::Total Pending Orderst-->
                        </div>
                        <div class="box_main_content">
                            <!--begin:: Total Visited Shops-->
                            <div class="box_content">
                                <h6> Total Visited Shops</h6>
                                <span class="green_color"> 800 </span>
                            </div>
                            <!--end:: Total Visited Shops-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- END :: Top box-->
            <!--Begin:: Top Collected Amount & Total Selling Section-->
            <div class="row">
                <div class="col-xl-4 col-4_padding_right">
                    <!--begin:: Total Collected Amount-->
                    <div class="m-portlet m-portlet--full-height dash_top_collection_amount">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Total Collected Amount
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <span class="pink_color"> &#x20b9;1,00,000</span>
                            </div>
                        </div>
                        <div class="m-portlet__body main_bg_color">
                            <!--begin::Total Collected Amount body-->
                            <div class="m-widget16 d-inline-block">
                                <div class="m-widget16__stats m-0">
                                    <div class="m-widget16__visual dashboard_amount_graph">
                                        <div id="m_chart_dashboard_collect_amount" style="height: 215px"></div>
                                    </div>
                                </div>
                                <div class="m-widget16__legends d-inline-block">
                                    <div class="m-widget16__legend">
                                        <p>Cash Amount (&#x20b9;)</p>
                                        <span class="m-widget16__legend-text">
                                                        &#x20b9;50,000
                                                    </span>
                                    </div>
                                    <div class="m-widget16__legend">
                                        <p>Bank Transfer (&#x20b9;)</p>
                                        <span class="m-widget16__legend-text">
                                                        &#x20b9;15,000
                                                    </span>
                                    </div>
                                    <div class="m-widget16__legend">
                                        <p>Cheque Amount (&#x20b9;)</p>
                                        <span class="m-widget16__legend-text">
                                                        &#x20b9;10,000
                                                    </span>
                                    </div>
                                </div>
                            </div>
                            <!--end::Total Collected Amount body-->
                        </div>
                    </div>
                    <!--end:: Total Collected Amount-->
                </div>
                <div class="col-xl-8 col-8_padding_left">
                    <!--begin:: Total Selling -->
                    <div class="m-portlet m-portlet--full-height dash_top_collection_amount">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Total sellings
                                    </h3>
                                </div>
                            </div>
                        </div>
                        <div class="m-portlet__body main_bg_color dash_total_sell_graph">
                            <!--begin::Total Selling body-->
                            <button class="dash_graph_download text-right d-inline-block p-0" id="dwn-btn">
                                <img src="{{URL::asset('images/dash_download.png')}}" alt=""/>
                            </button>
                            <div id="editor"></div>
                            <div id="m_morris_dash" style="height:315px;" data-colors="#29abe2"></div>
                            <!--end::Total Selling body-->
                        </div>
                    </div>
                    <!--end:: Total Selling -->
                </div>
            </div>
            <!--End:: Top Collected Amount & Total Selling Section-->
            <!--Begin Total Sell Products & Highest Selling Persons Section-->
            <div class="row">
                <div class="col-xl-8 col-8_padding_right">
                    <!--begin:: Total Sell Products -->
                    <div class="m-portlet m-portlet--full-height dash_total_sell_product">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Total Sell Products
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <a href="#" class="text-uppercase">view all</a>
                            </div>
                        </div>
                        <div class="m-portlet__body main_bg_color">
                            <!--begin:: Total Sell Products body-->
                            <div class="m-widget16 table_style_16">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="m-widget16__head">
                                            <div class="m-widget16__item">
                                                            <span class="m-widget16__sceduled">
                                                                Products
                                                            </span>
                                                <span class="m-widget16__amount m--align-right">
                                                                Amount(&#x20b9;)
                                                            </span>
                                            </div>
                                        </div>
                                        <div class="m-widget16__body">
                                            <!--begin::widget item-->
                                            <div class="m-widget16__item">
                                                            <span class="m-widget16__date">
                                                                Alian Type-c Cable 3amp (Gold)
                                                            </span>
                                                <span class="m-widget16__price m--align-right">
                                                                <span class="amount_style background_pink"> &#x20b9;20,000</span>
                                                            </span>
                                            </div>
                                            <!--end::widget item-->
                                            <!--begin::widget item-->
                                            <div class="m-widget16__item">
                                                            <span class="m-widget16__date">
                                                                Alian Car Charger 3a | Single Port
                                                            </span>
                                                <span class="m-widget16__price m--align-right">
                                                                <span class="amount_style background_green"> &#x20b9;20,000 </span>
                                                            </span>
                                            </div>
                                            <!--end::widget item-->
                                            <!--begin::widget item-->
                                            <div class="m-widget16__item">
                                                            <span class="m-widget16__date">
                                                                Alian 3 In 1 Metal Magnetic Cable
                                                            </span>
                                                <span class="m-widget16__price m--align-right">
                                                                <span class="amount_style background_purple">  &#x20b9;10,000</span>
                                                            </span>
                                            </div>
                                            <!--end::widget item-->
                                            <!--begin::widget item-->
                                            <div class="m-widget16__item">
                                                            <span class="m-widget16__date">
                                                                Alian Powerbank With 10000 Mah (Wireless &...
                                                            </span>
                                                <span class="m-widget16__price m--align-right">
                                                                <span class=" amount_style background_sky"> &#x20b9;10,000</span>
                                                            </span>
                                            </div>
                                            <!--end::widget item-->
                                            <!--begin::widget item-->
                                            <div class="m-widget16__item">
                                                            <span class="m-widget16__date">
                                                                Alian Bluetooth Speakers
                                                            </span>
                                                <span class="m-widget16__price m--align-right">
                                                                <span class="amount_style background_yellow"> &#x20b9;5,000 </span>
                                                            </span>
                                            </div>
                                            <!--end::widget item-->
                                            <!--begin::widget item-->
                                            <div class="m-widget16__item">
                                                            <span class="m-widget16__date">
                                                                Other Products
                                                            </span>
                                                <span class="m-widget16__price m--align-right">
                                                                <span class="amount_style">  &#x20b9;5,000 </span>
                                                            </span>
                                            </div>
                                            <!--end::widget item-->
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="m-widget16__stats">
                                            <div class="m-widget16__visual dashboard_total_sell_products_graph">
                                                <div id="m_chart_dashboard_total_sell_products" style="height: 261px"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--end:: Total Sell Products body-->
                        </div>
                    </div>
                    <!--end:: Total Sell Products -->
                </div>
                <div class="col-xl-4 col-4_padding_left">
                    <!--begin:: Highest Selling Persons -->
                    <div class="m-portlet m-portlet--full-height dash_highest_selling_person_main">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Highest Selling Persons
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <a href="#" class="text-uppercase text-blue">view all</a>
                            </div>
                        </div>
                        <div class="m-portlet__body m-widget16 table_style_16 main_bg_color">
                            <!--begin:: Highest Selling Persons body-->
                            <!--begin::Widget 14-->
                            <div class="m-widget16__head">
                                <div class="m-widget16__item">
                                                <span class="m-widget16__sceduled">
                                                    Name
                                                </span>
                                    <span class="m-widget16__amount m--align-right">
                                                    Amount(&#x20b9;)
                                                </span>
                                </div>
                            </div>
                            <div class="m-widget4 dash_highest_selling_person dash_table_style_4">
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/ankit_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Ankit Desai
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Nadiad
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;3,17,800</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/harmit.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Harmit Mendpra
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Anand
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;1,97,800</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/jay_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        jay dara
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Vadodara
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;97,954</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/sagar_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        sagar vekaria
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        ahmedabad
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;93,974</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/hardik_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Hardik patel
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        rajkot
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;81,974</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                            </div>
                            <!--end::Widget 14-->
                            <!--end:: Highest Selling Persons body-->
                        </div>
                    </div>
                    <!--end:: Highest Selling Persons -->
                </div>
            </div>
            <!--End:: Total Sell Products & Highest Selling Persons Section-->
            <!--Begin:: Most Valuable Customers & Highest Selling Products Section-->
            <div class="row">
                <div class="col-xl-4 col-4_padding_right">
                    <!--begin:: Most Valuable Customers -->
                    <div class="m-portlet m-portlet--full-height dash_most_valuable_customers">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Most Valuable Customers
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <a href="#" class="text-uppercase">view all</a>
                            </div>
                        </div>
                        <div class="m-portlet__body m-widget16 table_style_16 main_bg_color">
                            <!--begin:: Most Valuable Customers body-->
                            <!--begin::Widget 14-->
                            <div class="m-widget16__head">
                                <div class="m-widget16__item">
                                                <span class="m-widget16__sceduled">
                                                    Name
                                                </span>
                                    <span class="m-widget16__amount m--align-right">
                                                    Amount(&#x20b9;)
                                                </span>
                                </div>
                            </div>
                            <div class="m-widget4 dash_table_style_4">
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Saregama
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Anand
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;3,17,800</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Smile Mobile Store
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Anand
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;1,97,800</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        G & K Sons
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Ahmedabad
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;97,954</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Forever Mobile Accessories Hub
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        ahmedabad
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;93,974</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Mobilewala
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Vadodara
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;81,974</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                            </div>
                            <!--end::Widget 14-->
                            <!--end:: Most Valuable Customers body-->
                        </div>
                    </div>
                    <!--end:: Most Valuable Customers -->
                </div>
                <div class="col-xl-8 col-8_padding_left">
                    <!--begin:: Highest Selling Products -->
                    <div class="m-portlet m-portlet--full-height dash_highest_selling_products">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Highest Selling Products
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <a href="#" class="text-uppercase">view all</a>
                            </div>
                        </div>
                        <div class="m-portlet__body m-widget16 table_style_16 main_bg_color">
                            <!--begin:: Highest Selling Products body-->
                            <!--begin::Widget 14-->
                            <div class="m-widget16__head">
                                <div class="m-widget16__item">
                                                <span class="m-widget16__sceduled">
                                                    Product
                                                </span>
                                    <span class="m-widget16__pro_qty">
                                                    Product Qty
                                                </span>
                                    <span class="m-widget16__amount m--align-right">
                                                    Amount(&#x20b9;)
                                                </span>
                                </div>
                            </div>
                            <div class="m-widget4 dash_table_style_4">
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Type-c Cable 3amp (Gold)
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Cable
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_amount">
                                        <span>482</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;20,000</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Car Charger 3a | Single Port
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Charger
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_amount">
                                        <span>545</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;20,000</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian 3 In 1 Metal Magnetic Cable
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Cables
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_amount">
                                        <span>395</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;10,000</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Powerbank With 10000 Mah (Wireless & Wired Powerbank) White
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Powerbank
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_amount">
                                        <span>78</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;10,000</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Bluetooth Speakers
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Speaker
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_amount">
                                        <span>23</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;5,000</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                            </div>
                            <!--end::Widget 14-->
                            <!--end:: Highest Selling Products body-->
                        </div>
                    </div>
                    <!--end:: Highest Selling Products -->
                </div>
            </div>
            <!--End:: Most Valuable Customers & Highest Selling Products Section-->
            <!--Begin:: Pending Orders & Highest Visits Section-->
            <div class="row">
                <div class="col-xl-8 col-8_padding_right">
                    <!--begin:: Pending Orders -->
                    <div class="m-portlet m-portlet--full-height dash_pending_orders">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Pending Orders
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <a href="#" class="text-uppercase">view all</a>
                            </div>
                        </div>
                        <div class="m-portlet__body m-widget16 table_style_16 main_bg_color">
                            <!--begin:: Pending Orders body-->
                            <!--begin::Widget 14-->
                            <div class="m-widget16__head">
                                <div class="m-widget16__item">
                                                <span class="m-widget16__sceduled">
                                                    Product
                                                </span>
                                    <span class="m-widget16__pro_qty">
                                                    Product Qty
                                                </span>
                                    <span class="m-widget16__order_qty">
                                                    Order Qty
                                                </span>
                                    <span class="m-widget16__amount m--align-right">
                                                    Amount(&#x20b9;)
                                                </span>
                                </div>
                            </div>
                            <div class="m-widget4 dash_table_style_4">
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Type-c Cable 3amp (Gold)
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Cable
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_value">
                                        <span>6000</span>
                                    </div>
                                    <div class="m-widget4__info order_value">
                                        <span>6</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;3,17,800</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Car Charger 3a | Single Port
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Charger
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_value">
                                        <span>50000</span>
                                    </div>
                                    <div class="m-widget4__info order_value">
                                        <span>4</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;1,97,800</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian 3 In 1 Metal Magnetic Cable
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Cables
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_value">
                                        <span>4520</span>
                                    </div>
                                    <div class="m-widget4__info order_value">
                                        <span>4</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;97,954</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Powerbank With 10000 Mah (Wireless &...
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Powerbank
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_value">
                                        <span>250</span>
                                    </div>
                                    <div class="m-widget4__info order_value">
                                        <span>3</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;93,974</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__info product">
                                        <a class="m-widget4__title" href="#">
                                            Alian Bluetooth Speakers
                                        </a>
                                        <br>
                                        <span class="m-widget4__sub product_qty">
                                                        Speaker
                                                    </span>
                                    </div>
                                    <div class="m-widget4__info product_value">
                                        <span>600</span>
                                    </div>
                                    <div class="m-widget4__info order_value">
                                        <span>1</span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>&#x20b9;81,974</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                            </div>
                            <!--end::Widget 14-->
                            <!--end:: Pending Orders body-->
                        </div>
                    </div>
                    <!--end:: Pending Orders -->
                </div>
                <div class="col-xl-4 col-4_padding_right">
                    <!--begin:: Highest Visits -->
                    <div class="m-portlet m-portlet--full-height dash_highest_selling_person_main dash_highest_visits">
                        <div class="m-portlet__head">
                            <div class="m-portlet__head-caption">
                                <div class="m-portlet__head-title">
                                    <h3 class="m-portlet__head-text">
                                        Highest Visits
                                    </h3>
                                </div>
                            </div>
                            <div class="m-portlet__head-tools">
                                <a href="#" class="text-uppercase text-blue">view all</a>
                            </div>
                        </div>
                        <div class="m-portlet__body m-widget16 table_style_16 main_bg_color">
                            <!--begin:: Highest Visits body-->
                            <!--begin::Widget 14-->
                            <div class="m-widget16__head">
                                <div class="m-widget16__item">
                                                <span class="m-widget16__sceduled">
                                                    Name
                                                </span>
                                    <span class="m-widget16__amount m--align-right">
                                                    shops
                                                </span>
                                </div>
                            </div>
                            <div class="m-widget4 dash_table_style_4 dash_highest_selling_person">
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/ankit_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Ankit Desai
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Nadiad
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>50</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/harmit.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Harmit Mendpra
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Anand
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>40</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/jay_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        jay dara
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        Vadodara
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>38</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/sagar_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        sagar vekaria
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        ahmedabad
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>29</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                                <!--begin::Widget 14 Item-->
                                <div class="m-widget4__item">
                                    <div class="m-widget4__img m-widget4__img--pic">
                                        <img src="{{URL::asset('images/hardik_sir.png')}}" alt=""/>
                                    </div>
                                    <div class="m-widget4__info">
                                                    <span class="m-widget4__title">
                                                        Hardik patel
                                                    </span>
                                        <br>
                                        <span class="m-widget4__sub">
                                                        rajkot
                                                    </span>
                                    </div>
                                    <div class="m-widget4__ext">
                                        <span>25</span>
                                    </div>
                                </div>
                                <!--end::Widget 14 Item-->
                            </div>
                            <!--end::Widget 14-->
                            <!--end:: Highest Visits body-->
                        </div>
                    </div>
                    <!--end:: Highest Visits -->
                </div>
            </div>
            <!--End:: Pending Orders & Highest Visits Section-->
        </div>
        <!-- END :: main Content-->
    </div>

    @include('includes.footer')
    @include('includes.quick_sidebar')
    @include('includes.modal')
    @include('includes.scripts')