@extends('front/layouts.app')

@section('title', __('messages.footer.documentation'))

@section('content')

    <section class="page-title">
        <div class="container">
            <div class="page-title-wrap">
                <h1 class="title">{{ __('messages.footer.documentation') }}</h1>
                <ul>
                    <li><a href="/">{{ __('messages.header.home') }}</a></li>
                    <li><i class="fas fa-chevron-right"></i></li>
                    <li><span>{{ __('messages.footer.documentation') }}</span></li>
                </ul>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="search-wrap">
                <form action="" class="search-form">
                    <div class="form-group mb-0">
                        <label for="type">{{ __('messages.filtres.type_document') }}</label>
                        <select class="form-control" name="type" id="type">
                            <option value="">{{ __('messages.filtres.tous_documents') }}</option>
                            @foreach ($types as $type)
                                <option value="{{ $type->id }}" {{ request('type') == $type->id ? 'selected' : '' }}>
                                    {{ $type->nom }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group mb-0">
                        <label for="secteur">{{ __('messages.filtres.secteur') }}</label>
                        <select class="form-control" name="secteur" id="secteur">
                            <option value="">{{ __('messages.filtres.tous_secteurs') }}</option>
                            @foreach ($secteurs as $secteur)
                                <option value="{{ $secteur->id }}"
                                    {{ request('secteur') == $secteur->id ? 'selected' : '' }}>
                                    {{ $secteur->nom }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <button class="btn main-btn" type="submit"><i class="fas fa-search"></i></button>
                </form>
                @if (count($documents) == 0)
                    <span class="empty">
                        {{ __('messages.filtres.aucun_document') }}
                    </span>
                @else
                    <div class="documents">
                        @foreach ($documents as $document)
                            <div class="document-item">
                                <div class="content">
                                    <div class="icon">
                                        <img src="/images/content/pdf-icon.svg" alt="Icon PDF">
                                    </div>
                                    <span class="title">
                                        {{ $document->nom }}
                                    </span>
                                </div>
                                <a href="{{ asset('upload/documents/' . $document->document) }}" target="_blank"
                                    class="link">{{ __('messages.filtres.telecharger') }}</a>
                            </div>
                        @endforeach
                    </div>
                    <div class="pagination-wrap">
                        {{ $documents->withQueryString()->links() }}
                    </div>
                @endif
            </div>
        </div>
    </section>

@endsection