@extends('layouts.admin')
@push('styles')
    <!-- Swiper Slider -->
    <link rel="stylesheet" href="{{ asset('admin/vendors/swiper-master/css/swiper.min.css') }}">
    <!-- Slicknav -->
    <link rel="stylesheet" href="{{ asset('admin/css/slicknav.min.css') }}">
    <!-- magnific popup -->
    <link rel="stylesheet" href="{{ asset('admin/css/magnific-popup.css') }}">
    <!-- Metismenu -->
    <link rel="stylesheet" href="{{ asset('admin/css/metisMenu.min.css') }}">
    <!-- Apex chart -->
    <link rel="stylesheet" href="{{ asset('admin/css/apexcharts.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/css/jquery.scrollbar.css') }}">
@endpush
@section('content')
<!-- nimmu content area -->
<div class="nimmu-content-area">
    <div class="container-fluid">
        <h2>Dashboard</h2>
        <!-- Start nimmu analytic area -->
        <div class="nimmu-analytic-area">
            <div class="row">
                <div class="col-xl-3 col-md-6 mb-xl-0 mb-4">
                    <div class="nimmu-default-card">
                        <div class="nimmu-analytic">
                            <p>Total Revenue</p>
                            <h3>$45,836,430</h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 mb-xl-0 mb-4">
                    <div class="nimmu-default-card">
                        <div class="nimmu-analytic">
                            <p>MRR</p>
                            <h3>$28,647,314</h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6 mb-xl-0 mb-lg-4 mb-4">
                    <div class="nimmu-default-card">
                        <div class="nimmu-analytic">
                            <p>90 Days Growth</p>
                            <h3>84.04%</h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-md-6">
                    <div class="nimmu-default-card">
                        <div class="nimmu-analytic">
                            <p>90 Days Churn</p>
                            <h3>5.75%</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End nimmu analytic area -->


        <!-- Start nimmu trafic area -->
        <div class="nimmu-trafic-area">
            <div class="row">
                <div class="col-xl-8 col-12 mb-xl-0 mb-4">
                    <div class="nimmu-default-card">
                        <div class="nimmu-card-header">
                            <div class="d-felx justify-content-between align-items-center">
                                <div class="nimmu-header-left nimmu-header-trafic-title">
                                    <h3>Audience Growth</h3>
                                </div>
                            </div>
                        </div>
                        <div class="nimmu-card-body mt-4">
                            <div id="nimmu-audience-growth" style="padding-top: 20px;"></div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-12">
                    <div class="nimmu-default-card">
                        <div class="nimmu-card-header">
                            <div class="d-felx justify-content-between align-items-center">
                                <div class="nimmu-header-left">
                                    <h3>Website Visitors</h3>
                                </div>
                            </div>
                        </div>
                        <div class="nimmu-card-body">
                            <div id="nimmu-visitor"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End nimmu trafic area -->

        <!-- Start score area -->
        <div class="nimmu-acore">
            <div class="row">
                <div class="col-xl-3 col-12 mb-xl-0 mb-4">
                    <div class="d-xl-block d-md-flex d-block justify-content-between">
                        <div class="nimmu-default-card mb-xl-4 mb-md-0 mb-4">
                            <div class="nimmu-card-header nimmu-mb-30">
                                <div class="d-felx justify-content-between align-items-center">
                                    <div class="nimmu-header-left">
                                        <h3>Site Audit Score</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="nimmu-card-body d-flex align-items-center justify-content-center">
                                <div class="score-chart nimmu-mr-30" data-percent="65"></div>
                                <div class="trafic-content">
                                    <h4>28546</h4>
                                    <p>Clicks</p>
                                </div>
                            </div>
                        </div>

                        <div class="nimmu-default-card">
                            <div class="nimmu-card-header nimmu-mb-30">
                                <div class="d-felx justify-content-between align-items-center">
                                    <div class="nimmu-header-left">
                                        <h3>Trust Flow</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="nimmu-card-body d-flex align-items-center justify-content-center">
                                <div class="trust-chart nimmu-mr-30" data-percent="45"></div>
                                <div class="trafic-content">
                                    <h4>28546</h4>
                                    <p>Clicks</p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-xl-9 col-12">
                    <div class="nimmu-default-card">
                        <div class="nimmu-card-header nimmu-mb-30">
                            <div class="d-felx justify-content-between align-items-center">
                                <div class="nimmu-header-left">
                                    <h3>Adwords Conversions</h3>
                                </div>
                            </div>
                        </div>
                        <div class="nimmu-card-body">
                            <div id="adword"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End score area -->

        <!-- Start Revenue area -->
        <div class="nimmu-revenue-area nimmu-mt-30">
            <div class="row">
                <div class="col-xl-6 col-12 mb-xl-0 mb-4">
                    <div class="nimmu-default-card">
                        <div class="nimmu-card-header nimmu-mb-30">
                            <div class="d-felx justify-content-between align-items-center">
                                <div class="nimmu-header-left">
                                    <h3>Top 5 Category Revenue</h3>
                                </div>
                            </div>
                        </div>
                        <div class="nimmu-card-body">
                            <div id="nimmu-category-revenue"></div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-12">
                    <div class="nimmu-default-card">
                        <div class="nimmu-card-header nimmu-mb-30">
                            <div class="d-felx justify-content-between align-items-center">
                                <div class="nimmu-header-left">
                                    <h3>Top 5 Brand Revenue</h3>
                                </div>
                            </div>
                        </div>
                        <div class="nimmu-card-body">
                            <div id="nimmu-brand-revenue"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Revenue area -->


    </div>
</div>
<!-- nimmu content area -->
@endsection