{{-- <x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Dashboard') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-gray-900 dark:text-gray-100">
                    {{ __("You're logged in!") }}
                </div>
            </div>
        </div>
    </div>
</x-app-layout>
 --}}


@extends('welcome')
@section('content')
<style>
   .lien{
       color: red !important;
   }
</style>
<nav class="hk-breadcrumb" aria-label="breadcrumb">
    <ol class="breadcrumb breadcrumb-light bg-transparent">
        <li class="breadcrumb-item"><a href="#">Tableau de bors</a></li>
        <li class="breadcrumb-item active" aria-current="page">Ajouter Catégorie</li>
    </ol>
</nav>
<!-- Title -->
{{-- <div class="hk-pg-header">
   <h4 class="hk-pg-title"><span class="pg-title-icon"><span class="feather-icon"><i data-feather="database"></i></span></span>Tableau de Bords</h4>
</div> --}}
<!-- /Title -->
<div class="container">
    <div class="row">
        <div class="col-xl-12">
            <div class="row">
             <div class="col-md-4">
                 <div class="card card-sm">
                     <div class="card-body">
                         <div class="d-flex align-items-center justify-content-between">
                             <div>
                                 <span class="d-block font-12 font-weight-500 text-dark text-uppercase mb-5"><a href="{{ route('ouvrier.index') }}">Ouvriers</a></span>
                                 <span class="d-block display-6 font-weight-400 text-dark">{{$ouvriers}}</span>
                             </div>
                            
                         </div>
                     </div>
                 </div>
             </div>
             <div class="col-md-4">
                 <div class="card card-sm">
                     <div class="card-body">
                         <div class="d-flex align-items-center justify-content-between">
                             <div>
                                 <span class="d-block font-12 font-weight-500 text-dark text-uppercase mb-5"><a href="{{ route('client.index') }}">Clients</a></span>
                                 <span class="d-block display-6 font-weight-400 text-dark">{{$clients}}</span>
                             </div>
                            
                         </div>
                     </div>
                 </div>
             </div>
             <div class="col-md-4">
                 <div class="card card-sm">
                     <div class="card-body">
                         <div class="d-flex align-items-center justify-content-between">
                             <div>
                                 <span class="d-block font-12 font-weight-500 text-dark text-uppercase mb-5"><a href="{{ route('reservation.index') }}">Reservation</a></span>
                                 <span class="d-block display-6 font-weight-400 text-dark">{{$reservations}}</span>
                             </div>
                             <div>
                                 
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
              
            </div>
        </div>   
     </div>  
</div>

@endsection