@extends('layouts.admin')

@section('content')
    <div class="columns">
        @can('view-dashboard-statistics')
            <div class="column">
                <h3 class="title">Sales over the last 7 days</h3>
                <div id="sales-chart"></div>
            </div>

            <div class="column">
                <h3 class="title">New users over the last 7 days</h3>
                <div id="signups-chart"></div>
            </div>
        @endcan
    </div>
@endsection

@can('view-dashboard-statistics')
@section('javascript')
    <script>
        window.sales = @json($sales);
        window.signups = @json($signups);
    </script>
    <script src="{{ mix('js/admin.dashboard.js') }}"></script>
@endsection
@endcan