@extends('layouts.candidate.main')

@section('style')
    <link href="{{ asset('assets/extra-libs/toastr/dist/build/toastr.min.css') }}" rel="stylesheet">
@endsection

@section('content')
    <div class="page-wrapper">
        <!-- ============================================================== -->
        <!-- Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <div class="page-breadcrumb border-bottom">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-xs-12 justify-content-start d-flex align-items-center">
                    <h5 class="font-weight-medium text-uppercase mb-0">Mon dossier de candidature</h5>
                </div>
                <div class="col-lg-9 col-md-8 col-xs-12 d-flex justify-content-start justify-content-md-end align-self-center">
                    <nav aria-label="breadcrumb" class="mt-2">
                        <ol class="breadcrumb mb-0 p-0">
                            <li class="breadcrumb-item"><a href="{{ route('candidate.index') }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
                        </ol>
                    </nav>
                    {{-- <button class="btn btn-danger text-white ms-3 d-none d-md-block">Buy Ample Admin</button> --}}
                </div>
            </div>
        </div>
        <!-- ============================================================== -->
        <!-- End Bread crumb and right sidebar toggle -->
        <!-- ============================================================== -->
        <!-- -------------------------------------------------------------- -->
        <!-- Container fluid  -->
        <!-- -------------------------------------------------------------- -->
        <div class="container-fluid page-content">
            @if($candidatures->count() > 0)
                <!-- -------------------------------------------------------------- -->
                <!-- Start Page Content -->
                <!-- -------------------------------------------------------------- -->
                <div class="row">
                    {{-- @if (session('success'))
                    <div class="alert alert-success alert-dismissible bg-success text-white border-0 fade show"
                        role="alert" style="text-align: center; font-size:20px">
                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        {{ session('success') }}
                    </div>
                    @elseif ($errors->has('message'))
                        <div class="alert alert-danger alert-dismissible bg-danger text-white border-0 fade show"
                            role="alert" style="text-align: center; font-size:20px">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            {{ $errors->first('message') }}
                        </div>
                    @endif --}}
                    <div class="col-12 d-flex justify-content-center align-items-center mb-4">

                        @if($candidature->status == 'incomplete')
                            <button
                                type="button"
                                class="btn btn-lg btn-rounded waves-effect waves-light btn-outline-success"
                                title="Soumettez votre dossier à la candidature au CAMES"
                                data-bs-toggle="modal"
                                data-bs-target="#dossier-submit-modal"
                            >
                                Soumettre mon dossier
                            </button>
                        @endif
                        <!-- Primary Header Modal -->
                        <div id="dossier-submit-modal" class="modal fade" tabindex="-1"
                            aria-labelledby="success-header-modalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form action="{{ url('/candidature/submission', ['id' => $candidature->id ]) }}" method="POST">
                                        @csrf
                                        <input type="hidden" name="status" value="en_attente">
                                        <div class="modal-header modal-colored-header bg-success text-white">
                                            <h4 class="modal-title" id="success-header-modalLabel">
                                                Soumission du dossier de la candidature au CAMES
                                            </h4>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <h5 class="mt-0">Validation de la soumission</h5>
                                            <p class="text-justify">
                                                Vous vous apprêtez à soumettre votre dossier de candidature pour examen.
                                                Vérifez bien que toutes les informations des différentes étapes ont été remplies.
                                            </p>
                                            <p class="text-justify">
                                                <span class="text-danger"><u>NB :</u></span>
                                                Une fois le dossier soumis, vous n'aurez plus la possibilité d'y apporter des modifications.
                                                Veuillez donc à bien vérifier la conformité de toutes vos informations.
                                            </p>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-light"
                                                data-bs-dismiss="modal">Fermer</button>
                                            <button type="submit" class="btn btn-light-success text-success font-weight-medium">
                                                Soumettre
                                            </button>
                                        </div>
                                    </form>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal-dialog -->
                        </div><!-- /.modal -->
                    </div>

                    <div class="col-md-6 col-lg-3 col-xl-2">
                        <div class="card rounded-3 card-hover">
                            <a
                                href="{{ route("candidate.get_step0") }}"
                                class="stretched-link"
                                data-bs-toggle="popover"
                                data-bs-trigger="hover"
                                title="Renseignements sur la candidature au CAMES"
                                data-bs-content="Type de candidature, CSS, CTS, Spécialité, Grade CAMES actuel, Grade CAMES postulé, etc."
                            ></a>
                            <div class="card-body">
                                @if($candidature->suggestions->where('rubrique', 'candidatures')->count() > 0)
                                    <span
                                        class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                        style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                    >
                                        {{ $candidature->suggestions->where('rubrique', 'candidatures')->count() }}
                                    </span>
                                @endif
                                {{-- <span
                                    class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                    style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                >
                                    4
                                </span> --}}
                                {{-- <span
                                    class="badge d-flex justify-content-center align-items-center bg-light border border-success rounded-circle shadow-lg"
                                    style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                >
                                    <i class="fas fa-check text-success"></i>
                                </span> --}}
                                <div class="d-flex align-items-center">
                                    <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                    <div class="ms-4">
                                        <h4 class="card-title text-dark">Renseignements générales</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    @if($candidature->doctorat)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step1") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Généralités et Equipe pour la thèse de doctorat"
                                    data-bs-content="Type, Titre, Date de soutenance, Institution de soutenance, Mention, Résultats obtenus pendant la thèse, Fichier de la thèse."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'doctorats')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'doctorats')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Thèse de doctorat</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->diplomes->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step2") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Diplômes"
                                    data-bs-content="Titre, Intitulé du diplôme, Année d'obtention, Institution d'obtention/Pays, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'diplomes')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'diplomes')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Diplômes</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->pedagogiques->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step3") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Activités pédagogiques"
                                    data-bs-content="Année d'exercice, Volume horaire total, Etablissement, Fichiers à télécharger."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'activites_pedagogiques')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'activites_pedagogiques')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Activités pédagogiques</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->recherches->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step4") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Activités de recherche"
                                    data-bs-content="Mots clés, Sujet de recherche, Unité de recherche d'appartenance, Unité de recherche à l'accueil, Attestation et rapport des activités de recherche 1ère et 2ère parties."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'activites_recherches')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'activites_recherches')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Activités de recherche</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->complementaires->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step5") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Activités complémentaires"
                                    data-bs-content="Type d'activités, Libellés, Description, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'activites_complementaires')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'activites_complementaires')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Activités complémentaires</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->formcames)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step6") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Formulaire CAMES"
                                    data-bs-content="Notice individuelle, Curriculum Vitae, Accord de mise en ligne de la thèse, Code d'éthique et de déontologie, Fiche individuelle d'évaluation des enseignants."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'formulaires_cames')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'formulaires_cames')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Formulaire CAMES</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->travaux->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step7") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Titres et Travaux"
                                    data-bs-content="Nom, Description, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'titres_travaux')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'titres_travaux')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Titres et Travaux</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($articles_indexes_count > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part1") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Articles indexés dans les revues"
                                    data-bs-content="Titre, Résumé, Mots clés, Auteurs, Rang parmi les auteurs, Correspondant de l'auteur, etc."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'article_indexe')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'article_indexe')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Articles indexés</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($articles_non_indexes_count > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part2") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Articles non indexés dans les revues"
                                    data-bs-content="Titre, Résumé, Mots clés, Auteurs, Rang parmi les auteurs, Correspondant de l'auteur, etc."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'article_non_indexe')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'article_non_indexe')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Articles non indexés</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($communications_count > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part3") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Communications et congrès"
                                    data-bs-content="Type, Titre, Auteurs, Année, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'communications_congres')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'communications_congres')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Communications et congrès</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($fiches_techniques_count > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part4") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Fiches techniques"
                                    data-bs-content="Titre, Auteurs, Date de parution, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'fiches_techniques')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'fiches_techniques')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Fiches techniques</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($articles_vulgarisation_count > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part5") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Articles de vulgarisation"
                                    data-bs-content="Titre, Résumé, Mots clés, Auteurs, Rang parmi les auteurs, Correspondant de l'auteur, etc."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'article_vulgarisation')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'article_vulgarisation')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Articles de vulgarisation</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->brevets->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part6") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Brevets"
                                    data-bs-content="Titre, Auteurs, Date d'obtention, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'brevets')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'brevets')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Brevets</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($posters_count > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part7") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Posters"
                                    data-bs-content="Type, Titre, Auteurs, Année, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'posters')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'posters')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Posters</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($ouvrages_count > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step8_part8") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Publications scientifiques - Ouvrages"
                                    data-bs-content="Titre, Auteurs, Date de parution, ISBN, Fichier attaché."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'ouvrages')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'ouvrages')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Ouvrages</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->encadrements->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step9") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Encadrements"
                                    data-bs-content="Type, Titre, Nom et prénoms de l'étudiant, Date de soutenance, Institution de soutenance/Pays, Fichier attaché, Justificatifs."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'encadrements')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'encadrements')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Encadrements</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->sousdossiers)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step10") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Sous-Dossier Technique"
                                    data-bs-content="Etat civil (acte de naissance, acte d'individualité), Diplômes, Rapport de soutenance de thèse,
                                    Attestation d'inscription sur les listes CAMES, Certificat de non plagiat, Certificats ou attestations de prise de service,
                                    Arrêtés de nomination ou décrêts, etc."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'sous_dossiers')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'sous_dossiers')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Sous-Dossier Technique</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->enseignements->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step11") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Fonctions dans le domaine de l'enseignement et de la recherche"
                                    data-bs-content="Type de fonction, Discipline d'enseignement, Thème de recherche, Date de nomination, Date de fin."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'fonctions_enseignements')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'fonctions_enseignements')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Fonctions Enseignement</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->autres_secteurs->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step12") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Fonctions dans les autres secteurs"
                                    data-bs-content="Type de poste, Fonction occupée, Institution/Pays, Date de recrutement, Date de fin."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'fonctions_autres_secteurs')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'fonctions_autres_secteurs')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Fonctions Autres Secteurs</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->missionstages->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step13") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Missions et stages"
                                    data-bs-content="Type d'activité, Objet, Lieu, Date de début, Date de fin."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'missions_stages')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'missions_stages')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Missions et stages</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if($candidature->internationales->count() > 0)
                        <div class="col-md-6 col-lg-3 col-xl-2">
                            <div class="card rounded-3 card-hover">
                                <a
                                    href="{{ route("candidate.get_step14") }}"
                                    class="stretched-link"
                                    data-bs-toggle="popover"
                                    data-bs-trigger="hover"
                                    title="Relations internationales"
                                    data-bs-content="Années, Intitutions, Contact, Activités."
                                ></a>
                                <div class="card-body">
                                    @if($candidature->suggestions->where('rubrique', 'relations_internationales')->count() > 0)
                                        <span
                                            class="badge d-flex justify-content-center align-items-center bg-danger rounded-circle shadow-lg"
                                            style="width: 50px; height: 50px; font-size: 1rem; position: absolute; right: 0; top: 0; margin: -20px -20px 0px 0px;"
                                        >
                                            {{ $candidature->suggestions->where('rubrique', 'relations_internationales')->count() }}
                                        </span>
                                    @endif
                                    <div class="d-flex align-items-center">
                                        <span class="flex-shrink-0"><i class="mdi mdi-folder h2 text-success"></i></span>
                                        <div class="ms-4">
                                            <h4 class="card-title text-dark">Relations internationales</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                </div>
                <!-- -------------------------------------------------------------- -->
                <!-- End Page Content -->
                <!-- -------------------------------------------------------------- -->
            @else
                <div class="row">
                    <h3 class="ml-5">Vous n'avez pas encore de dossier de candidature.</h3>
                </div>
            @endif

        </div>
        <!-- -------------------------------------------------------------- -->
        <!-- End Container fluid  -->
        <!-- -------------------------------------------------------------- -->
    </div>
@endsection

@section('script')
    <script src="{{ asset('assets/extra-libs/toastr/dist/build/toastr.min.js') }}"></script>

    <script>
        setTimeout(function() {
            $('.alert').hide();
        }, 10000); // Masquer le message après 10 secondes (10000 millisecondes)
    </script>
    <script>
        if (@json(session('success')) == true) {
            toastr.success(@json(session('message')), "Soumission réussie !");
        } else if (@json(session('success')) == false) {
            toastr.error(@json(session('message')), "Echec de la soumission !");
        }
    </script>
@endsection