@extends('layout.template')

@section('intitule')
    <h4 class="text-uppercase mb-0">MODIFICATION DE NOTES POUR : {{ $nomEC }}</h4>
@endsection

@section('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">Modification de notes</li>
@endsection

@section('styles')
    <link href="{{ asset('assets/libs/jquery-steps/jquery.steps.css') }}" rel="stylesheet">

    <link href="{{ asset('assets/libs/jquery-steps/steps.css') }}" rel="stylesheet">
@endsection

@section('main')
    <div class="row justify-content-center mt-4" style="min-height: calc(85vh - 60px)">
        <div class="col-lg-12">
            <div class="bg-white" style="padding: 25px">
                <h3 class="box-title m-b-0">Notes des étudiants</h3>
                <p class="text-muted m-b-30 font-13"> Ce formulaire permet de supprimer la note des étudiants par EC.</p>
                <div class="col-12">
                    <div class="card">
                        <div class="card-body wizard-content p-0">
                            <h6 class="card-subtitle mb-3"></h6>
                            <form action="#" class="tab-wizard wizard-circle">
                                <!-- Step 1 -->
                                @php
                                    $number = 0;
                                    $limite = 0;
                                @endphp
                                @for ($i = 0; $i < $nombredepages; $i++)
                                    <h6>STEP {{$i+1}}</h6>
                                
                                    <section>
                                        <div class="row justify-content-center">

                                            <table class="table-condensed table-bordered table-hover col-9" border="2"
                                                align="center" cellpadding="10">
                                                <tbody>
                                                    <tr class="text-danger" bgcolor="\&quot;#001a00\&quot;">
                                                        <td align="center">#</td>
                                                        <td align="center"><b>Matricule</b></td>
                                                        <td align="center"><b>Noms &amp; Prénoms</b></td>
                                                        <td align="center"><b>Notes</b></td>
                                                    </tr>

                                                    @php
                                                        $compte = 0 ;
                                                        $nbreEtud = 0;
                                                    @endphp
                                                    @foreach ($selections as $selection)
                                                        @if ($compte < $limite)
                                                            @php
                                                                $compte++
                                                            @endphp
                                                            @continue
                                                        @endif
                                                        @php
                                                            $nbreEtud ++;
                                                            $number++;
                                                            $nom = $selection->nom;
                                                            $prenom = $selection->prenom;
                                                            $matricule = $selection->matricule;
                                                        @endphp
                                                        @foreach ($notes as $note)
                                                            @if ($note->matricule == $matricule)
                                                                @php
                                                                    $noteEtud = $note->noteEcu;
                                                                    $compteur = $note->compteur;
                                                                    $date_modif = $note->date_modif;
                                                                    $auteur_modif = $note->auteur_modif;
                                                                @endphp
                                                            @endif
                                                        @endforeach
                                                        @foreach ($students as $student)
                                                            @if ($student->matricule == $auteur_modif)
                                                                @php
                                                                    $nom_auteur = $student->nom;
                                                                    $prenom_auteur = $student->prenom;
                                                                    $style = '';
                                                                @endphp
                                                            @endif
                                                        @endforeach

                                                        @if ($compteur == 1)
                                                            @php
                                                                $style = 'font-color:arial;font-weight:bold;color:white;font-size:13px;background-color:#ff00bf';
                                                            @endphp
                                                        @endif
                                                        @if ($compteur > 1)
                                                            @php
                                                                $style = 'font-color:arial;font-weight:bold;color:white;font-size:13px;background-color:red';
                                                            @endphp
                                                        @endif
                                                        @if ($compteur >= 1)
                                                            <tr bgcolor="#D6E6F6" width="100%"
                                                                onclick="this.style.background='#D600F6'"
                                                                onkeypress="this.style.background='#D6E6F6'"
                                                                onkeyup="this.style.background='#D600F6'"
                                                                onkeydown="this.style.background='#FFFFFF'"
                                                                onmouseout="this.style.background='#D6E6F6'"
                                                                onmouseover="this.style.background='#8FB7CA'"
                                                                style="background: rgb(214, 230, 246);">
                                                                <td onclick="alert({{ $date_modif }}, {{ $nom_auteur }}, {{ $prenom_auteur }})"
                                                                    style='width:5%;overflow:auto' align="center">
                                                                    <font color=red>{{ $number }}</font>
                                                                </td>
                                                                <td onclick="alerter({{ $date_modif }}, {{ $nom_auteur }}, {{ $prenom_auteur }})"
                                                                    style='width:10%;overflow:auto' align="center">
                                                                    <font color=blue>{{ $matricule }}</font>
                                                                </td>
                                                                <td onclick="alerter({{ $date_modif }}, {{ $nom_auteur }}, {{ $prenom_auteur }})"
                                                                    style='width:70%;overflow:auto'><b>{{ $nom }}
                                                                        {{ $prenom }}</b></td>
                                                                <td style='width:15%;overflow:auto' align="center"
                                                                    class="form-group"><a rel="tooltip"
                                                                        title="{{ $noteEtud }}">
                                                                        <INPUT style="{{ $style }}" type="number"
                                                                            min="0" max="{{ $echelle }}"
                                                                            step="0.1" name="note{{ $number }}"
                                                                            id="note{{ $number }}"
                                                                            value="{{ $noteEtud }}" style="width:130px"
                                                                            required></a>
                                                                </td>
                                                                <INPUT type="hidden" name="matricule{{ $number }}"
                                                                    value="{{ $matricule }}">
                                                                <INPUT type="hidden" name="annciennenote{{ $number }}"
                                                                    value="{{ $noteEtud }}">
                                                                <INPUT type="hidden" name="compteur{{ $number }}"
                                                                    value="{{ $compteur }}">
                                                                <INPUT type="hidden" name="nom{{ $number }}"
                                                                    value="{{ $nom }}">
                                                                <INPUT type="hidden" name="prenom{{ $number }}"
                                                                    value="{{ $prenom }}">
                                                                <INPUT type="hidden" name="date{{ $number }}"
                                                                    value="{{ $date_modif }}">
                                                            </tr>
                                                        @else
                                                            <tr bgcolor="#D6E6F6" width="100%"
                                                                onclick="this.style.background='#D600F6'"
                                                                onkeypress="this.style.background='#D6E6F6'"
                                                                onkeyup="this.style.background='#D600F6'"
                                                                onkeydown="this.style.background='#FFFFFF'"
                                                                onmouseout="this.style.background='#D6E6F6'"
                                                                onmouseover="this.style.background='#8FB7CA'"
                                                                style="background: rgb(214, 230, 246);">
                                                                <td style='width:5%;overflow:auto' align="center">
                                                                    <font color="red">{{ $number }}</font>
                                                                </td>
                                                                <td style='width:10%;overflow:auto' align="center">
                                                                    <font color="blue">{{ $matricule }}</font>
                                                                </td>
                                                                <td style='width:70%;overflow:auto'><b>{{ $nom }}
                                                                        {{ $prenom }}</b></td>
                                                                <td style='width:15%;overflow:auto' align="center"
                                                                    class="form-group"><a rel="tooltip"
                                                                        title="{{ $noteEtud }}">
                                                                        <INPUT style="{{ $style }}" type="number"
                                                                            min="0" max="{{ $echelle }}"
                                                                            step="0.1" name="note{{ $number }}"
                                                                            id="note{{ $number }}"
                                                                            value="{{ $noteEtud }}" style="width:130px"
                                                                            required></a>
                                                                </td>
                                                                <INPUT type="hidden" name="matricule{{ $number }}"
                                                                    value="{{ $matricule }}">
                                                                <INPUT type="hidden" name="annciennenote{{ $number }}"
                                                                    value="{{ $noteEtud }}">
                                                                <INPUT type="hidden" name="compteur{{ $number }}"
                                                                    value="{{ $compteur }}">
                                                                <INPUT type="hidden" name="nom{{ $number }}"
                                                                    value="{{ $nom }}">
                                                                <INPUT type="hidden" name="prenom{{ $number }}"
                                                                    value="{{ $prenom }}">
                                                                <INPUT type="hidden" name="date{{ $number }}"
                                                                    value="{{ $date_modif }}">
                                                            </tr>
                                                        @endif
                                                        @if ($nbreEtud == $etu)
                                                            @php
                                                                $limite=$number;
                                                            @endphp
                                                            @break
                                                        @endif
                                                    @endforeach
                                                </tbody>
                                            </table>
                                            <INPUT type="hidden" name="totale" id="totale"
                                                value="{{ $number }}">
                                            <INPUT type="hidden" name="annee" id="annee"
                                                value="{{ $annee }}">
                                            <INPUT type="hidden" name="niveau" id="niveau"
                                                value="{{ $niveau }}">
                                            <INPUT type="hidden" name="code_unite" id="code_unite"
                                                value="{{ $code_unite }}">
                                            <INPUT type="hidden" name="code_ec" id="code_ec"
                                                value="{{ $code_ecu }}">
                                            <INPUT type="hidden" name="academique" id="academique"
                                                value="{{ $annee_acad }}">
                                            <INPUT type="hidden" name="idFiliere" id="idFiliere"
                                                value="{{ $filiere->idFiliere }}">
                                            <INPUT type="hidden" name="sigle" id="sigle"
                                                value="{{ $filiere->sigleFilieres }}">
                                            <INPUT type="hidden" name="ec" id="ec"
                                                value="{{ $nomEC }}">
                                        </div>
                                    </section>
                                @endfor
                                
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/libs/jquery-steps/build/jquery.steps.min.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.29/dist/sweetalert2.all.min.js"></script>
    @if (Session::has('error'))
        <script>
            console.log('error');
            console.log({{ Session::get('error') }});
            Swal.fire({
                icon: 'error',
                title: 'Référence incorrecte...',
                text: "{{ Session::get('error') }}",
                footer: ''
            })
        </script>
    @endif
    <script>
        //Custom design form example

        $(".tab-wizard").steps({
            headerTag: "h6",
            bodyTag: "section",
            transitionEffect: "fade",
            titleTemplate: '<span class="step">#index#</span> #title#',
            labels: {
                finish: "Submit"
            },
            onFinished: function(event, currentIndex) {
                console.log('submitted')
                // if (allCaseValid()) {
                Swal.fire({
                    title: 'Confirmer cette opération?',
                    text: "Cette opération supprimera définitivement les notes des étudiants de la base.",
                    icon: 'info',
                    showCancelButton: true,
                    confirmButtonColor: 'rgb(44, 208, 126)',
                    cancelButtonColor: '#d33',
                    cancelButtonText: 'Annuler',
                    reverseButtons: true,
                    confirmButtonText: 'Confirmer l\'opération',
                    backdrop: true,
                    preConfirm: () => {
                        let url = "{{ route('operation.delete') }}";

                        let token = document
                            .querySelector('meta[name="csrf-token"]')
                            .getAttribute("content");

                        let options = {
                            headers: {
                                "Content-Type": "application/json",
                                Accept: "application/json, text-plain, */*",
                                "X-Requested-With": "XMLHttpRequest",
                                "X-CSRF-TOKEN": token,
                            },
                            method: "post",
                            credentials: "same-origin",
                            body: JSON.stringify({
                                niveau: $("#niveau").val(),
                                sigle: $("#sigle").val(),
                                annee: $("#annee").val(),
                                idFiliere: $("#idFiliere").val(),
                                ec: $("#ec").val(),
                                totale: $("#totale").val(),
                                code_ec: $("#code_ec").val(),
                                code_unite: $("#code_unite").val(),
                                academique: $("#academique").val()
                            }),
                        };
                        return fetch(url, options)
                            .then((response) => response.json())
                            .then((response) => {
                                console.log(response);
                                if (!response.success) {
                                    throw new Error("L'opération à échoué");
                                };
                            })
                            .catch((e) => {
                                console.log(e);
                                throw new Error("L'opération à échoué");
                            });
                    },
                    allowOutsideClick: () => !Swal.isLoading(),
                    showLoaderOnConfirm: true

                }).then((result) => {
                    if (result.isConfirmed) {
                        Swal.fire(
                            'Suppression des notes de ' + $('#totale').val() + " étudiants",
                            'réalisée avec succès.',
                            'success'
                        );
                        window.location.replace("{{ route('operation.suppression') }}");
                    }
                }).catch(() => {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: 'Une erreur s\'est produite lors de l\'insertion',

                    });
                });


            }
        });


        function alerter(date, nom, prenom) {
            console.log('date');
            // Swal.fire({
            //     title: '<strong>HTML <u>example</u></strong>',
            //     icon: 'info',
            //     html:
            //         '<p>Date de la dernière modification : </p>' + date
            //         '<p>Auteur de la modification : </p>' +
            //         '<a href="//sweetalert2.github.io">links</a> ' + nom + prenom,
            //     showCloseButton: true,
            //     showCancelButton: false,
            //     focusConfirm: false,
            //     confirmButtonText:
            //         '<i class="fa fa-thumbs-up"></i> Great!',
            //     confirmButtonAriaLabel: 'OK !',
            //     })

        }
    </script>
@endsection