@extends('front/layouts.app')

@section('title', __('messages.header.reglementation'))

@section('content')

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