@extends('layouts.admin.app')

@section('title', 'Renouvellement')

@section('content')

    <div class="row">
        <x-banner>
            <x-slot name="title">
                Dossiers Renouvellement
            </x-slot>
        </x-banner>
    </div>

    <div class="mt-3 d-flex flex-row-reverse d-none" id="to-excel-bloc">
        <div class="to-excel-button btn-group btn-group-lg float-right" role="group" aria-label="Download">
            <button type="button" class="btn btn-outline-primary p-1">
                <img src="/img/excel2.png" alt="" width="50px">
            </button>
            <button type="button" class="btn btn-primary">
                Télécharger tout en xlsx
            </button>
        </div>
    </div>

    <div id="nofolder" class="alert alert-info mt-4 text-center d-none">
        Aucun dossier trouvé !
    </div>

    <div class="row row-cols-1 row-cols-md-5 g-4 my-4" id="folder-container">
    </div>

@endsection

@push('styles')
    <!-- custom script -->
    {{-- <link rel="stylesheet" href="{{ asset('css/admin/renewal.css') }}"> --}}
@endpush

@push('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.0/FileSaver.min.js" integrity="sha512-csNcFYJniKjJxRWRV1R7fvnXrycHP6qDR21mgz1ZP55xY5d+aHLfo9/FcGDQLfn2IfngbAHd8LdfsagcCqgTcQ==" crossorigin="anonymous"></script>
    <!-- custom script -->
    <script src="{{ asset('js/admin/renewal.js') }}"></script>
@endpush