@php
    $loadedAssets = json_decode($alreadyLoadedAssets ?? '[]', true);
    foreach ($loadedAssets as $asset) {
        Assets::markAsLoaded($asset);
    }
    $dateNow = \Carbon\Carbon::now();
@endphp
<div class="card card-flush  py-5" id="callforproposal-card">
    <div class="card-toolbar d-flex justify-content-end">
        @if (backpack_auth()->user()->can("cfp.edit"))
            <button type="button" class="btn btn-sm btn-light-primary me-3" data-action="open-modal-form"
                data-modal-route="{{ route('proposalmanagement.callforproposal.edit', ['id' => $callforproposal->id]) }}"
                data-loaded-assets={{ json_encode(Assets::loaded()) }}>
                Modifier
            </button>
        @endif
        <a href="http://{{ config('app.callforproposal_front_domain') }}/{{ $callforproposal->slug }}"
            class="btn btn-sm btn-light-primary me-3" target="_blank">
            <i class="bi bi-box-arrow-up-right"></i>
        </a>
    </div>
    <div class="card-header flex-column align-items-center d-flex pt-6 pb-5 border-bottom-0">
        <h2 class="card-title fs-3 text-gray-800 mb-5">{{ $callforproposal->title }}</h2>
        <div class="d-flex flex-wrap justify-content-center">
            @if ($callforproposal->is_public)
                <div class="badge badge-lg badge-success me-2 mb-2 px-4 py-3">Public</div>
            @else
                <div class="badge badge-lg badge-danger me-2 mb-2 px-4 py-3">Privé</div>
            @endif
            <div class="badge badge-lg {{ $callforproposal->getStatus()->class() }} me-2 mb-2 px-4 py-3">
                {{ ucfirst($callforproposal->getStatus()->frenchText()) }}
            </div>
        </div>
    </div>
    <div class="card-body">
        <div class="timeline">
            <div class="timeline-item">
                <div class="timeline-line w-40px"></div>
                <div class="timeline-icon symbol symbol-circle symbol-40px">
                    <div class="symbol-label bg-light">
                        @if ($callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::SUBMISSION_NOT_STARTED)
                            <i class="bi bi-hourglass-split fs-3 text-warning"></i>
                        @else
                            <i class="bi bi-check-lg fs-3 text-success"></i>
                        @endif
                    </div>
                </div>
                <div class="timeline-content mb-10 mt-n2">
                    <div class="overflow-auto pe-3">
                        <div class="fs-5 fw-semibold mb-2">Ouverture des candidatures
                        </div>
                        <div class="d-flex align-items-center mt-1 fs-6">
                            <div class="text-muted me-2 fs-7">
                                {{ optional($callforproposal->application_start_at)->translatedFormat('d F Y H:i') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="timeline-item">
                <div class="timeline-line w-40px"></div>
                <div class="timeline-icon symbol symbol-circle symbol-40px">
                    <div class="symbol-label bg-light">
                        @if ($callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::OPEN_FOR_SUBMISSION)
                            <i class="bi bi-hourglass-split fs-3 text-warning"></i>
                        @elseif ($callforproposal->getStatus()->order() > \App\Enums\CallForProposalStatusEnum::OPEN_FOR_SUBMISSION->order())
                            <i class="bi bi-check-lg fs-3 text-success"></i>
                        @else
                            <i class="bi bi-three-dots fs-3"></i>
                        @endif
                    </div>
                </div>
                <div class="timeline-content mb-10 mt-n1">
                    <div class="overflow-auto pe-3">
                        <a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">Fin des
                            candidatures</a>
                        <div class="d-flex align-items-center mt-1 fs-6">
                            <div class="text-muted me-2 fs-7">
                                @if($callforproposal->application_end_at)
                                    {{ optional($callforproposal->application_end_at)->translatedFormat('d F Y') }} à 23h59
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @if ($callforproposal->application_preselection_info)
                <div class="timeline-item">
                    <div class="timeline-line w-40px"></div>
                    <div class="timeline-icon symbol symbol-circle symbol-40px">
                        <div class="symbol-label bg-light">
                            @if ($callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::PRESELECTION_IN_PROGRESS)
                                <i class="bi bi-hourglass-split fs-3 text-warning"></i>
                            @elseif ($callforproposal->getStatus()->order() > \App\Enums\CallForProposalStatusEnum::PRESELECTION_IN_PROGRESS->order())
                                <i class="bi bi-check-lg fs-3 text-success"></i>
                            @else
                                <i class="bi bi-three-dots fs-3"></i>
                            @endif
                        </div>
                    </div>
                    <div class="timeline-content mb-10 mt-n1">
                        <div class="overflow-auto pe-3">
                            <a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">Fin des
                                présélections</a>
                            <div class="d-flex align-items-center mt-1 fs-6">
                                <div class="text-muted me-2 fs-7">
                                    {{ $callforproposal->application_preselection_info }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if ($callforproposal->application_selection_info)
                <div class="timeline-item">
                    <div class="timeline-line w-40px"></div>
                    <div class="timeline-icon symbol symbol-circle symbol-40px">
                        <div class="symbol-label bg-light">
                            @if ($callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::SELECTION_IN_PROGRESS)
                                <i class="bi bi-hourglass-split fs-3 text-warning"></i>
                            @elseif ($callforproposal->getStatus()->order() > \App\Enums\CallForProposalStatusEnum::SELECTION_IN_PROGRESS->order())
                                <i class="bi bi-check-lg fs-3 text-success"></i>
                            @else
                                <i class="bi bi-three-dots fs-3"></i>
                            @endif
                        </div>
                    </div>
                    <div class="timeline-content mb-10 mt-n1">
                        <div class="overflow-auto pe-3">
                            <a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">Fin des
                                sélections</a>
                            <div class="d-flex align-items-center mt-1 fs-6">
                                <div class="text-muted me-2 fs-7">
                                    {{ $callforproposal->application_selection_info }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if ($callforproposal->application_interviews_info)
                <div class="timeline-item">
                    <div class="timeline-line w-40px"></div>
                    <div class="timeline-icon symbol symbol-circle symbol-40px">
                        <div class="symbol-label bg-light">
                            @if ($callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::WAITING_FOR_INTERVIEW)
                                <i class="bi bi-hourglass-split fs-3 text-warning"></i>
                            @elseif ($callforproposal->getStatus()->order() > \App\Enums\CallForProposalStatusEnum::WAITING_FOR_INTERVIEW->order())
                                <i class="bi bi-check-lg fs-3 text-success"></i>
                            @else
                                <i class="bi bi-three-dots fs-3"></i>
                            @endif
                        </div>
                    </div>
                    <div class="timeline-content mb-10 mt-n1">
                        <div class="overflow-auto pe-3">
                            <a href="#"
                                class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">Entretiens</a>
                            <div class="d-flex align-items-center mt-1 fs-6">
                                <div class="text-muted me-2 fs-7">
                                    {{ $callforproposal->application_interviews_info }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
            @if ($callforproposal->results_announcement_date)
                <div class="timeline-item">
                    <div class="timeline-line w-40px"></div>
                    <div class="timeline-icon symbol symbol-circle symbol-40px">
                        <div class="symbol-label bg-light">
                            @if ($callforproposal->getStatus() == \App\Enums\CallForProposalStatusEnum::WAITING_FOR_INTERVIEW)
                                <i class="bi bi-hourglass-split fs-3 text-warning"></i>
                            @elseif ($callforproposal->getStatus()->order() > \App\Enums\CallForProposalStatusEnum::WAITING_FOR_INTERVIEW->order())
                                <i class="bi bi-check-lg fs-3 text-success"></i>
                            @else
                                <i class="bi bi-three-dots fs-3"></i>
                            @endif
                        </div>
                    </div>
                    <div class="timeline-content mb-10 mt-n1">
                        <div class="overflow-auto pe-3">
                            <a href="#" class="fs-5 fw-semibold text-gray-800 text-hover-primary mb-2">Annonce des
                                résultats</a>
                            <div class="d-flex align-items-center mt-1 fs-6">
                                <div class="text-muted me-2 fs-7">
                                    {{ optional($callforproposal->results_announcement_date)->translatedFormat('d F Y') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>