@extends('layouts.master')

@section('title', 'Tableau de bord')

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</div>
        </h1>

        <div class="row">
            <div class="col-lg-12 col-md-12 col-12">
                <a href="#">
                    <div class="card card-sm-3">
                        <div class="card-icon bg-primary">
                            <i class="ion ion-ios-folder"></i>
                        </div>
    
                        <div class="card-wrap">
                            <div class="card-header">
                                <h4>Dossiers</h4>
                            </div>
                            <div class="card-body">
                                {{ $dossiers->count() }}
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            {{-- <div class="col-lg-3 col-md-6 col-12">
                <a href="#">
                    <div class="card card-sm-3">
                        <div class="card-icon bg-danger">
                            <i class="ion ion-ios-paper-outline"></i>
                        </div>
                        <div class="card-wrap">
                            <div class="card-header">
                                <h4>Rdvs</h4>
                            </div>
                            <div class="card-body">
                                {{ $rdvs->count() }}
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-lg-3 col-md-6 col-12">
                <div class="card card-sm-3">
                    <div class="card-icon bg-warning">
                        <i class="ion ion-paper-airplane"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Rdvs livrés</h4>
                        </div>
                        <div class="card-body">
                            {{ $rdvLivres->count() }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-12">
                <div class="card card-sm-3">
                    <div class="card-icon bg-success">
                        <i class="ion ion-record"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Rdvs non livrés</h4>
                        </div>
                        <div class="card-body">
                            {{ $rdvNonLivres->count() }}
                        </div>
                    </div>
                </div>
            </div>     --}}              
        </div>

        <div class="row">
            <div class="col-lg-12 col-md-12 col-12 col-sm-12">
                <div class="card">
                    <div class="card-header bg-danger">
                        <h4 class="text-white">Vue d'ensemble</h4>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Prénom et Nom</th>
                                    <th class="text-center">Tél</th>
                                    <th class="text-center">Localité du terrain</th>
                                    <th class="text-center">Désignation</th>
                                    <th class="text-center">Réliquat</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach ($reliquats as $item)
                                    <tr>
                                        <td class="text-center">{{ $item->fullname }}</td>
                                        <td class="text-center"><a href="tel:{{ $item->phone }}">{{ $item->phone }}</a></td>
                                        <td class="text-center">{{ $item->localite }}</td>
                                        <td class="text-center">{{ $item->designation }}</td>
                                        <td class="text-center">{{ $item->reliquat }} <strong>FCFA</strong></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection