@extends('front.layouts.base')

@php
    $title = 'Appels à projet - GREC';
@endphp

@section('content')
    <div class="title-band mb-5">
        <div class="container">
            <div class="d-flex justify-content-between">

            </div>
        </div>
    </div>
    <div class="container">
        {{-- <div class="row row-cols-2">
            <section class="col-12">
                <ul class="nav nav--cfps">
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab == 'finished' ? 'active' : '' }}"
                            href="{{ route('front.callforproposal.list.finished') }}">Appels passés</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab == 'ongoing' ? 'active' : '' }}" aria-current="page"
                            href="{{ route('front.callforproposal.list.ongoing') }}">Appels en cours</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ $activeTab == 'coming' ? 'active' : '' }}"
                            href="{{ route('front.callforproposal.list.coming') }}">Appels à venir</a>
                    </li>
                </ul>
                <div class="row">
                    <h3 class="h4">Filtrer les appels</h3>
                    <form method="GET" action="{{ url()->current() }}" class="mb-4 d-flex align-items-center">
                        <label for="selection_process">Sélection sur :</label>
                        <select name="selection_process" id="selection_process" class="form-control form-control-sm"
                            style="width: auto">
                            <option value="">Tous</option>
                            <option value="scenario" {{ request('selection_process') == 'scenario' ? 'selected' : '' }}>
                                Scénario</option>
                            <option value="rush" {{ request('selection_process') == 'rush' ? 'selected' : '' }}>Rush /
                                Image tournée
                            </option>
                            <option value="others" {{ request('selection_process') == 'others' ? 'selected' : '' }}>
                                Autre
                            </option>
                        </select>
                        <label class="ms-2" for="kind">Type d'appel:</label>
                        <select name="kind" id="kind" class="form-control form-control-sm" style="width: auto">
                            <option value="">Tous</option>
                            <option value="call" {{ request('kind') == 'call' ? 'selected' : '' }}>Appel à projet
                            </option>
                            <option value="workshop" {{ request('kind') == 'workshop' ? 'selected' : '' }}>Atelier
                            </option>
                            <option value="other" {{ request('kind') == 'other' ? 'selected' : '' }}>Autre</option>
                        </select>
                        <button type="submit" class="ms-2 btn btn-primary btn-sm">Valider</button>
                    </form>
                </div>
                <div class="row">
                    @foreach ($cfps as $cfp)
                        <div class="col-3 mb-4">
                            <div class="list-cfp-box h-100">
                                <h2 class="h4 list-cfp-title">
                                    <a class=""
                                        href="{{ route('front.callforproposal.show', ['callforproposal' => $cfp]) }}">{!! $cfp->title !!}
                                    </a>
                                </h2>
                                @if ($cfp->mainImage)
                                    <a class=""
                                        href="{{ route('front.callforproposal.show', ['callforproposal' => $cfp]) }}"><img
                                            srcset="{{ asset($cfp->getMainImage(['medium'])) }} 600w, {{ asset($cfp->getMainImage(['wide'])) }} 850w"
                                            sizes="(max-width: 990px) 600px, 850px" src="{{ asset($cfp->getMainImage()) }}"
                                            class="img-fluid" alt="{{ $cfp->title }}" /></a>
                                @endif
                                <div class="list-cfp-desc">
                                    {!! \Illuminate\Support\Str::limit($cfp->description_short, 200) !!}
                                </div>
                                <div class="list-cfp-status">
                                    @if ($cfp->getStatus() == \App\Enums\CallForProposalStatusEnum::SUBMISSION_NOT_STARTED)
                                        Début des inscriptions le
                                        {{ optional($cfp->application_start_at)->translatedFormat('d F Y') }}
                                    @elseif ($cfp->getStatus() == \App\Enums\CallForProposalStatusEnum::OPEN_FOR_SUBMISSION)
                                        <span class="text-success">
                                            Inscriptions ouverte jusqu'au
                                            {{ optional($cfp->application_end_at)->translatedFormat('d F Y') }}
                                        </span>
                                    @else
                                        <span class="text-success">
                                            Inscriptions closes
                                        </span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                </aside>
        </div> --}}
    </div>
@endsection