<?php $title = 'AdminSB Pro - Charts'; ?>

<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Charts</h1>
</div>

<div class="row">
    <div class="col-xl-8 col-lg-7">
        <div class="card shadow mb-4">
            <div class="card-header py-3"><h6 class="m-0 font-weight-bold text-primary">Area Chart</h6></div>
            <div class="card-body"><div class="chart-area"><canvas id="myAreaChart"></canvas></div></div>
        </div>
    </div>
    <div class="col-xl-4 col-lg-5">
        <div class="card shadow mb-4">
            <div class="card-header py-3"><h6 class="m-0 font-weight-bold text-primary">Pie Chart</h6></div>
            <div class="card-body"><div class="chart-pie pt-4 pb-2"><canvas id="myPieChart"></canvas></div></div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-6">
        <div class="card shadow mb-4">
            <div class="card-header py-3"><h6 class="m-0 font-weight-bold text-primary">Bar Chart</h6></div>
            <div class="card-body"><div class="chart-bar"><canvas id="myBarChart"></canvas></div></div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card shadow mb-4">
            <div class="card-header py-3"><h6 class="m-0 font-weight-bold text-primary">Revenue Sources</h6></div>
            <div class="card-body">
                <div class="chart-pie pt-4 pb-2"><canvas id="myPieChart2"></canvas></div>
                <div class="mt-4 text-center small">
                    <span class="mr-2"><i class="fas fa-circle text-primary"></i> Direct</span>
                    <span class="mr-2"><i class="fas fa-circle text-success"></i> Social</span>
                    <span class="mr-2"><i class="fas fa-circle text-info"></i> Referral</span>
                </div>
            </div>
        </div>
    </div>
</div>

<?php $extraScripts = '
<script src="' . $baseUrl . '/js/demo/chart-area-demo.js"></script>
<script src="' . $baseUrl . '/js/demo/chart-pie-demo.js"></script>
<script src="' . $baseUrl . '/js/demo/chart-bar-demo.js"></script>
'; ?>
