@if ($dossiers->count() == 0)
    <h1>Aucun dossier disponible</h1>
@else
    <div class="row my-4 pb-4 ">
        @foreach ($dossiers as $dossier)
        <div class="col-md-3 mt-3 ml-3">
            <div class="card shadow text-center mb-4">
                <div class="card-body file">
                    <div class="file-action">
                        <button type="button" class="btn btn-link dropdown-toggle more-vertical p-0 text-muted mx-auto"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="text-muted sr-only">Action</span>
                        </button>
                        <div class="dropdown-menu m-2">
                            <a class="dropdown-item " target="_blank" href="{{ env("APP_URL")."assets/personals/dossiers/".$dossier->file }}"><i class="fe fe-download fe-12 mr-4"></i>Télécharger</a>
                        </div>
                    </div>
                    <div class="circle circle-lg bg-light my-4">
                        <a href="{{ env("APP_URL")."assets/personals/dossiers/".$dossier->file }}">
                            <span class="fe fe-file fe-24 text-secondary"></span>
                        </a>
                    </div>
                    <div class="file-info">
                        <span class="badge badge-light text-muted mr-2">14.8M</span>
                        <span class="badge badge-pill badge-light text-muted text-uppercase">{{ explode(".",$dossier->file)[1] }}</span>
                    </div>
                </div>
                <div class="card-footer bg-transparent border-0 fname">
                    <strong>{{$dossier->name}}</strong>
                </div>
            </div>
        </div>
        @endforeach
    </div>
@endif