@extends('back-end.master.app')
@section('title', 'Dashboard')

@section('body')
    <style>
        .widget-small bg-light:hover {
            cursor: pointer;
        }
    </style>
    <main class="app-content">
        @php
            $date = date('Y-m-d');
            $date_week = date('Y-m-d', strtotime('-7 days'));
            $yesterday = date('Y-m-d', strtotime('-1 days'));
            $word = explode('-', $date);
            $year = $word[0];
            $month = $word[1];
            $this_month = $year . '-' . $month;
        @endphp
        <div class="row">
            <div class="col-xl-4 col-lg-4">
                <div class="card l-bg-cherry">
                    <div class="card-statistic-3 p-4">
                        <div class="card-icon card-icon-large"><i class="fas fa-eye"></i></div>
                        <div class="mb-4">
                            <h5 class="card-title mb-0">Views</h5>
                        </div>
                        <div class="row align-items-center mb-2 d-flex">
                            <div class="col-8">
                                <h2 class="d-flex align-items-center mb-0">

                                </h2>
                            </div>
                            <div class="col-4 text-right">
                                <a href="#"><span><i class="fa fa-arrow-up"></i></span></a>
                            </div>
                        </div>
                        <div class="progress mt-1 " data-height="8" style="height: 8px;">
                            <div class="progress-bar l-bg-cyan" role="progressbar" data-width="25%" aria-valuenow="25"
                                aria-valuemin="0" aria-valuemax="100" style="width: 25%;"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>


    </main>
@endsection
@section('pageJs')
    <script>
        $("#nav_dashboard").addClass('active');
    </script>
@endsection
