@extends('layouts.admin.app')
@section('page_header')
    Dashboard
@endsection
@section('content')
<div class="container-fluid page-body-wrapper">
        <div class="content-wrapper">
            <div class="row">
                <div class="col-md-12 grid-margin">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="d-sm-flex align-items-baseline report-summary-header">
                                        <h5 class="font-weight-semibold">Report Summary</h5> <span
                                            class="ml-auto">Updated Report</span> <button
                                            class="btn btn-icons border-0 p-2"><i class="icon-refresh"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div class="row ">
                                <div class=" col-md-6 report-inner-cards-wrapper">
                                    <div class="report-inner-card color-1">
                                        <div class="inner-card-text text-white">
                              
                                            <span class="report-title">Total Artwork</span>
                                            <h4>9</h4>
                                            <a href="manage-class.php"><span class="report-count"> View
                                                    Artwork</span></a>
                                        </div>
                                        <div class="inner-card-icon">
                                            <!-- <i class="icon-rocket"></i> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 report-inner-cards-wrapper">
                                    <div class="report-inner-card color-2">
                                        <div class="inner-card-text text-white">
                                            <span class="report-title">Store Visit</span>
                                            <h4>4</h4>
                                            <a href="manage-students.php"><span class="report-count"> View
                                                    Store Visit</span></a>
                                        </div>
                                        <div class="inner-card-icon ">
                                            <!-- <i class="icon-user"></i> -->
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 report-inner-cards-wrapper">
                                    <div class="report-inner-card color-3">
                                        <div class="inner-card-text text-white">
                                            <span class="report-title">Total Orders</span>
                                            <h4>12</h4>
                                            <a href="#"><span class="report-count"> View
                                                    Orders</span></a>
                                        </div>
                                        <div class="inner-card-icon ">
                                            <i class="icon-doc"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 report-inner-cards-wrapper">
                                    <div class="report-inner-card color-4">
                                        <div class="inner-card-text text-white">
                                            <span class="report-title">Total Sale</span>
                                            <h4>15</h4>
                                            <a href="#"><span class="report-count"> View
                                                    Sale</span></a>
                                        </div>
                                        <div class="inner-card-icon">
                                            <i class="icon-doc"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div id="piechart" style="width: 100%; height: 500px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>

@endsection

@push('scripts')
<!-- content-wrapper ends -->
        <!-- partial:partials/_footer.html -->
        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/vendors/js/vendor.bundle.base.js"></script>
<!-- endinject -->
<!-- Plugin js for this page -->
<script src="assets/vendors/select2/select2.min.js"></script>
<script src="assets/vendors/typeahead.js/typeahead.bundle.min.js"></script>
<!-- End plugin js for this page -->
<!-- inject:js -->
<script src="assets/vendors/chart.js/Chart.min.js"></script>
<script src="assets/vendors/moment/moment.min.js"></script>
<script src="assets/vendors/daterangepicker/daterangepicker.js"></script>
<script src="assets/vendors/chartist/chartist.min.js"></script>

<script src="assets/js/off-canvas.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- endinject -->
<!-- Custom js for this page -->
<script src="assets/js/typeahead.js"></script>
<script src="assets/js/select2.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<!-- <script src="assets/js/dashboard.js"></script> -->
<!-- End custom js for this page -->
<script>
function onReady(callback) {
    var intervalID = window.setInterval(checkReady, 1000);

    function checkReady() {
        if (document.getElementsByTagName('body')[0] !== undefined) {
            window.clearInterval(intervalID);
            callback.call(this);
        }
    }
}

function show(id, value) {
    document.getElementById(id).style.display = value ? 'block' : 'none';
}

onReady(function() {
    show('page', true);
    show('loading', false);
});

jQuery('a[href="https://www.mayurik.com"]').parent().text('Copyright © 2023')
</script>
</body>

</html>        <!-- partial -->
    </div>
    <!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<script type="text/javascript">
google.charts.load('current', {
    'packages': ['corechart']
});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {

    var data = google.visualization.arrayToDataTable([
        ['Task', 'Hours per Day'],
        ['Total Artwork', 4],
        ['Total Artists', 10],
        ['Total Customer', 2],
        ['Total Sale', 2]
    ]);

    var options = {
        title: 'My Daily Activities'
    };

    var chart = new google.visualization.PieChart(document.getElementById('piechart'));

    chart.draw(data, options);
}
</script>
<!-- container-scroller -->
<!-- plugins:js -->

@endpush