@extends('layout.template')

@section('intitule')
    <h4 class="text-uppercase mb-0">VÉRIFICATION DE NOTES : {{ $nomUE }} : {{ $filiere->intituleFilieres }}
        {{ $annee }}</h4>
@endsection

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

@section('styles')
    <link href="{{ asset('assets/extra-libs/datatables.net-bs4/css/dataTables.bootstrap4.css') }}" rel="stylesheet">

    <link rel="stylesheet" type="text/css"
        href="{{ asset('assets/extra-libs/datatables.net-bs4/css/responsive.dataTables.min.css') }}">

    <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 renseigner la note des étudiants par
                    @if ($operation == 2)
                        UE
                    @else
                        EC
                    @endif.</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 -->
                                @if ($operation == 2)
                                    <h6>{{ $nomUE }}</h6>
                                    <section>
                                        <div class="row justify-content-center">
                                            <div class="wizard-content">
                                                <div class="wizard-pane active" role="tabpanel" aria-expanded="true">
                                                    <div id="examtablec1_wrapper" class="dataTables_wrapper no-footer">
                                                        <div class="table-responsive">
                                                            <table id="" cellpadding="10px"
                                                                class=" zero_config compact table table-striped table-bordered ">
                                                                <thead>
                                                                    <tr>
                                                                        <th style="width:1%; text-align: center;">#</th>
                                                                        <th style="width:8%; text-align: center;">Matricule
                                                                        </th>
                                                                        <th style="width:5%; text-align: center;">Sexe </th>
                                                                        <th style="width:5%; text-align: center;">Statut
                                                                        </th>
                                                                        <th style="width:30%;">Noms </th>
                                                                        <th style="width:35%;">prénoms</th>
                                                                        <th style="width: 3%; text-align: center;">Notes
                                                                        </th>

                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @php
                                                                        $number = 0;
                                                                        $code_ecu = $elements[0]->code_ecu;
                                                                    @endphp
                                                                    @foreach ($selections as $selection)
                                                                        @foreach ($statuts as $statut)
                                                                            @if ($statut->idStatut == $selection->statut)
                                                                                @php
                                                                                    $stat = $statut->statut;
                                                                                @endphp
                                                                            @endif
                                                                        @endforeach
                                                                        @foreach ($notes as $note)
                                                                            @if ($note->code_ecu == $code_ecu && $note->matricule == $selection->matricule)
                                                                                <tr>
                                                                                    <td style='width:3%;overflow:auto'
                                                                                        align=center>
                                                                                        <font color=red>{{ $number }}
                                                                                        </font>
                                                                                    </td>
                                                                                    <td style='width:8%;overflow:auto'
                                                                                        align=center>
                                                                                        <font color=blue>
                                                                                            {{ $selection->matricule }}
                                                                                        </font>
                                                                                    </td>
                                                                                    <td style='width:5%;overflow:auto'
                                                                                        align=center>
                                                                                        <font color=blue>
                                                                                            {{ $selection->sexe }}</font>
                                                                                    </td>
                                                                                    <td style='width:5%;overflow:auto'
                                                                                        align=center>
                                                                                        <font color=blue>
                                                                                            {{ $stat }}</font>
                                                                                    </td>
                                                                                    <td style='width:30%;overflow:auto'>
                                                                                        {{ $selection->nom }}</td>
                                                                                    <td style='width:30%;overflow:auto'>
                                                                                        {{ $selection->prenom }}</td>
                                                                                    <td style='width:3%;overflow:auto'
                                                                                        align='center' contenteditable
                                                                                        class='update'
                                                                                        data-id='{{ $note->id }}'
                                                                                        data-column='noteUE'>
                                                                                        <b>{{ $note->noteEcu }}</b></td>
                                                                                </tr>
                                                                            @endif
                                                                        @endforeach
                                                                        @php
                                                                            $number++;
                                                                        @endphp
                                                                    @endforeach
                                                                    <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=academique id=academique
                                                                        value={{ $annee_acad }}>
                                                                    <INPUT type=hidden name=idFiliere id=idFiliere
                                                                        value={{ $filiere->idFiliere }}>
                                                                    <INPUT type=hidden name=operation id=operation
                                                                        value={{ $operation }}>
                                                                    <INPUT type=hidden name=sigle id=sigle
                                                                        value={{ $filiere->sigleFilieres }}>
                                                                    <INPUT type=hidden name=nomUE id=nomUE
                                                                        value={{ $nomUE }}>

                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                @else
                                    @if ($operation == 0)
                                        @foreach ($elements as $element)
                                            @php
                                                $code_ecu = $element->code_ecu;
                                                $intituleEcu = $element->intituleEcu;
                                            @endphp
                                            <h6>{{ $intituleEcu }}</h6>
                                            <section>
                                                <div class="row justify-content-center">
                                                    <div class="wizard-content">
                                                        <div class="wizard-pane active" role="tabpanel"
                                                            aria-expanded="true">
                                                            <div id="examtablec1_wrapper"
                                                                class="dataTables_wrapper no-footer">
                                                                <div class="table-responsive">
                                                                    <table id="" cellpadding="10px"
                                                                        class=" zero_config compact table table-striped table-bordered "
                                                                        style="width: 100% !important;">
                                                                        <thead>
                                                                            <tr>
                                                                                <th style="width:1%; text-align: center;">#
                                                                                </th>
                                                                                <th style="width:8%; text-align: center;">
                                                                                    Matricule</th>
                                                                                <th style="width:5%; text-align: center;">
                                                                                    Sexe </th>
                                                                                <th style="width:5%; text-align: center;">
                                                                                    Statut </th>
                                                                                <th style="width:30%;">Noms </th>
                                                                                <th style="width:35%;">prénoms</th>
                                                                                <th style="width: 3%; text-align: center;">
                                                                                    Notes</th>

                                                                            </tr>
                                                                            <tr>
                                                                                <th style="text-align: center;"
                                                                                    colspan="7">EC : {{ $intituleEcu }}
                                                                                </th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            @php
                                                                                $number = 0;
                                                                            @endphp
                                                                            @foreach ($selections as $selection)
                                                                                @php
                                                                                    $number++;
                                                                                @endphp
                                                                                @foreach ($statuts as $statut)
                                                                                    @if ($statut->idStatut == $selection->statut)
                                                                                        @php
                                                                                            $stat = $statut->statut;
                                                                                        @endphp
                                                                                    @endif
                                                                                @endforeach
                                                                                @foreach ($notes as $note)
                                                                                    @if ($note->code_ecu == $code_ecu && $note->matricule == $selection->matricule)
                                                                                        <tr>
                                                                                            <td style='width:1%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=red>
                                                                                                    {{ $number }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td style='width:8%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=blue>
                                                                                                    {{ $selection->matricule }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td style='width:5%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=blue>
                                                                                                    {{ $selection->sexe }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td style='width:5%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=blue>
                                                                                                    {{ $stat }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td
                                                                                                style='width:30%;overflow:auto'>
                                                                                                {{ $selection->nom }}</td>
                                                                                            <td
                                                                                                style='width:35%;overflow:auto'>
                                                                                                {{ $selection->prenom }}
                                                                                            </td>
                                                                                            <td style='width:3%;overflow:auto'
                                                                                                align='center'
                                                                                                contenteditable
                                                                                                class='update'
                                                                                                data-id='{{ $note->id }}'
                                                                                                data-column='noteEcu'>
                                                                                                <b>{{ $note->noteEcu }}</b>
                                                                                            </td>
                                                                                        </tr>
                                                                                    @endif
                                                                                @endforeach
                                                                            @endforeach
                                                                            <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=academique id=academique
                                                                                value={{ $annee_acad }}>
                                                                            <INPUT type=hidden name=idFiliere id=idFiliere
                                                                                value={{ $filiere->idFiliere }}>
                                                                            <INPUT type=hidden name=operation id=operation
                                                                                value={{ $operation }}>
                                                                            <INPUT type=hidden name=sigle id=sigle
                                                                                value={{ $filiere->sigleFilieres }}>
                                                                            <INPUT type=hidden name=nomUE id=nomUE
                                                                                value={{ $nomUE }}>

                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        @endforeach
                                    @else
                                        @foreach ($elements as $element)
                                            @php
                                                $code_ecu = $element->code_ecu;
                                                $intituleEcu = $element->intituleEcu;
                                            @endphp
                                            <h6>{{ $intituleEcu }}</h6>
                                            <section>
                                                <div class="row justify-content-center">
                                                    <div class="wizard-content">
                                                        <div class="wizard-pane active" role="tabpanel"
                                                            aria-expanded="true">
                                                            <div id="examtablec1_wrapper"
                                                                class="dataTables_wrapper no-footer">
                                                                <div class="table-responsive">
                                                                    <table id="" cellpadding="10px"
                                                                        class=" zero_config compact table table-striped table-bordered ">
                                                                        <thead>
                                                                            <tr style="width: 100%;">
                                                                                <th style="width:1%; text-align: center;">#
                                                                                </th>
                                                                                <th style="width:8%; text-align: center;">
                                                                                    Matricule</th>
                                                                                <th style="width:2%; text-align: center;">
                                                                                    Sexe </th>
                                                                                <th style="width:2%; text-align: center;">
                                                                                    Statut </th>
                                                                                <th style="width:30%;">Noms </th>
                                                                                <th style="width:35%;">prénoms</th>
                                                                                <th style="width: 3%; text-align: center;">
                                                                                    Contrôle continue</th>
                                                                                <th style="width: 3%; text-align: center;">
                                                                                    Examen</th>
                                                                                <th style="width: 3%; text-align: center;">
                                                                                    Moyenne</th>

                                                                            </tr>
                                                                            <tr>

                                                                                <th style="text-align: center;"
                                                                                    colspan="9">EC :
                                                                                    {{ $intituleEcu }}</th>

                                                                            </tr>
                                                                        </thead>
                                                                        <tbody>
                                                                            @php
                                                                                $number = 0;
                                                                            @endphp
                                                                            @foreach ($selections as $selection)
                                                                                @foreach ($statuts as $statut)
                                                                                    @if ($statut->idStatut == $selection->idStatut)
                                                                                        @php
                                                                                            $stat = $statut->statut;
                                                                                        @endphp
                                                                                    @endif
                                                                                @endforeach
                                                                                @foreach ($notes as $note)
                                                                                    @if ($note->code_ecu == $code_ecu && $note->matricule == $selection->matricule)
                                                                                        <tr>
                                                                                            <td style='width:3%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=red>
                                                                                                    {{ $number }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td style='width:8%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=blue>
                                                                                                    {{ $selection->matricule }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td style='width:2%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=blue>
                                                                                                    {{ $selection->sexe }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td style='width:2%;overflow:auto'
                                                                                                align=center>
                                                                                                <font color=blue>
                                                                                                    {{ $stat }}
                                                                                                </font>
                                                                                            </td>
                                                                                            <td
                                                                                                style='width:30%;overflow:auto'>
                                                                                                {{ $selection->nom }}</td>
                                                                                            <td
                                                                                                style='width:35%;overflow:auto'>
                                                                                                {{ $selection->prenom }}
                                                                                            </td>
                                                                                            <td style='width:3%;overflow:auto'
                                                                                                align='center'
                                                                                                contenteditable
                                                                                                class='update'
                                                                                                data-id='{{ $note->id }}'
                                                                                                data-column='noteCC'>
                                                                                                <b>{{ $note->noteCC }}</b>
                                                                                            </td>
                                                                                            <td style='width:3%;overflow:auto'
                                                                                                align='center'
                                                                                                contenteditable
                                                                                                class='update'
                                                                                                data-id='{{ $note->id }}'
                                                                                                data-column='noteEX'>
                                                                                                <b>{{ $note->noteEX }}</b>
                                                                                            </td>
                                                                                            <td style='width:3%;overflow:auto'
                                                                                                align='center'
                                                                                                contenteditable
                                                                                                class='update'
                                                                                                data-id='{{ $note->id }}'
                                                                                                data-column='noteEcu'>
                                                                                                <b>{{ $note->noteEcu }}</b>
                                                                                            </td>

                                                                                        </tr>
                                                                                    @endif
                                                                                @endforeach
                                                                                @php
                                                                                    $number++;
                                                                                @endphp
                                                                            @endforeach
                                                                            <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=academique id=academique
                                                                                value={{ $annee_acad }}>
                                                                            <INPUT type=hidden name=idFiliere id=idFiliere
                                                                                value={{ $filiere->idFiliere }}>
                                                                            <INPUT type=hidden name=operation id=operation
                                                                                value={{ $operation }}>
                                                                            <INPUT type=hidden name=sigle id=sigle
                                                                                value={{ $filiere->sigleFilieres }}>
                                                                            <INPUT type=hidden name=nomUE id=nomUE
                                                                                value={{ $nomUE }}>

                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </section>
                                        @endforeach
                                    @endif

                                @endif

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/extra-libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/extra-libs/datatables.net-bs4/js/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('dist/js/pages/datatable/datatable-basic.init.js') }}"></script>





    <script src="{{ asset('assets/libs/jquery-steps/build/jquery.steps.min.js') }}"></script>




    <script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>

    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.flash.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>

    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>

    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>

    <script src="{{ asset('dist/js/pages/datatable/datatable-advanced.init.js') }}"></script>






    <script>
        //     $(document).ready( function () {
        //     $('#datatable').DataTable({
        //         dom: 'Bfrtip',
        //         buttons: [
        //              'excel', 'pdf', 'print'
        //         ]
        //     });
        // } );
        //  $(document).ready( function () {
        //     $('#datatable2').DataTable({
        //         dom: 'Bfrtip',
        //         buttons: [
        //              'excel', 'pdf', 'print'
        //         ]
        //     });
        // } );
    </script>

    <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) {


            }
        });
    </script>
    <script src="{{ asset('assets/libs/block-ui/jquery.blockUI.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.29/dist/sweetalert2.all.min.js"></script>
    <script>
        $(document).ready(function() {
            function update_data(id, column_name, value) {
                $.blockUI({
                    message: '<h3>S\'il vous plaît, veuillez patienter...</h3>',
                    centerY: 0,
                    css: {
                        top: '10px',
                        left: '',
                        right: '10px',
                        border: '3px solid #a00'
                    },
                    overlayCSS: {
                        backgroundColor: '#f00',
                        opacity: 0.6,
                        cursor: 'wait'
                    }
                });


                let url = "{{ route('operation.update') }}";
                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({
                        id: id,
                        column_name: column_name,
                        value: value
                    }),
                };
                fetch(url, options)
                    .then((response) => response.json())
                    .then((response) => {
                        if (response.success) {

                            $.unblockUI()
                            console.log(response);

                        } else {
                            $.unblockUI()
                            Swal.fire({
                                icon: 'error',
                                title: 'Oops...',
                                text: response.message,

                            })
                            console.log(response);

                        }
                    })
                    .catch((e) => {
                        $.unblockUI()
                        Swal.fire({
                            icon: 'error',
                            title: 'Problème d\'authentification',
                            text: response.message,

                        })
                        console.log(e);
                    });
                //     $.ajax({
                // 		url:"update_note.php",
                // 		method:"POST",
                // 		data:{id:id, column_name:column_name, value:value},
                // 		success:function(data) {
                // 			$('#alert_message').html('<div class="alert alert-danger">'+data+'</div>');
                // 			$.unblockUI();
                // 		}
                //    });
                //    setInterval(function(){
                // 	$('#alert_message').html('');
                //    }, 7000);
            }

            $(document).on('blur', '.update', function() {
                var value = $(this).text();
                var column_name = $(this).data("column");
                var id = $(this).data("id");
                console.log(id);
                update_data(id, column_name, value);
            });

        });
    </script>
@endsection