@extends('layouts.candidate.main')

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

@section('content')
    <!-- -------------------------------------------------------------- -->
    <!-- Container fluid  -->
    <!-- -------------------------------------------------------------- -->
    <div class="container-fluid page-content">
        <!-- -------------------------------------------------------------- -->
        <!-- Start Page Content -->
        <!-- -------------------------------------------------------------- -->
        <div class="row" style="margin-top: 8rem;">
            <div class="col-12">
                @isset($candidature)
                    @isset($suggestions)
                        <div class="card">
                            <div class="card-body">
                                <ul class="timeline">
                                    @php $i = 1;@endphp
                                    @foreach ($suggestions as $suggestion)
                                        <li class="@if($i % 2 == 0) timeline-inverted @endif timeline-item">
                                            <div class="timeline-badge success">
                                                <img alt="user" src="../assets/images/users/1.jpg" alt="img" class="img-fluid">
                                            </div>

                                            <div class="timeline-panel">
                                                <div class="timeline-heading">
                                                    <div class="d-flex justify-content-between">
                                                        <h4 class="timeline-title">Suggestion N°{{ $i }}</h4>

                                                        <a class="btn btn-primary fw-bold" type="button"
                                                            @if($suggestion->rubrique == "candidatures")
                                                                href="{{ route("candidate.get_step0") }}"
                                                            @elseif($suggestion->rubrique == "doctorats")
                                                                href="{{ route("candidate.get_step1") }}"
                                                            @elseif($suggestion->rubrique == "diplomes")
                                                                href="{{ route("candidate.get_step2") }}"
                                                            @elseif($suggestion->rubrique == "activites_pedagogiques")
                                                                href="{{ route("candidate.get_step3") }}"
                                                            @elseif($suggestion->rubrique == "activites_recherches")
                                                                href="{{ route("candidate.get_step4") }}"
                                                            @elseif($suggestion->rubrique == "activites_complementaires")
                                                                href="{{ route("candidate.get_step5") }}"
                                                            @elseif($suggestion->rubrique == "formulaires_cames")
                                                                href="{{ route("candidate.get_step6") }}"
                                                            @elseif($suggestion->rubrique == "titres_travaux")
                                                                href="{{ route("candidate.get_step7") }}"
                                                            @elseif($suggestion->rubrique == "article_indexe")
                                                                href="{{ route("candidate.get_step8_part1") }}"
                                                            @elseif($suggestion->rubrique == "article_non_indexe")
                                                                href="{{ route("candidate.get_step8_part2") }}"
                                                            @elseif($suggestion->rubrique == "communications_congres")
                                                                href="{{ route("candidate.get_step8_part3") }}"
                                                            @elseif($suggestion->rubrique == "fiches_techniques")
                                                                href="{{ route("candidate.get_step8_part4") }}"
                                                            @elseif($suggestion->rubrique == "article_vulgarisation")
                                                                href="{{ route("candidate.get_step8_part5") }}"
                                                            @elseif($suggestion->rubrique == "brevets")
                                                                href="{{ route("candidate.get_step8_part6") }}"
                                                            @elseif($suggestion->rubrique == "posters")
                                                                href="{{ route("candidate.get_step8_part7") }}"
                                                            @elseif($suggestion->rubrique == "ouvrages")
                                                                href="{{ route("candidate.get_step8_part8") }}"
                                                            @elseif($suggestion->rubrique == "encadrements")
                                                                href="{{ route("candidate.get_step9") }}"
                                                            @elseif($suggestion->rubrique == "sous_dossiers")
                                                                href="{{ route("candidate.get_step10") }}"
                                                            @elseif($suggestion->rubrique == "fonctions_enseignements")
                                                                href="{{ route("candidate.get_step11") }}"
                                                            @elseif($suggestion->rubrique == "fonctions_autres_secteurs")
                                                                href="{{ route("candidate.get_step12") }}"
                                                            @elseif($suggestion->rubrique == "missions_stages")
                                                                href="{{ route("candidate.get_step13") }}"
                                                            @elseif($suggestion->rubrique == "relations_internationales")
                                                                href="{{ route("candidate.get_step14") }}"
                                                            @endif
                                                        >
                                                            Voir
                                                        </a>
                                                    </div>
                                                    <h4 class="text-success">
                                                        @if($suggestion->rubrique == "candidatures")
                                                            Candidature
                                                        @elseif($suggestion->rubrique == "doctorats")
                                                            Thèse de Doctorat et Equipe
                                                        @elseif($suggestion->rubrique == "diplomes")
                                                            Diplômes
                                                        @elseif($suggestion->rubrique == "activites_pedagogiques")
                                                            Activités pédagogiques
                                                        @elseif($suggestion->rubrique == "activites_recherches")
                                                            Activités de recherche
                                                        @elseif($suggestion->rubrique == "activites_complementaires")
                                                            Activités complémentaires
                                                        @elseif($suggestion->rubrique == "formulaires_cames")
                                                            Formulaire CAMES
                                                        @elseif($suggestion->rubrique == "titres_travaux")
                                                            Titres et Travaux
                                                        @elseif($suggestion->rubrique == "article_indexe")
                                                            Articles indexés
                                                        @elseif($suggestion->rubrique == "article_non_indexe")
                                                            Articles non indexés
                                                        @elseif($suggestion->rubrique == "communications_congres")
                                                            Communications et Congrès
                                                        @elseif($suggestion->rubrique == "fiches_techniques")
                                                            Fiches techniques
                                                        @elseif($suggestion->rubrique == "article_vulgarisation")
                                                            Articles de vulgarisation
                                                        @elseif($suggestion->rubrique == "brevets")
                                                            Brevets
                                                        @elseif($suggestion->rubrique == "posters")
                                                            Posters
                                                        @elseif($suggestion->rubrique == "ouvrages")
                                                            Ouvrages
                                                        @elseif($suggestion->rubrique == "encadrements")
                                                            Encadrement
                                                        @elseif($suggestion->rubrique == "sous_dossiers")
                                                            Sous dossiers techniques
                                                        @elseif($suggestion->rubrique == "fonctions_enseignements")
                                                            Fonctions Enseignement
                                                        @elseif($suggestion->rubrique == "fonctions_autres_secteurs")
                                                            Fonctions Autres secteurs
                                                        @elseif($suggestion->rubrique == "missions_stages")
                                                            Missions et Stages
                                                        @elseif($suggestion->rubrique == "relations_internationales")
                                                            Relations internationales
                                                        @endif
                                                    </h4>
                                                    <p>
                                                        <small class="text-muted">
                                                            <i class="far fa-clock"></i>
                                                            Fait le {{ $suggestion->created_at }}
                                                        </small>
                                                    </p>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>{{ $suggestion->content }}</p>
                                                </div>
                                                @if($suggestion->filename)
                                                    <div class="mb-3 p-2 d-flex flex-column align-items-center mt-3">
                                                        <i class="mdi mdi-file-pdf mdi-48px text-danger"></i>
                                                        <button
                                                            type="button"
                                                            class="btn btn-light-success text-success btn-lg px-4 fs-4 font-weight-medium"
                                                            id="openPdfButton_suggestion-{{ $suggestion->id }}"
                                                            data-pdf="{{ config('app.aws_url') . $suggestion->filename }}"
                                                        >
                                                            Lire
                                                        </button>
                                                    </div>
                                                @endif
                                                @php $i++;@endphp
                                            </div>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @else
                        <h3 class="ml-5">Vous n'avez pas reçu de suggestions.</h3>
                    @endisset
                @else
                    <h3 class="ml-5">Vous n'avez encore soumis votre dossier de candidature.</h3>
                @endisset
            </div>
        </div>
        <!-- -------------------------------------------------------------- -->
        <!-- End Page Content -->
        <!-- -------------------------------------------------------------- -->

        <!-- Début Modal d'affichage des pdfs -->
        <div class="modal fade" id="pdfModal" tabindex="-1" aria-labelledby="pdfModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-fullscreen">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h4" id="pdfModalLabel">Visualiseur PDF</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <iframe id="pdfViewer" width="100%" height="500"></iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light-danger text-danger font-weight-medium" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- Fin Modal d'affichage des pdfs -->
    </div>
    <!-- -------------------------------------------------------------- -->
    <!-- End Container fluid  -->
    <!-- -------------------------------------------------------------- -->
@endsection

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

    <script>
        @isset($suggestionsIds)
            let suggestionsIds = @json($suggestionsIds, JSON_PRETTY_PRINT);
            suggestionsIds.forEach(element => {
                $('#openPdfButton_suggestion-'+ element).on("click", (event) => {
                    event.preventDefault();
                    console.log(element);

                    const file = $('#openPdfButton_suggestion-'+ element)[0].dataset.pdf;

                    const pdfPath = file;
                    const pdfViewer = document.getElementById("pdfViewer");
                    pdfViewer.src = `${pdfPath}`;
                    openPdfModal();
                });
            });
        @endisset

        function openPdfModal() {
            const pdfModal = new bootstrap.Modal(document.getElementById("pdfModal"));
            pdfModal.show();
        }
    </script>

    <script>
        if (@json(session('success')) == true) {
            toastr.success('Vous êtes connecté', "Connexion réussie !");
        }
    </script>
@endsection