@extends ('admin.master')

@section('styles')
    <!-- CSS Files -->
     
@stop

@section('content-main')
  <div class="container-fluid">
      <!-- Breadcrumbs-->
    <ol class="breadcrumb">
      <li class="breadcrumb-item">
        <a href="#">Dashboard</a>
      </li>
      <li class="breadcrumb-item active">Mon tableau de bord</li>
    </ol>
  <!-- Icon Cards-->
    <div class="row">
      <div class="col-xl-3 col-sm-6 mb-3">
        <div class="card dashboard text-white bg-primary o-hidden h-100">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fa fa-fw fa-envelope-open"></i>
            </div>
            <div class="mr-5"><h5>{{count($candidatures)}} Nouveau Candidature!</h5></div>
          </div>
          <a class="card-footer text-white clearfix small z-1" href="{{route('admin.candidature')}}">
            <span class="float-left">Plus de détails</span>
            <span class="float-right">
              <i class="fa fa-angle-right"></i>
            </span>
          </a>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 mb-3">
        <div class="card dashboard text-white bg-warning o-hidden h-100">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fa fa-fw fa-star"></i>
            </div>
      <div class="mr-5"><h5>{{count($messages)}}  Nouveau Messages!</h5></div>
          </div>
          <a class="card-footer text-white clearfix small z-1" href="reviews.html">
            <span class="float-left">Plus de détails</span>
            <span class="float-right">
              <i class="fa fa-angle-right"></i>
            </span>
          </a>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 mb-3">
        <div class="card dashboard text-white bg-success o-hidden h-100">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fa fa-fw fa-calendar-check-o"></i>
            </div>
            <div class="mr-5"><h5>{{count($posts)}}  Posts!</h5></div>
          </div>
          <a class="card-footer text-white clearfix small z-1" href="{{route('admin.post.index')}}">
            <span class="float-left">Plus de détails</span>
            <span class="float-right">
              <i class="fa fa-angle-right"></i>
            </span>
          </a>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 mb-3">
        <div class="card dashboard text-white bg-danger o-hidden h-100">
          <div class="card-body">
            <div class="card-body-icon">
              <i class="fa fa-fw fa-heart"></i>
            </div>
            <div class="mr-5"><h5>{{count($formations)}}  Formations</h5></div>
          </div>
          <a class="card-footer text-white clearfix small z-1" href="{{route('admin.formations.index')}}">
            <span class="float-left">Plus de détails</span>
            <span class="float-right">
              <i class="fa fa-angle-right"></i>
            </span>
          </a>
        </div>
      </div>
  </div>
  <!-- /cards -->
  <h2></h2>
  <div class="box_general padding_bottom">
    <div class="header_box version_2">
      <h2><i class="fa fa-bar-chart"></i>Statistic</h2>
    </div>
   <canvas id="myAreaChart" width="100%" height="30" style="margin:45px 0 15px 0;"></canvas>
  </div>
  </div>
@stop

@section('scripts')

<script src="{{URL::asset('admin/js/admin.js')}}"></script>
  <!-- Custom scripts for this page-->
    <script src="{{URL::asset('admin/js/admin-charts.js')}}"></script>
    <script src="{{URL::asset('admin/vendor/chart.js/Chart.js')}}"></script>
 
@stop