@extends('front/layouts.app')

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

@section('content')

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

    <section>
        <div class="container">
            <div class="search-wrap">
                <form method="GET" action="{{ route('projets') }}" class="search-form">
                    <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>
                    <div class="form-group mb-0">
                        <label for="financement">{{ __('messages.filtres.financement') }}</label>
                        <select class="form-control" name="financement" id="financement">
                            <option value="">{{ __('messages.filtres.tous_montants') }}</option>
                            <option value="10000" {{ request('financement') == '10000' ? 'selected' : '' }}>10 000$ - 100 000 $</option>
                            <option value="100000" {{ request('financement') == '100000' ? 'selected' : '' }}>100 000$ - 1 000 000 $</option>
                            <option value="1000000" {{ request('financement') == '1000000' ? 'selected' : '' }}>1 000 000 $ +</option>
                        </select>
                    </div>
                    <div class="form-group mb-0">
                        <label for="type">{{ __('messages.filtres.type_projet') }}</label>
                        <select class="form-control" name="type" id="type">
                            <option value="">{{ __('messages.filtres.tous_types') }}</option>
                            @foreach ($types as $type)
                            <option value="{{ $type->id }}" {{ request('type') == $type->id ? 'selected' : '' }}>
                                {{ $type->nom }}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    
                    <button class="btn main-btn" type="submit">
                        {{ __('messages.filtres.rechercher') }}
                    </button>
                </form>
                
                @if (count($projets) == 0)
                <span class="empty">
                    {{  __('messages.filtres.aucun_projets') }}
                </span>
                @else
                <div class="projets">

                    @foreach ($projets as $projet)
                    
                    <div class="projet-item">
                        <div class="infos">
                            <h2 class="title">
                                {{  $projet->intitule }}
                            </h2>
                            <span class="financement">{{  __('messages.menu_investir.financement') }}: {{ $projet->financement }}</span>
                            <div class="metas">
                                <span class="meta">{{  __('messages.menu_investir.projet') }} {{ $projet->type->nom }}</span>
                                <span class="meta">{{ $projet->localisation }}</span>
                                <span class="meta">{{  __('messages.menu_investir.montant') }}: <b>{{ number_format($projet->montant, 0, ',', ' ') }} {{ $projet->devise }}</b></span>
                            </div>
                        </div>
                        <a href="{{ route('contact') }}" class="btn main-btn-outline">{{  __('messages.menu_investir.acces') }}</a>
                    </div>
                        
                    @endforeach

                </div>
                <div class="pagination-wrap">
                    {{ $projets->withQueryString()->links() }}
                </div>
                @endif

            </div>
        </div>
    </section>

@endsection