@extends('layouts.master')

@section('content')

<div id="content-page" class="content-page">
   <div class="container-fluid">
      <div class="row">
         <div class="col-sm-12 col-lg-6">
            <div class="iq-card">
               <div class="iq-card-header d-flex justify-content-between">
                  <div class="iq-header-title">
                     <h4 class="card-title">Line Chart</h4>
                  </div>
               </div>
               <div class="iq-card-body">
                  <div id="morris-line-chart"></div>
               </div>
            </div>
            <div class="iq-card">
               <div class="iq-card-header d-flex justify-content-between">
                  <div class="iq-header-title">
                     <h4 class="card-title">Area Chart</h4>
                  </div>
               </div>
               <div class="iq-card-body">
                  <div id="morris-area-chart"></div>
               </div>
            </div>
         </div>
         <div class="col-sm-12 col-lg-6">
            <div class="iq-card">
               <div class="iq-card-header d-flex justify-content-between">
                  <div class="iq-header-title">
                     <h4 class="card-title">Bar Chart</h4>
                  </div>
               </div>
               <div class="iq-card-body">
                  <div id="morris-bar-chart"></div>
               </div>
            </div>
            <div class="iq-card">
               <div class="iq-card-header d-flex justify-content-between">
                  <div class="iq-header-title">
                     <h4 class="card-title">Donut Chart</h4>
                  </div>
               </div>
               <div class="iq-card-body">
                  <div id="morris-donut-chart"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

@endsection