@extends('front.layouts.base')

@php
    $title = $callforproposal->title . ' - Présentation';
@endphp

@section('content')
    <div class="title-band mb-5">
        <div class="container">
            <div class="d-flex justify-content-between">
                <h1 class="fs-2 mb-0">{{ $callforproposal->title }}</h1>
                @if (
                    $callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::OPEN_FOR_SUBMISSION &&
                        $callforproposal->applicationFormConfig != null)
                    <a class="btn btn-sm btn-primary"
                        href="{{ route('front.callforproposal.candidater.create', ['callforproposal' => $callforproposal->slug]) }}">Candidater</a>
                @endif
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row row-cols-2 ">
            <section class="col-12 col-md-9 mx-auto">
                <div class="p-3">
                    @if ($callforproposal->mainImage)
                        <img srcset="{{ asset($callforproposal->getMainImage(['medium'])) }} 600w, {{ asset($callforproposal->getMainImage(['wide'])) }} 850w"
                            sizes="(max-width: 990px) 600px, 850px" src="{{ asset($callforproposal->getMainImage()) }}"
                            class="img-fluid" alt="{{ $callforproposal->title }}" />
                    @endif
                </div>
                <div class="p-3">
                    {!! $callforproposal->description !!}
                </div>
                <div class="p-3 text-center">
                    @if (
                        $callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::OPEN_FOR_SUBMISSION &&
                            $callforproposal->applicationFormConfig != null)
                        <a class="btn btn-lg btn-primary"
                            href="{{ route('front.callforproposal.candidater.create', ['callforproposal' => $callforproposal->slug]) }}">Candidater</a>
                    @endif
                </div>
            </section>
            {{-- <aside class="col-12 col-md-3">
                <h2 class="">Appels en cours</h2>
                <div class="grec-sep"></div>
                <div class="row">
                    @foreach ($otherCfps as $otherCfp)
                        <div class="col-12">
                            <div class="list-cfp-box mb-4">
                                <h2 class="h4 list-cfp-title">
                                    <a class=""
                                        href="{{ route('front.callforproposal.show', ['callforproposal' => $otherCfp]) }}">{!! $otherCfp->title !!}
                                    </a>
                                </h2>
                                @if ($otherCfp->mainImage)
                                    <a class=""
                                        href="{{ route('front.callforproposal.show', ['callforproposal' => $otherCfp]) }}"><img
                                            srcset="{{ asset($otherCfp->getMainImage(['medium'])) }} 600w, {{ asset($otherCfp->getMainImage(['wide'])) }} 850w"
                                            sizes="(max-width: 990px) 600px, 850px"
                                            src="{{ asset($otherCfp->getMainImage()) }}" class="img-fluid"
                                            alt="{{ $otherCfp->title }}" /></a>
                                @endif
                                <div class="list-cfp-desc">
                                    {!! \Illuminate\Support\Str::limit($otherCfp->description_short, 200) !!}
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </aside> --}}
        </div>
    </div>
@endsection