@extends('layouts.dash')

@section('content')

   <section class="content">
        <div class="container-fluid">
            
            <!-- Small boxes (Stat box) -->
            <div class="row">
                <div class="col-lg-2">
                    <!-- small box -->
                    <div class="small-box bg-info">
                        <div class="inner">
                            <h3>{!! "XX" !!}</h3>
                            <p>XX</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-group"></i>
                        </div>
                        <a href="{!! url('ruches') !!}" class="small-box-footer">Détail <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>

              <!-- ./col -->
                <div class="col-lg-2">
                    <!-- small box -->
                    <div class="small-box bg-warning">
                        <div class="inner">
                            <h3>{!! "XX" !!}</h3>
                            <p>XX</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-bookmark"></i>
                        </div>
                        <a href="{!! url('alertes') !!}" class="small-box-footer">Détail <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <!-- ./col -->
                <div class="col-lg-2">
                    <!-- small box -->
                    <div class="small-box bg-red">
                        <div class="inner">
                            <h3>{!! "XX" !!}</h3>
                            <p>"XX"</p>
                        </div>
                        <div class="icon">
                            <i class="fa fa-terminal"></i>
                        </div>
                        <a href="{!! url('mesures') !!}" class="small-box-footer">Détail <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <!-- ./col -->
                <div class="col-lg-2">
                    <!-- small box -->
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h3>{!! "XX" !!}</h3>
                            <p>XX</p>
                        </div>
                        <div class="icon">
                            <i class="nav-icon fas fa-chart-line"></i>
                        </div>
                        <a href="{!! url('receptions') !!}" class="small-box-footer">Détail <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                </div>



              <!-- ./col -->
            </div>
            <!-- /.row -->
            <!-- Main row -->
            <div class="card">
                <div class="card-body">


                </div>
            </div>
        <!-- /.row (main row) -->
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('scripts')
@include("forms.scripts_datatable")
@endsection