@extends('layouts.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: 'Oops...',
                            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