@extends("layouts.admin.app")
@section("page-title")
Dashboard
@endsection

@section("css-links")

    <link rel="stylesheet" type="text/css" href="{{asset("css/summernote-bs4.css")}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset("css/owl.carousel.min.css")}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset("css/owl.theme.default.min.css")}}"/>

@endsection

@section("page-header")
    <div class="section-header">
        <h1>Dashboard</h1>
    </div>
@endsection

@section("content")
{{--    <div class="row">--}}
{{--        <div class="col-lg-3 col-md-6 col-sm-6 col-12">--}}
{{--            <div class="card card-statistic-1">--}}
{{--                <div class="card-icon bg-primary">--}}
{{--                    <i class="fas fa-users-cog"></i>--}}
{{--                </div>--}}
{{--                <div class="card-wrap">--}}
{{--                    <div class="card-header">--}}
{{--                        <h4>Total Admins</h4>--}}
{{--                    </div>--}}
{{--                    <div class="card-body">--}}
{{--                        {{$counts->totalAdmins}}--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-lg-3 col-md-6 col-sm-6 col-12">--}}
{{--            <div class="card card-statistic-1">--}}
{{--                <div class="card-icon bg-danger">--}}
{{--                    <i class="fas fa-users"></i>--}}
{{--                </div>--}}
{{--                <div class="card-wrap">--}}
{{--                    <div class="card-header">--}}
{{--                        <h4>Total Users</h4>--}}
{{--                    </div>--}}
{{--                    <div class="card-body">--}}
{{--                        {{$counts->totalUsers}}--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-lg-3 col-md-6 col-sm-6 col-12">--}}
{{--            <div class="card card-statistic-1">--}}
{{--                <div class="card-icon bg-warning">--}}
{{--                    <i class="fas fa-tags"></i>--}}
{{--                </div>--}}
{{--                <div class="card-wrap">--}}
{{--                    <div class="card-header">--}}
{{--                        <h4>Total Posts</h4>--}}
{{--                    </div>--}}
{{--                    <div class="card-body">--}}
{{--                        {{$counts->totalPosts}}--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-lg-3 col-md-6 col-sm-6 col-12">--}}
{{--            <div class="card card-statistic-1">--}}
{{--                <div class="card-icon bg-success">--}}
{{--                    <i class="fas fa-list"></i>--}}
{{--                </div>--}}
{{--                <div class="card-wrap">--}}
{{--                    <div class="card-header">--}}
{{--                        <h4>Categoris</h4>--}}
{{--                    </div>--}}
{{--                    <div class="card-body">--}}
{{--                        {{$counts->totalCategories}}--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}




{{--    <div class="row">--}}
{{--        <div class="col-lg-6 col-md-12 col-12 col-sm-12">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>Statistics Of Posts In This Year</h4>--}}
{{--                    <div class="card-header-action">--}}
{{--                        <div class="btn-group">--}}
{{--                            <a href="#" class="btn btn-primary">By Month</a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <canvas id="PostChart" height="182"></canvas>--}}
{{--                    <div class="statistic-details mt-sm-4">--}}
{{--                        <div class="statistic-details-item">--}}
{{--                            <span class="text-muted"><span class="text-primary"></span>100%</span>--}}
{{--                            <div class="detail-value">{{$totalPostsThisYear}}</div>--}}
{{--                            <div class="detail-name">Total Posts This Year</div>--}}
{{--                        </div>--}}
{{--                        <div class="statistic-details-item">--}}
{{--                            <span class="text-muted"><span class="text-primary"></span>@if($totalPostsThisMonth > 0 && $totalPostsThisYear > 0) {{round(($totalPostsThisMonth / $totalPostsThisYear),4) * 100}}% @else 0% @endif</span>--}}
{{--                            <div class="detail-value">{{$totalPostsThisMonth}}</div>--}}
{{--                            <div class="detail-name">Total Posts This Month</div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div class="col-lg-6 col-md-12 col-12 col-sm-12">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>Statistics Of Users Registered In This Year</h4>--}}
{{--                    <div class="card-header-action">--}}
{{--                        <div class="btn-group">--}}
{{--                            <a href="#" class="btn btn-primary">By Month</a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <canvas id="UserChart" height="182"></canvas>--}}
{{--                    <div class="statistic-details mt-sm-4">--}}
{{--                        <div class="statistic-details-item">--}}
{{--                            <span class="text-muted"><span class="text-primary"></span>100%</span>--}}
{{--                            <div class="detail-value">{{$totalUsersThisYear}}</div>--}}
{{--                            <div class="detail-name">Total Users Registered This Year</div>--}}
{{--                        </div>--}}
{{--                        <div class="statistic-details-item">--}}
{{--                            <span class="text-muted"><span class="text-primary"></span>@if($totalUsersThisMonth > 0 && $totalUsersThisYear > 0) {{round(($totalUsersThisMonth / $totalUsersThisYear),4) * 100}}% @else 0% @endif</span>--}}
{{--                            <div class="detail-value">{{$totalUsersThisMonth}}</div>--}}
{{--                            <div class="detail-name">Total Users Registered This Month</div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}


{{--    <div class="row">--}}
{{--        <div class="col-lg-6 col-md-6">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header rating-header">--}}
{{--                    <i class="fas fa-star"></i> <h4>Top 10 Rated Users</h4>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <div class="owl-carousel owl-theme users-rating-carousel" >--}}
{{--                        @foreach($topUsersRating as $user)--}}
{{--                            <div>--}}
{{--                                <div class="product-item pb-3">--}}
{{--                                    <div class="product-image avatar-item">--}}
{{--                                        <img alt="image" src="{{$user->profile_photo}}" class="img-fluid">--}}
{{--                                    </div>--}}
{{--                                    <div class="product-details">--}}
{{--                                        <div class="product-name text-ellipsis">{{$user->full_name}}</div>--}}
{{--                                        <div class="user-rating">--}}
{{--                                            <i class="@if($user->rate >= 1 || ($user->rate < 1 && $user->rate >= 0.5)) fas @else far @endif @if($user->rate < 1 && $user->rate >= 0.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate >= 2 || ($user->rate < 2 && $user->rate >= 1.5)) fas @else far @endif @if($user->rate < 2 && $user->rate >= 1.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate >= 3 || ($user->rate < 3 && $user->rate >= 2.5)) fas @else far @endif @if($user->rate < 3 && $user->rate >= 2.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate >= 4 || ($user->rate < 4 && $user->rate >= 3.5)) fas @else far @endif @if($user->rate < 4 && $user->rate >= 3.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate == 5 || ($user->rate < 5 && $user->rate >= 4.5)) fas @else far @endif @if($user->rate < 5 && $user->rate >= 4.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                        </div>--}}
{{--                                        <div class="text-muted text-small">{{$user->rate_count}} Rates</div>--}}
{{--                                        <div class="product-cta">--}}
{{--                                            <a href="{{route("admin.user", ["type" => $user->type == "u" ? "users" : "offices", "user_id" => $user->id]) }}" class="btn btn-primary">Detail</a>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        @endforeach--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-lg-6 col-md-6">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header rating-header">--}}
{{--                    <i class="far fa-star"></i> <h4>Worst 10 Rated Users</h4>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <div class="owl-carousel owl-theme users-rating-carousel">--}}
{{--                        @foreach($worstUsersRating as $user)--}}
{{--                            <div>--}}
{{--                                <div class="product-item pb-3">--}}
{{--                                    <div class="product-image avatar-item">--}}
{{--                                        <img alt="image" src="{{$user->profile_photo}}" class="img-fluid">--}}
{{--                                    </div>--}}
{{--                                    <div class="product-details">--}}
{{--                                        <div class="product-name text-ellipsis">{{$user->full_name}}</div>--}}
{{--                                        <div class="user-rating">--}}
{{--                                            <i class="@if($user->rate >= 1 || ($user->rate < 1 && $user->rate >= 0.5)) fas @else far @endif @if($user->rate < 1 && $user->rate >= 0.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate >= 2 || ($user->rate < 2 && $user->rate >= 1.5)) fas @else far @endif @if($user->rate < 2 && $user->rate >= 1.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate >= 3 || ($user->rate < 3 && $user->rate >= 2.5)) fas @else far @endif @if($user->rate < 3 && $user->rate >= 2.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate >= 4 || ($user->rate < 4 && $user->rate >= 3.5)) fas @else far @endif @if($user->rate < 4 && $user->rate >= 3.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                            <i class="@if($user->rate == 5 || ($user->rate < 5 && $user->rate >= 4.5)) fas @else far @endif @if($user->rate < 5 && $user->rate >= 4.5) fa-star-half @else fa-star @endif"></i>--}}
{{--                                        </div>--}}
{{--                                        <div class="text-muted text-small">{{$user->rate_count}} Rates</div>--}}
{{--                                        <div class="product-cta">--}}
{{--                                            <a href="{{route("admin.user", ["type" => $user->type == "u" ? "users" : "offices", "user_id" => $user->id]) }}" class="btn btn-primary">Detail</a>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        @endforeach--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}

{{--    <div class="row">--}}
{{--        <div class="col-lg-6 col-md-12 col-12 col-sm-12">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>Latest Posts</h4>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <ul class="list-unstyled list-unstyled-border">--}}
{{--                        @foreach($latestPosts as $post)--}}
{{--                        <li class="media">--}}
{{--                            <div class="media-body">--}}
{{--                                <div class="float-right text-primary">{{$post->created_at->diffForHumans()}}</div>--}}
{{--                                <div class="media-title">{{$post->title}}</div>--}}
{{--                                <span class="text-muted"><i class="far fa-user"></i> {{$post->user->full_name}}</span>--}}
{{--                            </div>--}}
{{--                        </li>--}}
{{--                        @endforeach--}}

{{--                    </ul>--}}
{{--                    <div class="text-center pt-1 pb-1">--}}
{{--                        <a href="{{route("admin.posts")}}" class="btn btn-primary btn-lg btn-round">--}}
{{--                            View All--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}

{{--        <div class="col-lg-6 col-md-12 col-12 col-sm-12">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>Super Admins</h4>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <div class="row pb-2">--}}
{{--                        @foreach($superAdmins as $admin)--}}
{{--                        <div class="col-6 col-sm-3 col-lg-3 mb-4 mb-md-0">--}}
{{--                            <div class="avatar-item mb-0">--}}
{{--                                <img alt="image" src="{{$admin->img_url}}" class="img-fluid" data-toggle="tooltip" title="{{ $admin->first_name . " " . $admin->last_name}}">--}}
{{--                                <div class="avatar-badge" title="Super Admin" data-toggle="tooltip"><i class="fas fa-cog"></i></div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        @endforeach--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <div class="row">--}}
{{--        <div class="col-lg-6 col-md-6 col-12">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>Referral URL</h4>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <div class="mb-4">--}}
{{--                        <div class="text-small float-right font-weight-bold text-muted">2,100</div>--}}
{{--                        <div class="font-weight-bold mb-1">Google</div>--}}
{{--                        <div class="progress" data-height="3">--}}
{{--                            <div class="progress-bar" role="progressbar" data-width="80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="mb-4">--}}
{{--                        <div class="text-small float-right font-weight-bold text-muted">1,880</div>--}}
{{--                        <div class="font-weight-bold mb-1">Facebook</div>--}}
{{--                        <div class="progress" data-height="3">--}}
{{--                            <div class="progress-bar" role="progressbar" data-width="67%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="mb-4">--}}
{{--                        <div class="text-small float-right font-weight-bold text-muted">1,521</div>--}}
{{--                        <div class="font-weight-bold mb-1">Bing</div>--}}
{{--                        <div class="progress" data-height="3">--}}
{{--                            <div class="progress-bar" role="progressbar" data-width="58%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="mb-4">--}}
{{--                        <div class="text-small float-right font-weight-bold text-muted">884</div>--}}
{{--                        <div class="font-weight-bold mb-1">Yahoo</div>--}}
{{--                        <div class="progress" data-height="3">--}}
{{--                            <div class="progress-bar" role="progressbar" data-width="36%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="mb-4">--}}
{{--                        <div class="text-small float-right font-weight-bold text-muted">473</div>--}}
{{--                        <div class="font-weight-bold mb-1">Kodinger</div>--}}
{{--                        <div class="progress" data-height="3">--}}
{{--                            <div class="progress-bar" role="progressbar" data-width="28%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="mb-4">--}}
{{--                        <div class="text-small float-right font-weight-bold text-muted">418</div>--}}
{{--                        <div class="font-weight-bold mb-1">Multinity</div>--}}
{{--                        <div class="progress" data-height="3">--}}
{{--                            <div class="progress-bar" role="progressbar" data-width="20%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>Popular Browser</h4>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <div class="row">--}}
{{--                        <div class="col text-center">--}}
{{--                            <div class="browser browser-chrome"></div>--}}
{{--                            <div class="mt-2 font-weight-bold">Chrome</div>--}}
{{--                            <div class="text-muted text-small"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 48%</div>--}}
{{--                        </div>--}}
{{--                        <div class="col text-center">--}}
{{--                            <div class="browser browser-firefox"></div>--}}
{{--                            <div class="mt-2 font-weight-bold">Firefox</div>--}}
{{--                            <div class="text-muted text-small"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 26%</div>--}}
{{--                        </div>--}}
{{--                        <div class="col text-center">--}}
{{--                            <div class="browser browser-safari"></div>--}}
{{--                            <div class="mt-2 font-weight-bold">Safari</div>--}}
{{--                            <div class="text-muted text-small"><span class="text-danger"><i class="fas fa-caret-down"></i></span> 14%</div>--}}
{{--                        </div>--}}
{{--                        <div class="col text-center">--}}
{{--                            <div class="browser browser-opera"></div>--}}
{{--                            <div class="mt-2 font-weight-bold">Opera</div>--}}
{{--                            <div class="text-muted text-small">7%</div>--}}
{{--                        </div>--}}
{{--                        <div class="col text-center">--}}
{{--                            <div class="browser browser-internet-explorer"></div>--}}
{{--                            <div class="mt-2 font-weight-bold">IE</div>--}}
{{--                            <div class="text-muted text-small"><span class="text-primary"><i class="fas fa-caret-up"></i></span> 5%</div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="card mt-sm-5 mt-md-0">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>Visitors</h4>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <div id="visitorMap"></div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="col-lg-6 col-md-6 col-12">--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4>This Week Stats</h4>--}}
{{--                    <div class="card-header-action">--}}
{{--                        <div class="dropdown">--}}
{{--                            <a href="#" class="dropdown-toggle btn btn-primary" data-toggle="dropdown">Filter</a>--}}
{{--                            <div class="dropdown-menu dropdown-menu-right">--}}
{{--                                <a href="#" class="dropdown-item has-icon"><i class="far fa-circle"></i> Electronic</a>--}}
{{--                                <a href="#" class="dropdown-item has-icon"><i class="far fa-circle"></i> T-shirt</a>--}}
{{--                                <a href="#" class="dropdown-item has-icon"><i class="far fa-circle"></i> Hat</a>--}}
{{--                                <div class="dropdown-divider"></div>--}}
{{--                                <a href="#" class="dropdown-item">View All</a>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <div class="summary">--}}
{{--                        <div class="summary-info">--}}
{{--                            <h4>$1,053</h4>--}}
{{--                            <div class="text-muted">Sold 3 items on 2 customers</div>--}}
{{--                            <div class="d-block mt-2">--}}
{{--                                <a href="#">View All</a>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="summary-item">--}}
{{--                            <h6>Item List <span class="text-muted">(3 Items)</span></h6>--}}
{{--                            <ul class="list-unstyled list-unstyled-border">--}}
{{--                                <li class="media">--}}
{{--                                    <a href="#">--}}
{{--                                        <img class="mr-3 rounded" width="50" src="../assets/img/products/product-1-50.png" alt="product">--}}
{{--                                    </a>--}}
{{--                                    <div class="media-body">--}}
{{--                                        <div class="media-right">$405</div>--}}
{{--                                        <div class="media-title"><a href="#">PlayStation 9</a></div>--}}
{{--                                        <div class="text-muted text-small">by <a href="#">Hasan Basri</a> <div class="bullet"></div> Sunday</div>--}}
{{--                                    </div>--}}
{{--                                </li>--}}
{{--                                <li class="media">--}}
{{--                                    <a href="#">--}}
{{--                                        <img class="mr-3 rounded" width="50" src="../assets/img/products/product-2-50.png" alt="product">--}}
{{--                                    </a>--}}
{{--                                    <div class="media-body">--}}
{{--                                        <div class="media-right">$499</div>--}}
{{--                                        <div class="media-title"><a href="#">RocketZ</a></div>--}}
{{--                                        <div class="text-muted text-small">by <a href="#">Hasan Basri</a> <div class="bullet"></div> Sunday--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </li>--}}
{{--                                <li class="media">--}}
{{--                                    <a href="#">--}}
{{--                                        <img class="mr-3 rounded" width="50" src="../assets/img/products/product-3-50.png" alt="product">--}}
{{--                                    </a>--}}
{{--                                    <div class="media-body">--}}
{{--                                        <div class="media-right">$149</div>--}}
{{--                                        <div class="media-title"><a href="#">Xiaomay Readme 4.0</a></div>--}}
{{--                                        <div class="text-muted text-small">by <a href="#">Kusnaedi</a> <div class="bullet"></div> Tuesday--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="card">--}}
{{--                <div class="card-header">--}}
{{--                    <h4 class="d-inline">Tasks</h4>--}}
{{--                    <div class="card-header-action">--}}
{{--                        <a href="#" class="btn btn-primary">View All</a>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="card-body">--}}
{{--                    <ul class="list-unstyled list-unstyled-border">--}}
{{--                        <li class="media">--}}
{{--                            <div class="custom-control custom-checkbox">--}}
{{--                                <input type="checkbox" class="custom-control-input" id="cbx-1">--}}
{{--                                <label class="custom-control-label" for="cbx-1"></label>--}}
{{--                            </div>--}}
{{--                            <img class="mr-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-4.png" alt="avatar">--}}
{{--                            <div class="media-body">--}}
{{--                                <div class="badge badge-pill badge-danger mb-1 float-right">Not Finished</div>--}}
{{--                                <h6 class="media-title"><a href="#">Redesign header</a></h6>--}}
{{--                                <div class="text-small text-muted">Alfa Zulkarnain <div class="bullet"></div> <span class="text-primary">Now</span></div>--}}
{{--                            </div>--}}
{{--                        </li>--}}
{{--                        <li class="media">--}}
{{--                            <div class="custom-control custom-checkbox">--}}
{{--                                <input type="checkbox" class="custom-control-input" id="cbx-2" checked="">--}}
{{--                                <label class="custom-control-label" for="cbx-2"></label>--}}
{{--                            </div>--}}
{{--                            <img class="mr-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-5.png" alt="avatar">--}}
{{--                            <div class="media-body">--}}
{{--                                <div class="badge badge-pill badge-primary mb-1 float-right">Completed</div>--}}
{{--                                <h6 class="media-title"><a href="#">Add a new component</a></h6>--}}
{{--                                <div class="text-small text-muted">Serj Tankian <div class="bullet"></div> 4 Min</div>--}}
{{--                            </div>--}}
{{--                        </li>--}}
{{--                        <li class="media">--}}
{{--                            <div class="custom-control custom-checkbox">--}}
{{--                                <input type="checkbox" class="custom-control-input" id="cbx-3" >--}}
{{--                                <label class="custom-control-label" for="cbx-3"></label>--}}
{{--                            </div>--}}
{{--                            <img class="mr-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-2.png" alt="avatar">--}}
{{--                            <div class="media-body">--}}
{{--                                <div class="badge badge-pill badge-warning mb-1 float-right">Progress</div>--}}
{{--                                <h6 class="media-title"><a href="#">Fix modal window</a></h6>--}}
{{--                                <div class="text-small text-muted">Ujang Maman <div class="bullet"></div> 8 Min</div>--}}
{{--                            </div>--}}
{{--                        </li>--}}
{{--                        <li class="media">--}}
{{--                            <div class="custom-control custom-checkbox">--}}
{{--                                <input type="checkbox" class="custom-control-input" id="cbx-4">--}}
{{--                                <label class="custom-control-label" for="cbx-4"></label>--}}
{{--                            </div>--}}
{{--                            <img class="mr-3 rounded-circle" width="50" src="../assets/img/avatar/avatar-1.png" alt="avatar">--}}
{{--                            <div class="media-body">--}}
{{--                                <div class="badge badge-pill badge-danger mb-1 float-right">Not Finished</div>--}}
{{--                                <h6 class="media-title"><a href="#">Remove unwanted classes</a></h6>--}}
{{--                                <div class="text-small text-muted">Farhan A Mujib <div class="bullet"></div> 21 Min</div>--}}
{{--                            </div>--}}
{{--                        </li>--}}
{{--                    </ul>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <div class="row">--}}
{{--        <div class="col-lg-5 col-md-12 col-12 col-sm-12">--}}
{{--            <form method="post" class="needs-validation" novalidate="">--}}
{{--                <div class="card">--}}
{{--                    <div class="card-header">--}}
{{--                        <h4>Quick Draft</h4>--}}
{{--                    </div>--}}
{{--                    <div class="card-body pb-0">--}}
{{--                        <div class="form-group">--}}
{{--                            <label>Title</label>--}}
{{--                            <input type="text" name="title" class="form-control" required>--}}
{{--                            <div class="invalid-feedback">--}}
{{--                                Please fill in the title--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <div class="form-group">--}}
{{--                            <label>Content</label>--}}
{{--                            <textarea class="summernote-simple"></textarea>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="card-footer pt-0">--}}
{{--                        <button class="btn btn-primary">Save Draft</button>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </form>--}}
{{--        </div>--}}

{{--    </div>--}}
@endsection

@section("js-scripts")
    <script src="{{asset("js/chart.min.js")}}"></script>
    <script src="{{asset("js/summernote-bs4.js")}}"></script>
    <script src="{{asset("js/owl.carousel.min.js")}}"></script>

{{--    <script>--}}
{{--        var statistics_chart = document.getElementById("PostChart").getContext('2d');--}}
{{--        var postChart = new Chart(statistics_chart, {--}}
{{--            type: 'line',--}}
{{--            data: {--}}
{{--                labels: {!! json_encode($months) !!},--}}
{{--                datasets: [{--}}
{{--                    label: 'Statistics Of Posts In This Year',--}}
{{--                    data: {!! json_encode($postsByMonth) !!},--}}
{{--                    borderWidth: 5,--}}
{{--                    borderColor: '#c9753d',--}}
{{--                    backgroundColor: 'transparent',--}}
{{--                    pointBackgroundColor: '#fff',--}}
{{--                    pointBorderColor: '#c9753d',--}}
{{--                    pointRadius: 4--}}
{{--                }]--}}
{{--            },--}}
{{--            options: {--}}
{{--                legend: {--}}
{{--                    display: false--}}
{{--                },--}}
{{--                scales: {--}}
{{--                    yAxes: [{--}}
{{--                        gridLines: {--}}
{{--                            display: false,--}}
{{--                            drawBorder: false,--}}
{{--                        },--}}
{{--                        ticks: {--}}
{{--                            stepSize: 150--}}
{{--                        }--}}
{{--                    }],--}}
{{--                    xAxes: [{--}}
{{--                        gridLines: {--}}
{{--                            color: '#fbfbfb',--}}
{{--                            lineWidth: 2--}}
{{--                        }--}}
{{--                    }]--}}
{{--                },--}}
{{--            }--}}
{{--        });--}}

{{--        statistics_chart = document.getElementById("UserChart").getContext('2d');--}}
{{--        var userChart = new Chart(statistics_chart, {--}}
{{--            type: 'line',--}}
{{--            data: {--}}
{{--                labels: {!! json_encode($months) !!},--}}
{{--                datasets: [{--}}
{{--                    label: 'Statistics Of Users Registered In This Year',--}}
{{--                    data: {!! json_encode($usersByMonth) !!},--}}
{{--                    borderWidth: 5,--}}
{{--                    borderColor: '#c9753d',--}}
{{--                    backgroundColor: 'transparent',--}}
{{--                    pointBackgroundColor: '#fff',--}}
{{--                    pointBorderColor: '#c9753d',--}}
{{--                    pointRadius: 4--}}
{{--                }]--}}
{{--            },--}}
{{--            options: {--}}
{{--                legend: {--}}
{{--                    display: false--}}
{{--                },--}}
{{--                scales: {--}}
{{--                    yAxes: [{--}}
{{--                        gridLines: {--}}
{{--                            display: false,--}}
{{--                            drawBorder: false,--}}
{{--                        },--}}
{{--                        ticks: {--}}
{{--                            stepSize: 150--}}
{{--                        }--}}
{{--                    }],--}}
{{--                    xAxes: [{--}}
{{--                        gridLines: {--}}
{{--                            color: '#fbfbfb',--}}
{{--                            lineWidth: 2--}}
{{--                        }--}}
{{--                    }]--}}
{{--                },--}}
{{--            }--}}
{{--        });--}}

{{--    </script>--}}
    <script src="./assets/js/page/index-0.js"></script>
    <script src="{{asset('assets/js/page/index.js')}}"></script>


@endsection