@extends('app')
@section('title', 'Raport '. ucwords($cutting->cutting->libelle))
@section('link')
<!-- Data Table Css -->
<link rel="stylesheet" href="{{asset('bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/pages/data-table/css/buttons.dataTables.min.css')}}">
<link rel="stylesheet" href="{{asset('bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}}">
<style>
    .btn.btn-icons {
        border-radius: 50%;
        width: 25px;
        line-height: 15px;
        height: 25px;
        padding: 2px;
        text-align: center;
    }
    .btn.btn-icons i{
        font-size: 11px;
        margin: 0px auto
    }
    
    .dataTables_length label{
        display: none;
    }
</style>
@endsection
@section('content')
<div class="pcoded-inner-content">
    @include('includes._alert')
    <div class="main-body">
        <div class="page-wrapper">
            <div class="page-body">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card">
                            <div class="card-header mb-0 pb-0">
                                <div class="d-flex justify-content-between">
                                    <h4>Détail Raport</h4>
                                    <strong style="font-size: 20px">{{ ucwords($cutting->cutting->libelle) }}</strong>
                                    <span>
                                        <a href="{{route('trimestriel.index')}}" class="btn btn-inverse btn-outline-inverse  btn-sm py-1 ml-1" title="Return Back"><i class="fas fa-reply mx-0"></i></a>
                                    </span>
                                </div>
                            </div>
                            <hr class="my-0 mx-3">
                            <div class="card-block pt-3">
                                <div class="dt-responsive table-responsive">
                                    <!-- Nav tabs -->
                                    <ul class="nav nav-tabs  tabs" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link {{ session('chpt') ? null :'active'}}" data-toggle="tab" href="#home" role="tab" style="font-size: 15px; font-weight: bold;">Introduction</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link {{ getSession('chpt', 'chapter1') }}" data-toggle="tab" href="#chapter_1" role="tab" style="font-size: 15px; font-weight: bold;">Chapitre I</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link {{ getSession('chpt', 'chapter2') }}" data-toggle="tab" href="#chapter_2" role="tab" style="font-size: 15px; font-weight: bold;">Chapitre II</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link {{ getSession('chpt', 'chapter3') }}" data-toggle="tab" href="#chapter_3" role="tab" style="font-size: 15px; font-weight: bold;">Chapitre III</a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link {{ getSession('chpt', 'chapter4') }}" data-toggle="tab" href="#chapter_4" role="tab" style="font-size: 15px; font-weight: bold;">Chapitre IV</a>
                                        </li>
                                    </ul>
                                    <!-- Tab panes -->
                                    <div class="tab-content tabs card-body" style="min-height: 500px">
                                        <div class="tab-pane {{ session('chpt') ? null :'active'}}" id="home" role="tabpanel">
                                            @livewire('introductif', ['cutting' => $cutting->id, 'school' => auth()->user()->school_id])
                                        </div>
                                        <div class="tab-pane {{ getSession('chpt', 'chapter1') }}" id="chapter_1" role="tabpanel">
                                            <div class="text-center">
                                                <strong style="text-decoration: underline; font-size: 17px">VIE PEDAGOGIQUE ET RESULTATS SCOLAIRES</strong>
                                            </div>
                                            @include('partials.chapter1._content')
                                        </div>
                                        <div class="tab-pane {{ getSession('chpt', 'chapter2') }}" id="chapter_2" role="tabpanel">
                                            <div class="text-center">
                                                <strong style="text-decoration: underline; font-size: 17px">EFFECTIF AVEC L'APPROCHE PAR NIVEAU ET PAR GENRE</strong>
                                            </div>
                                            @include('partials.chapter2._content')
                                        </div>
                                        <div class="tab-pane {{ getSession('chpt', 'chapter3') }}" id="chapter_3" role="tabpanel">
                                            <div class="text-center">
                                                <strong style="text-decoration: underline; font-size: 17px">VIE SCOLAIRE</strong>
                                            </div>
                                            @include('partials.chapter3._content')
                                        </div>
                                        <div class="tab-pane {{ getSession('chpt', 'chapter4') }}" id="chapter_4" role="tabpanel">
                                            <div class="text-center">
                                                <strong style="text-decoration: underline; font-size: 17px">LE PERSONNEL</strong>
                                            </div>
                                            @include('partials.chapter4._content')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
    <script src="{{asset('bower_components/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('bower_components/datatables.net-buttons/js/dataTables.buttons.min.js')}}"></script>
    <script src="{{asset('assets/pages/data-table/extensions/autofill/js/dataTables.autoFill.min.js')}}"></script>
    <script src="{{asset('bower_components/datatables.net-buttons/js/buttons.print.min.js')}}"></script>
    <script src="{{asset('bower_components/datatables.net-buttons/js/buttons.html5.min.js')}}"></script>
    <script src="{{asset('assets/pages/data-table/js/dataTables.bootstrap4.min.js')}}"></script>
    <script src="{{asset('bower_components/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('bower_components/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
    <!-- Custom js -->
    <script src="{{asset('assets/pages/data-table/extensions/colreorder/js/colreorder-custom.js')}}"></script>
    <script src="{{asset('assets/js/pcoded.min.js')}}"></script>
    <script src="{{asset('assets/js/vartical-layout.min.js')}}"></script>
    <script src="{{asset('assets/js/jquery.mCustomScrollbar.concat.min.js')}}"></script>
    <script>
        $(document).ready(function() {

            $('#myTableTchers, #myTable_I_1, #myTable_I_2, #myTable_I_3, #myTable_I_4, #myTable_II_1, #myTable_II_2, #myTable_II_3').DataTable({ ordering: false });

            $('#tableDoc').on('keypress', '.nbre', function(e) {
                var key = e.which || e.keyCode;
                if ((key >= 48 && key <= 57) || key === 8 || key === 46 || key === 127) {
                    return true;
                } else {
                    e.preventDefault();
                }
            });

            $('.chapter3_4').on('click', function(e) {
                e.preventDefault(); $str = $(this).data('id');
                $table = 'myTable'+$str; $val = $str.split('_');
                $i = $('table#'+$table+' tr:last').index() + 1;
                $thm1 = $("#clbs_"+$val[1]+"_"+$i).val(); $thm2 = $("#dtd_"+$val[1]+"_"+$i).val(); $thm3 = $("#dtf_"+$val[1]+"_"+$i).val();
                $thm4 = $("#std_"+$val[1]+"_"+$i).val(); $thm5 = $("#educ_"+$val[1]+"_"+$i).val();
                if($thm1 && $thm2 && $thm3 && $thm4 && $thm5) {
                    $add = addRow3(($i+1), ('clbs_'+$val[1]+'_'), ('dtd_'+$val[1]+'_'), ('dtf_'+$val[1]+'_'), ('cls_'+$val[1]+'_'), ('std_'+$val[1]+'_'), ('educ_'+$val[1]+'_'));
                    $('#'+$table+'>tbody').append($add);
                }
            });

            $('#addDoc').on('click', function(e) {
                e.preventDefault();
                $ligne = $('table#tableDoc tr:last').index() + 1;
                $doc = $("#doc"+$ligne).val(); $nbre = $("#nbre"+$ligne).val(); $text = $("#text"+$ligne).val();
                if($doc && $nbre && $text) {
                    $row = $ligne+1;
                    $add = ('<tr>'+
                        '<td class="p-0">'+
                            '<input type="text" name="docs[]" id="doc'+$row+'" class="form-control m-0">'+
                        '</td>'+
                        '<td class="p-0">'+
                            '<input type="text" name="nbre[]" id="nbre'+$row+'" class="form-control m-0 nbre">'+
                        '</td>'+
                        '<td class="p-0">'+
                            '<input type="text" name="text[]" id="text'+$row+'" class="form-control m-0">'+
                        '</td>'+
                    '</tr>');
                    $('#tableDoc>tbody').append($add);
                }
            });


            $('#btnRespo').on('click', function(e) {
                e.preventDefault();
                $ligne = $('table#tableRespo tr:last').index() + 1;
                $matter = $("#matter"+$ligne).val(); $user = $("#user"+$ligne).val();
                if($matter && $user) {
                    $row = $ligne+1;
                    $add = '<tr>'+
                        '<td class="p-0">'+
                            '<select name="matters[]" id="matter'+$row+'" class="form-control m-0">'+
                                '<option value="">Select ...</option>'+
                                '@foreach ($matters as $matter)'+
                                '<option value="{{ $matter->id }}">{{ ucfirst($matter->libelle) }}</option>'+
                                '@endforeach'+
                            '</select>'+
                        '</td>'+
                        '<td class="p-0">'+
                            '<select name="users[]" id="user'+$row+'" class="form-control m-0">'+
                                '<option value="">Select ...</option>'+
                                '@foreach ($users as $user)'+
                                '<option value="{{ $user->id }}">{{ ($user->sexe == "F" ? "Mme":"Mr")." ".strtoupper($user->first_name)." ".ucwords($user->last_name) }}</option>'+
                                '@endforeach'+
                            '</select>'+
                        '</td>'+
                    '</tr>';
                    $('#tableRespo>tbody').append($add);
                }
            });


            $('#btnUp').on('click', function(e) {
                e.preventDefault();
                $i = $('table#tableUp tr:last').index() + 1;
                $activite = $("#activite_up_"+$i).val(); $theme = $("#theme_up_"+$i).val(); $select = $("#select_up_"+$i).val();
                $time = $("#time_up_"+$i).val(); $date = $("#date_up_"+$i).val(); $content = $("#content_up_"+$i).val();
                if($activite && $theme && $select && $time && $date && $content) {
                    $row = $i+1;
                    $add = addRow('time', 'Heure', $row, 'activite_up_', 'theme_up_', 'select_up_', 'time_up_', 'date_up_', 'content_up_');
                    $('#tableUp>tbody').append($add);
                }
            });


            $('#btnCe').on('click', function(e) {
                e.preventDefault();
                $i = $('table#tableCe tr:last').index() + 1;
                $activite = $("#activite_ce_"+$i).val(); $theme = $("#theme_ce_"+$i).val(); $select = $("#select_ce_"+$i).val();
                $lieu = $("#lieu_ce_"+$i).val(); $date = $("#date_ce_"+$i).val(); $content = $("#content_ce_"+$i).val();
                if($activite && $theme && $select && $lieu && $date && $content) {
                    $row = $i+1;
                    $add = addRow('text', 'Lieu', $row, 'activite_ce_', 'theme_ce_', 'select_ce_', 'lieu_ce_', 'date_ce_', 'content_ce_');
                    $('#tableCe>tbody').append($add);
                }
            });


            $('#btnDirect').on('click', function(e) {
                e.preventDefault();
                $i = $('table#tableDirect tr:last').index() + 1;
                $qualit = $("#qlt_d_"+$i).val(); $teacher = $("#tchr_d_"+$i).val(); $matter = $("#dpl_d_"+$i).val();
                $date = $("#dat_d_"+$i).val(); $time = $("#tim_d_"+$i).val(); $classe = $("#class_d_"+$i).val();
                if($qualit && $teacher && $matter && $date && $time && $classe) {
                    $row = $i+1;
                    $add = addRow2($row, 'qlt_d_', 'tchr_d_', 'dpl_d_', 'dat_d_', 'tim_d_', 'class_d_');
                    $('#tableDirect>tbody').append($add);
                }
            });


            $('#btnAnim').on('click', function(e) {
                e.preventDefault();
                $i = $('table#tableAnim tr:last').index() + 1;
                $qualit = $("#qlt_a_"+$i).val(); $teacher = $("#tchr_a_"+$i).val(); $matter = $("#dpl_a_"+$i).val();
                $date = $("#dat_a_"+$i).val(); $time = $("#tim_a_"+$i).val(); $classe = $("#class_a_"+$i).val();
                if($qualit && $teacher && $matter && $date && $time && $classe) {
                    $row = $i+1;
                    $add = addRow2($row, 'qlt_a_', 'tchr_a_', 'dpl_a_', 'dat_a_', 'tim_a_', 'class_a_');
                    $('#tableAnim>tbody').append($add);
                }
            });


            $('#btnVies').on('click', function(e) {
                e.preventDefault();
                $i = $('table#tableVies tr:last').index() + 1;
                $val1 = $("#infim"+$i).val(); $val2 = $("#biblio"+$i).val(); $val3 = $("#cant"+$i).val();
                $val4 = $("#club"+$i).val(); $val5 = $("#coop"+$i).val(); $val6 = $("#proj"+$i).val();
                if($val1 && $val2 && $val3 && $val4 && $val5 && $val6) {
                    $add = addRow2($i+1);
                    $('#tableVies>tbody').append($add);
                }
            });


            $('.chapter3_2').on('click', function(e) {
                e.preventDefault(); $lib = $(this).data('id');
                $table = 'table1_'+$lib; $i = $('table#'+$table+' tr:last').index() + 1;
                $val = $('#user'+$i+'_'+$lib).val();
                if($val) {
                    $add = addRow5(($i+1), $lib);
                    $('#'+$table+'>tbody').append($add);
                }
            });


            $(document).on('change', '.getClass', function() {
                $id = $(this).val(); $i = $(this).data('id'); $lib = $(this).data('lib'); 
                $libs = $lib.split('_'); $slts = $('#std_'+$libs[1]+'_'+$i);
                $class = 'opt_'+$libs[1]+'_'+$i;
                $('.'+$class).remove();
                $.ajax({
                    url: '{{ route('chapter_3.ajax') }}',
                    method: 'GET',
                    data: { id: $id },
                    success: function(data){
                        if(data.length){
                            $i = 0;
                            while ($i < data.length) {
                                $slts.append(
                                    '<option value="'+data[$i].id+'" class="option '+$class+'">'+data[$i].first_name+' '+data[$i].last_name+'</option>'
                                );
                                $i++;
                            }
                        }
                    }
                });
            });

            
            $(document).on('click', '.btnAbdn', function(e) {
                e.preventDefault();
                $i = $('table#myTableAbdn tr:last').index() + 1;
                $val = $('#std_abd_'+$i).val(); $mtf = $('#motif_'+$i).val();
                if($val && $mtf) {
                    $add = addRowAbd($i+1);
                    $('#myTableAbdn>tbody').append($add);
                }
            });


            $(document).on('click', '.btnGsse', function(e) {
                e.preventDefault();
                $i = $('table#myTableGsse tr:last').index() + 1;
                $dt1 = $('#std_gss_'+$i).val(); $dt2 = $('#dte_d_'+$i).val();
                $dt3 = $('#dte_p_'+$i).val(); $dt4 = $('#qlt_'+$i).val();
                if($dt1 && $dt2 && $dt3 && $dt4) {
                    $add = addRowGss(($i+1), 'class_g_', 'std_gss_', 'dte_d_', 'dte_p_', 'qlt_', 'b_gss');
                    $('#myTableGsse>tbody').append($add);
                }
            });


            $(document).on('click', '.btnMalad', function(e) {
                e.preventDefault();
                $i = $('table#myTableMalad tr:last').index() + 1;
                $dt1 = $('#std_mal_'+$i).val(); $dt2 = $('#dte_ml_'+$i).val();
                $dt3 = $('#mld_'+$i).val(); $dt4 = $('#dure_'+$i).val();
                if($dt1 && $dt2 && $dt3 && $dt4) {
                    $add = addRowGss(($i+1), 'class_ml_', 'std_mal_', 'dte_ml_', 'mld_', 'dure_', 'c_mal');
                    $('#myTableMalad>tbody').append($add);
                }
            });


            $(document).on('click', '.btnDcs', function(e) {
                e.preventDefault();
                $i = $('table#myTableDcs tr:last').index() + 1;
                $dt1 = $('#std_dcs_'+$i).val(); $dt2 = $('#dte_ds_'+$i).val();
                $dt3 = $('#cause_'+$i).val();
                if($dt1 && $dt2 && $dt3) {
                    $add = addRowDcs($i+1);
                    $('#myTableDcs>tbody').append($add);
                }
            });


            function addRow($type, $title, $i, $actit, $them, $selt, $tim, $dat, $text) {
                return('<tr>'+
                    '<td class="" style="width: 100%">'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                            '<label class="col-form-label" for="'+$actit+$i+'">Activité<span class="text-danger">*</span> :</label>'+
                            '<input type="text" name="activite[]" id="'+$actit+$i+'" class="form-control" placeholder="---" autocomplete="off">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                            '<label class="col-form-label" for="'+$them+$i+'">Thème<span class="text-danger">*</span> :</label>'+
                            '<input type="text" name="theme[]" id="'+$them+$i+'" class="form-control" placeholder="---" autocomplete="off">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                            '<label class="col-form-label" for="'+$selt+$i+'">Discipline<span class="text-danger">*</span> :</label>'+
                            '<select name="select[]" id="'+$selt+$i+'" class="form-control">'+
                            '<option value="">Select ...</option>'+
                            '@foreach ($matters as $matter)'+
                            '<option value="{{ $matter->id }}">{{ ucfirst($matter->libelle) }}</option>'+
                            '@endforeach'+
                            '</select>'+
                            '</div>'+
                        '</div>'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                            '<label class="col-form-label" for="'+$tim+$i+'">'+$title+'<span class="text-danger">*</span> :</label>'+
                            '<input type="'+$type+'" name="time[]" id="'+$tim+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                            '<label class="col-form-label" for="'+$dat+$i+'">Date<span class="text-danger">*</span> :</label>'+
                            '<input type="date" name="date[]" id="'+$dat+$i+'" class="form-control">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                            '<label class="col-form-label" for="'+$text+$i+'">Observation<span class="text-danger">*</span> :</label>'+
                            '<input type="text" name="content[]" id="'+$text+$i+'" class="form-control" placeholder="---" autocomplete="off">'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>');
            }


            function addRow2($i, $qlt, $tchr, $dple, $dte, $tme, $class) {
                return('<tr>'+
                    '<td style="width: 100%">'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$qlt+$i+'">Qualité de l\'observateur<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="text[]" id="'+$qlt+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$tchr+$i+'">Professeur<span class="text-danger">*</span> :</label>'+
                                '<select name="user[]" id="'+$tchr+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($users as $user)'+
                                    '<option value="{{ $user->id }}">{{ ($user->sexe == "F" ? "Mme":"Mr")." ".strtoupper($user->first_name)." ".ucwords($user->last_name) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$dple+$i+'">Discipline<span class="text-danger">*</span> :</label>'+
                                '<select name="matter[]" id="'+$dple+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($matters as $matter)'+
                                    '<option value="{{ $matter->id }}">{{ ucfirst($matter->libelle) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                        '</div>'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$dte+$i+'">Date<span class="text-danger">*</span> :</label>'+
                                '<input type="date" name="date[]" id="'+$dte+$i+'" class="form-control">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$tme+$i+'">Heure<span class="text-danger">*</span> :</label>'+
                                '<input type="time" name="time[]" id="'+$tme+$i+'" class="form-control">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$class+$i+'">Classe<span class="text-danger">*</span> :</label>'+
                                '<select name="classe[]" id="'+$class+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($classes as $classe)'+
                                    '<option value="{{ $classe->id }}">{{ ucfirst($classe->libelle) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>');
            }


            function addRow3($i, $id1, $id2, $id3, $id4, $id5, $id6) {
                return ('<tr>'+
                    '<td style="width: 100%">'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$id1+$i+'">Activité<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab1[]" id="'+$id1+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$id2+$i+'">Date debut<span class="text-danger">*</span> :</label>'+
                                '<input type="date" name="tab2[]" id="'+$id2+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$id3+$i+'">Date fin<span class="text-danger">*</span> :</label>'+
                                '<input type="date" name="tab3[]" id="'+$id3+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                        '</div>'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$id4+$i+'">Classe<span class="text-danger">*</span> :</label>'+
                                '<select id="'+$id4+$i+'" class="form-control getClass" data-id="'+$i+'" data-lib="'+$id4+'">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($classes as $classe)'+
                                    '<option value="{{ $classe->id }}">{{ ucfirst($classe->libelle) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$id5+$i+'">Elève<span class="text-danger">*</span> :</label>'+
                                '<select name="tab4[]" id="'+$id5+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="'+$id6+$i+'">Educateur<span class="text-danger">*</span> :</label>'+
                                '<select name="tab5[]" id="'+$id6+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($educs as $user)'+
                                    '<option value="{{ $user->id }}">{{ ($user->sexe == "F" ? "Mme":"Mr")." ".strtoupper($user->first_name)." ".ucwords($user->last_name) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>');
            }


            function addRow4($i) {
                return ('<tr>'+
                    '<td style="width: 100%">'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="infim'+$i+'">Infirmerie<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab1[]" id="infim'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="biblio'+$i+'">Bibliothèque<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab2[]" id="biblio'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="cant'+$i+'">Cantine<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab3[]" id="cant'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                        '</div>'+
                        '<div class="row">'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="club'+$i+'">Activités des clubs et associations<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab4[]" id="club'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="coop'+$i+'">Activités coopératives<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab5[]" id="coop'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-4">'+
                                '<label class="col-form-label" for="proj'+$i+'">Projet d’établissement<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab6[]" id="proj'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>');
            }

        
            function addRow5($i, $lib) {
                return ('<tr>'+
                    '<td class="pb-0">'+
                        '<div class="row m-0">'+
                            '<div class="col-sm-10 offset-sm-1">'+
                                '<label class="col-form-label" for="user'+$i+'_'+$lib+'">Educateur<span class="text-danger">*</span> :</label>'+
                                '<select name="tab[]" id="user'+$i+'_'+$lib+'" class="form-control mb-0">'+
                                '<option value="">Select ...</option>'+
                                '@foreach ($data as $user)'+
                                '<option value="{{ $user->id }}">{{ ($user->sexe == "F" ? "Mme":"Mr")." ".strtoupper($user->first_name)." ".ucwords($user->last_name) }}</option>'+
                                '@endforeach'+
                                '</select>'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>')
            }


            function addRowAbd($i) {
                return ('<tr>'+
                    '<td style="width: 100%">'+
                        '<div class="row">'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="class_'+$i+'">Classe<span class="text-danger">*</span> :</label>'+
                                '<select name="tab1[]" id="class_'+$i+'" class="form-control getClass" data-id="'+$i+'" data-lib="a_abd">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($classes as $classe)'+
                                    '<option value="{{ $classe->id }}">{{ ucfirst($classe->libelle) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="std_abd_'+$i+'">Elève<span class="text-danger">*</span> :</label>'+
                                '<select name="tab2[]" id="std_abd_'+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-12 mt-2">'+
                                '<label class="col-form-label" for="motif_'+$i+'">Motif<span class="text-danger">*</span> :</label>'+
                                '<textarea name="tab3[]" id="motif_'+$i+'" rows="3" cols="5" class="form-control" placeholder="Entrez le motif ici ..." style="resize: none;"></textarea>'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>')
            }


            function addRowGss($i, $input1, $input2, $input3, $input4, $input5, $type) {
                return ('<tr>'+
                    '<td style="width: 100%">'+
                        '<div class="row">'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="'+$input1+$i+'">Classe<span class="text-danger">*</span> :</label>'+
                                '<select name="tab1[]" id="'+$input1+$i+'" class="form-control getClass" data-id="'+$i+'" data-lib="'+$type+'">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($classes as $classe)'+
                                    '<option value="{{ $classe->id }}">{{ ucfirst($classe->libelle) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="'+$input2+$i+'">Elève<span class="text-danger">*</span> :</label>'+
                                '<select name="tab2[]" id="'+$input2+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="'+$input3+$i+'">Date dépot du certificat '+($type == 'c_mal' ? 'médical':'de grossesse' )+'<span class="text-danger">*</span> :</label>'+
                                '<input type="date" name="tab3[]" id="'+$input3+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="'+$input4+$i+'">'+($type == 'c_mal' ? 'Type de maladie':'Date possible d\'accouchement' )+'<span class="text-danger">*</span> :</label>'+
                                '<input type="'+($type == 'c_mal' ? 'text':'date' )+'" name="tab4[]" id="'+$input4+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-12">'+
                                '<label class="col-form-label" for="'+$input5+$i+'">'+($type == 'c_mal' ? 'Durée de la maladie':'Qualité de l\'auteur' )+'<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab5[]" id="'+$input5+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>')
            }

            
            function addRowDcs($i) {
                return ('<tr>'+
                    '<td style="width: 100%">'+
                        '<div class="row">'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="class_dcs_'+$i+'">Classe<span class="text-danger">*</span> :</label>'+
                                '<select name="tab1[]" id="class_dcs_'+$i+'" class="form-control getClass" data-id="'+$i+'" data-lib="d_dcs">'+
                                    '<option value="">Select ...</option>'+
                                    '@foreach ($classes as $classe)'+
                                    '<option value="{{ $classe->id }}">{{ ucfirst($classe->libelle) }}</option>'+
                                    '@endforeach'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="std_dcs_'+$i+'">Elève<span class="text-danger">*</span> :</label>'+
                                '<select name="tab2[]" id="std_dcs_'+$i+'" class="form-control">'+
                                    '<option value="">Select ...</option>'+
                                '</select>'+
                            '</div>'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="dte_ds_'+$i+'">Date de décès<span class="text-danger">*</span> :</label>'+
                                '<input type="date" name="tab3[]" id="dte_ds_'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                            '<div class="col-sm-6">'+
                                '<label class="col-form-label" for="cause_'+$i+'">Cause de décès<span class="text-danger">*</span> :</label>'+
                                '<input type="text" name="tab4[]" id="cause_'+$i+'" class="form-control" placeholder="---">'+
                            '</div>'+
                        '</div>'+
                    '</td>'+
                '</tr>')
            }
        })
    </script>
@endsection