@extends('site.layouts.blogAutre')

@section('title', 'Documentations')

@section('content')
@include('site.includes.public.headerMenuBlog')
<!-- PAGE TITLE
    ================================================== -->
<section class="page-title-section bg-img cover-background primary-overlay" data-overlay-dark="6" data-background="{{ asset('site/img/bg/apa.jpg') }}">
    <div class="row position-relative z-index-1">
        <div class="col-md-12">
            <div class="faded-text">
                <div class="f-text"><span class="main-font">APA-RDC</span></div>
            </div>
            <h1>Documentantions</h1>
            <ul class="breadcrumb">
                <li><a href="{{ url('/') }}">Accueil</a></li>
                <li><a href="#!" style="color: #ffff00">Documentantions</a></li>
                @can('Création des documents')
                    <div class="bd-example">
                        <a href="{{ route('documents.create') }}" class="butn white m-1">
                            <i class="ti-arrow-right icon-arrow before white"></i>
                            <span class="label" style="color: #ffff00">Ajouter</span>
                            <i class="ti-arrow-right icon-arrow after"></i>
                        </a>
                    </div>
                @endcan
            </ul>
        </div>
    </div>
</section>

<!-- BLOG LIST
    ================================================== -->
<section>
    <div class="container">
        <div class="section-heading5">
            <span class="sub-title">Documents</span>
            <h2>Tous les documents <span class="text-secondary"><a href="{{ route('accueil') }}"><br>Accès aux ressources génétiques et le Partage des Avantages</a></span></h2>
            <div class="divider"></div>
        </div>
        <div class="row">
            <!-- blog-list left -->
            <div class="col-lg-12 mb-5 mb-lg-0">
                {{-- <div class="pe-lg-1-9"> --}}
                    <div class="row mt-n1-9">
                        <div class="table-responsive">
                            <div class="panel-container show">
                                <div class="panel-content">
                                    <!-- datatable start -->
                                    <table id="dt-basic-example" class="table table-bordered table-hover table-striped w-100">
                                        <thead class="bg-primary">
                                            <tr>
                                                <th class="text-white">ID</th>
                                                <th class="text-white">Téléch...</th>
                                                <th class="text-white">Titre</th>
                                                <th class="text-white">Catégorie</th>
                                                <th class="text-white">Mise à jour</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($documents as $document)
                                            <tr>
                                                <td> {{ ++$i }}</td>
                                                <td>
                                                    @if (isset($document->fichier))
                                                    <a type="button" class="btn btn-outline-success" href="{{ route('download', ['id' => $document->id]) }}" target="_blank">
                                                        <i class="fa fa-download"></i>
                                                    </a>
                                                    @endif

                                                </td>
                                                <td>{{ Str::limit($document->titre,'50') }}</td>
                                                <td>{{ Str::limit($document->types->pluck('type')->implode(', '),'50') }}</td>
                                                <td>{{ date('d/m/Y', strtotime($document->updated_at)) }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot class="bg-primary">
                                            <tr>
                                                <th class="text-white">ID</th>
                                                <th class="text-white">Téléch...</th>
                                                <th class="text-white">Titre</th>
                                                <th class="text-white">Catégorie</th>
                                                <th class="text-white">Mise à jour</th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                    <!-- datatable end -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end blog-list left -->

            <!-- blog-list right -->
            {{-- @include('site.includes.blog.sideBarRight') --}}
            <!-- end blog-list right -->
        </div>
    </div>
</section>


@section('scripts')
<!-- jQuery -->
<script src="{{ asset('site/js/jquery.min.js') }}"></script>

<!-- popper js -->
<script src="{{ asset('site/js/popper.min.js') }}"></script>

<!-- bootstrap -->
<script src="{{ asset('site/js/bootstrap.min.js') }}"></script>

<!-- jquery -->
<script src="{{ asset('site/js/core.min.js') }}"></script>

<!-- search -->
<script src="{{ asset('site/search/search.js') }}"></script>

<!-- custom scripts -->
<script src="{{ asset('site/js/main.js') }}"></script>

<!-- form plugins js -->
<script src="{{ asset('site/quform/js/plugins.js') }}"></script>

<!-- form scripts js -->
<script src="{{ asset('site/quform/js/scripts.js') }}"></script>

<!-- all js include end -->

<script src="{{ asset('dt/js/datagrid/datatables/datatables.bundle.js') }}"></script>
<script src="{{ asset('dt/js/datagrid/datatables/datatables.export.js') }}"></script>
<script src="{{ asset('assets/js/tbf.js') }}"></script>
@endsection