@extends('layouts.idara.panel')


 @section('content')
 
 @include('backend.partials.import')
 


 <!-- Main content -->
 <div class="content">
     <div class="container-fluid">
         <div class="row">
             <div class="col-lg-3 col-6">
                 <!-- small box -->
                 <div class="small-box bg-info">
                     <div class="inner">
                     <a href="{{route('presentations')}}">   <h3>Présentation</h3></a> 

                        
                     </div>
                     <div class="icon">
                         <i class="ion ion-bag"></i>
                     </div>
                     <a href="{{route('presentations')}}" class="small-box-footer">Plus<i class="fas fa-arrow-circle-right"></i></a>
                 </div>
             </div>
             <!-- ./col -->
             <div class="col-lg-3 col-6">
                 <!-- small box -->
                 <div class="small-box bg-success">
                     <div class="inner">
                        <a href="{{route('slides')}}">  <h3>Slide</h3></a> 

                         
                     </div>
                     <div class="icon">
                         <i class="ion ion-stats-bars"></i>
                     </div>
                     <a href="{{route('slides')}}" class="small-box-footer">Plus<i class="fas fa-arrow-circle-right"></i></a>

                 </div>
             </div>
             <!-- ./col -->
             <div class="col-lg-3 col-6">
                 <!-- small box -->
                 <div class="small-box bg-warning">
                     <div class="inner">
                        <a href="{{route('categories')}}">    <h3>Categorie</h3></a>

                       
                     </div>
                     <div class="icon">
                         <i class="ion ion-person-add"></i>
                     </div>
                     <a href="{{route('categories')}}" class="small-box-footer">Plus<i class="fas fa-arrow-circle-right"></i></a>

                 </div>
             </div>
             <!-- ./col -->
            
             <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-danger">
                    <div class="inner">
                       <a href="{{route('produits')}}">  <h3>Produit</h3></a>

                        
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                    <a href="{{route('produits')}}" class="small-box-footer">Plus<i class="fas fa-arrow-circle-right"></i></a>

                </div>
            </div> 
            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-secondary">
                    <div class="inner">
                       <a href="{{route('contact')}}">  <h3>Contact</h3></a>

                        
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                    <a href="{{route('contact')}}" class="small-box-footer">Plus<i class="fas fa-arrow-circle-right"></i></a>

                </div>
            </div>

            <div class="col-lg-3 col-6">
                <!-- small box -->
                <div class="small-box bg-light">
                    <div class="inner">
                       <a href="{{route('promotions')}}">  <h3 style="color:grey">Promotion</h3></a>

                        
                    </div>
                    <div class="icon">
                        <i class="ion ion-pie-graph"></i>
                    </div>
                    <a href="{{route('promotions')}}" class="small-box-footer">Plus<i class="fas fa-arrow-circle-right"></i></a>

                </div>
            </div>
         </div>
         <!-- /.row -->
     </div><!-- /.container-fluid -->
 </div>

 <style>

    a{
        text-decoration: none;
        color:white
    }
    .inner {
        margin-bottom: 32px;
}
.small-box.bg-info {
    height: 126px;
}
 </style>

 @endsection