<script type="text/javascript">
    var eTarget;
    $(document).ready(function() {


        @if(isset($mode_lettrage) && ($mode_lettrage) )
            /* ******** */
            /* LETTRAGE */
            /* ******** */
            $('#box_all').click(function() {
                check_all();
            })

            $('.box_td').click(function() {
                check();
            })

            //Complete la liste des boites cochées
            function check(check_all=0) {
                var listbox='<?php echo $liste_id ?>';
                var t_listbox=listbox.split(',');
                var listcheck="";
                var montant_credit=0;
                var montant_debit=0;
                for(i=0;i<t_listbox.length;i++) {
                    if(check_all==1) $("#box_"+t_listbox[i]).prop('checked','true');
                    if(check_all==2) $("#box_"+t_listbox[i]).prop('checked','');
                    if($("#box_"+t_listbox[i]).prop('checked'))  {
                        listcheck+=((listcheck=="")?"":",")+t_listbox[i];
                        montant_credit+=parseInt($("#credit_"+t_listbox[i]).html());
                        montant_debit+=parseInt($("#debit_"+t_listbox[i]).html());
                    }
                }
                $("#checklist").val(listcheck);
                var total=montant_credit-montant_debit;
                $("#montant_lettrage").val(total);
                if((total!=0)||(listcheck=="")) $("#bt_lettrer").hide();
                else $("#bt_lettrer").show();
            }

            function check_all() {
                if($("#box_all").prop('checked')) check(1);
                else  check(2);
            }

            function affiche(val) {
                var url="{!! url('reglement_pointage/') !!}/"
                        +$('#employeur_id2').val()+"/"+$('#exercice_id').val()+"/";
                if(val==0) url+="1";
                else  url+="0";
                location.href=url;
            }

            check();
        @endif
        
        $(".various").fancybox({
            //maxWidth    : 800,
            //maxHeight   : 600,
            fitToView   : true,
            //width       : '85%',
            //height      : '70%',
            autoSize    : true,
            autoScale   : true,
            closeClick  : true,
            openEffect  : 'fade',
            closeEffect : 'fade',
        });

        $( "#btn_valide_periode_bordereau" ).click(
            function() {
                var tri_cotis=$('#tri_cotis').val();
                var per_cotis=$('#per_cotis').val();
                var annee_cotis=$('#annee_cotis').val();
                var employeur_id={!! $employeur->id !!};
                if(tri_cotis=="") {alert("Vous devez choisir un trimestre");return;}
                if(annee_cotis=="") return;

                var url='{!! url("cotisations_bordereau_cotisation") !!}'+"/"+employeur_id;
                url+="/"+annee_cotis;
                url+="/"+tri_cotis;
                if(per_cotis!="") url+="/"+per_cotis.replace(/\//g,"_");
                window.open(url,'_blank');
                $( "#btn_close_periode_bordereau" ).click();
            }
        );

        var table =$('#_table_cotisation').dataTable( {
            bAutoWidth: false,bPaginate: true,bInfo: true,
            bFilter: true,deferRender:    true,"ordering": true,
            scrollCollapse: false,scroller:false,iDisplayLength:10,
            oLanguage: {
                "sZeroRecords": "Aucune ligne",
                "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
                "sInfoEmpty": "Showing 0 to 0 of 0 records",
                "sInfoFiltered": "(sur un total de _MAX_ lignes)",
                "oPaginate": {"sPrevious": "Pr&eacute;c&eacute;dente","sNext": "Suivante"
                    ,"sFirst": "Premi&egrave;re","sLast": "Derni&egrave;re"},
                    "sSearch":"Chercher ",
                buttons: {
                    colvis: 'Colonnes',
                    copy: 'Copier',print: 'Imprimer',
                    copyTitle: 'Ajouté au presse-papiers',
                    copyKeys: 'Appuyez sur <i>ctrl</i> ou <i>\u2318</i> + <i>C</i> pour copier les données du tableau à votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.',
                    copySuccess: {
                        _: '%d lignes copiées',
                        1: '1 ligne copiée'
                        }
                    }
                },
                    dom: "<'row'<'col-sm-1 text-left'f><'col-sm-11 text-right'B>>" +
                "<'row'<'col-sm-12'tr>>" +"<'row'<'col-sm-3'><'col-sm-3'><'col-sm-6'p>>",
                buttons: [
                    {extend: 'copy',exportOptions: {columns: ':visible'} },
                    {extend: 'excel',exportOptions: {columns: ':visible'} },
                    'colvis'
                ],
        } );

        var table =$('#_table_employes').dataTable( {
            bAutoWidth: false,bPaginate: true,bInfo: true,
            bFilter: true,deferRender:    true,
            scrollCollapse: false,scroller:false,iDisplayLength:10,
            oLanguage: {
                "sZeroRecords": "Aucune ligne",
                "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
                "sInfoEmpty": "Showing 0 to 0 of 0 records",
                "sInfoFiltered": "(sur un total de _MAX_ lignes)",
                "oPaginate": {"sPrevious": "Pr&eacute;c&eacute;dente","sNext": "Suivante"
                    ,"sFirst": "Premi&egrave;re","sLast": "Derni&egrave;re"},
                    "sSearch":"Chercher ",
                buttons: {
                    colvis: 'Colonnes',
                    copy: 'Copier',print: 'Imprimer',
                    copyTitle: 'Ajouté au presse-papiers',
                    copyKeys: 'Appuyez sur <i>ctrl</i> ou <i>\u2318</i> + <i>C</i> pour copier les données du tableau à votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.',
                    copySuccess: {
                        _: '%d lignes copiées',
                        1: '1 ligne copiée'
                        }
                    }
                },
            dom: "<'row'<'col-sm-1 text-left'f><'col-sm-11 text-right'B>>" +"<'row'<'col-sm-12'tr>>" +"<'row'<'col-sm-5'i><'col-sm-7'p>>",
            buttons: [
                {extend: 'copy',exportOptions: {columns: ':visible'} },
                {extend: 'excel',exportOptions: {columns: ':visible'} },
                'colvis'
            ],
        } );

        var table =$('#_table_controles').dataTable( {
            bAutoWidth: false,bPaginate: true,bInfo: true,
            bFilter: true,deferRender:    true,
            scrollCollapse: false,scroller:false,iDisplayLength:10,
            oLanguage: {
                "sZeroRecords": "Aucune ligne",
                "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
                "sInfoEmpty": "Showing 0 to 0 of 0 records",
                "sInfoFiltered": "(sur un total de _MAX_ lignes)",
                "oPaginate": {"sPrevious": "Pr&eacute;c&eacute;dente","sNext": "Suivante"
                    ,"sFirst": "Premi&egrave;re","sLast": "Derni&egrave;re"},
                    "sSearch":"Chercher ",
                buttons: {
                    colvis: 'Colonnes',
                    copy: 'Copier',print: 'Imprimer',
                    copyTitle: 'Ajouté au presse-papiers',
                    copyKeys: 'Appuyez sur <i>ctrl</i> ou <i>\u2318</i> + <i>C</i> pour copier les données du tableau à votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.',
                    copySuccess: {
                        _: '%d lignes copiées',
                        1: '1 ligne copiée'
                        }
                    }
                },
                    dom: "<'row'<'col-sm-1 text-left'f><'col-sm-11 text-right'B>>" +
                "<'row'<'col-sm-12'tr>>" +"<'row'<'col-sm-3'><'col-sm-3'><'col-sm-6'p>>",
                buttons: [
                    {extend: 'copy',exportOptions: {columns: ':visible'} },
                    {extend: 'excel',exportOptions: {columns: ':visible'} },
                    'colvis'
                ],
        });


        var table =$('#_table_ecritures').dataTable( {
            bAutoWidth: false,bPaginate: false,bInfo: false,
            bFilter: false,deferRender:    true,"ordering": true,
            scrollCollapse: false,scroller:false,
            oLanguage: {
                "sZeroRecords": "Aucune ligne",
                "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
                "sInfoEmpty": "Showing 0 to 0 of 0 records",
                "sInfoFiltered": "(sur un total de _MAX_ lignes)",
                "oPaginate": {"sPrevious": "Pr&eacute;c&eacute;dente","sNext": "Suivante"
                    ,"sFirst": "Premi&egrave;re","sLast": "Derni&egrave;re"},
                    "sSearch":"Chercher ",
                buttons: {
                    colvis: 'Colonnes',
                    copy: 'Copier',print: 'Imprimer',
                    copyTitle: 'Ajouté au presse-papiers',
                    copyKeys: 'Appuyez sur <i>ctrl</i> ou <i>\u2318</i> + <i>C</i> pour copier les données du tableau à votre presse-papiers. <br><br>Pour annuler, cliquez sur ce message ou appuyez sur Echap.',
                    copySuccess: {
                        _: '%d lignes copiées',
                        1: '1 ligne copiée'
                        }
                    }
                },
                    dom: "<'row'<'col-sm-1 text-left'f><'col-sm-11 text-right'B>>" +
                "<'row'<'col-sm-12'tr>>" +"<'row'<'col-sm-3'><'col-sm-3'><'col-sm-6'p>>",
                buttons: [
                    {extend: 'copy',exportOptions: {columns: ':visible'} },
                    {extend: 'excel',exportOptions: {columns: ':visible'} },
                    'colvis'
                ],
                "aaSorting": [
                    [1,'asc']
                ],
        } );

        $('#datepicker_date_deb').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });

        $('#datepicker_date_fin').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });

        $('#datepicker_date_med').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });

        $('#datepicker_date_maj').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });

        $('#datepicker_date_cont').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });

        $('#datepicker_der_mois').datepicker({
            format: "dd/mm/yyyy",language: "fr",autoclose: true
        });

    });
</script>
