@extends('layouts.dash')
@section('title') Rappels @stop
@section('title_card',"")
@section('subtitle_card',"")


@section('content')
    <div class="card">
        <div class="card-header bg-info">
            Employeurs Actifs<small> - Envoi des appels de cotisations</small>
        </div>
        <div class="card-body">
            {{ html()->form('POST', url('/rappels_multiples_prepare'))->open() }} 
                <div class="row form-group">
                    <div class="col-md-2">
                        <input type='button' class="btn btn-sm bg-primary" id='btn_pdf' value="Envoyer à la sélection" />
                    </div>
                    <p class="text-primary" name="nb_select" id='nb_select'></p>
                </div>
                <input type="hidden" name="list_check" id='list_check' value="">
                <table id="_table" style="background-color:white"  
                    class="table table-condensed table-striped table-hover table-bordered">
                    <thead>
                        <tr>
                            <th width="1px" nowrap>Sel.
                                <input id="box_all" class="form-control" name="sel" type="checkbox" value="1">
                            </th>
                            <th >N°</th>
                            <th>Nom</th>
                            <th >NbSal</th>
                            <th >Email</th>
                            <th width='5%'>Statut</th>
                        </tr>
                    </thead>
        
                    <tbody>
                        @php $t_emp=[]; @endphp
                        @foreach ($employeurs as $employeur)
                            @php 
                                $t_emp[]=$employeur->id;
                                $nom_fichier=$employeur->getSendEmailLastPJ("REC_BRD_RELEVE");
                                $filename=url("/upload/recouvrement/bordereau/".$nom_fichier);
                                $bad_adress=false;
                                if (!filter_var($employeur->email, FILTER_VALIDATE_EMAIL)) $bad_adress=true;
                            @endphp
                            <tr>
                                <td style='margin:0px'>
                                    @if(!$bad_adress)
                                    <input id="box_{!! $employeur->id !!}" class="box_one form-control" name="box_{!! $employeur->id !!}" type="checkbox" value="1" '>
                                    @endif
                                </td>
                                <td>{!! str_pad($employeur->id,4,'0',STR_PAD_LEFT) !!}</td>
                                <td>{!! $employeur->NomReduit !!}</td>
                                <td align="center"> {!! $employeur->Nbemployes !!}</td>
                                <td>{!! $employeur->email !!}
                                    @if($bad_adress)
                                        <br/><span class="text-danger">Adresse email invalide</span>
                                    @endif
                                </td>
                                <td align="center">{!! $employeur->statut !!}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            {{ html()->form()->close() }}
        </div>
    </div>
@endsection



@section('scripts0')
    <script>
        $(document).ready(function() {
            let t_lignes={!! json_encode($t_emp) !!};

            $('#box_all').click(function() { select_all();});
            $('.box_one').click(function() { calcul_select();});
            $('#btn_pdf').click(function() { prepare();});
           
            function prepare() {
                var lst=$('#list_check').val();
                var nb = lst.split(";").length;
                if(lst=="") nb=0;
                if(nb==0) {alert('Vous devez sélectionner au moins un employeur');return false;}
                $( "form" ).submit();
            }



            function select_all() {
                var lst="";
                var check=$('#box_all').prop('checked');
                if(check) check="checked";
                for(var i=0;i<t_lignes.length;i++) {
                    $('#box_'+t_lignes[i]).prop("checked",check);
                    var check=$('#box_'+t_lignes[i]).prop('checked');
                    if(check) lst+=((lst=="")?"":";")+t_lignes[i];
                }
                set_list(lst);
            }

            function calcul_select() {
                var lst="";
                for(var i=0;i<t_lignes.length;i++) {
                    var check=$('#box_'+t_lignes[i]).prop('checked');
                    if(check) lst+=((lst=="")?"":";")+t_lignes[i];
                }
                set_list(lst);
            }

            function set_list(lst="") {
                $('#list_check').val(lst);
                if(lst=="") nb=0;
                else {
                    var nt_lst=lst.split(";");
                    var nb = nt_lst.length;
                }
                $('#nb_select').html(nb+' employeurs sélectionné'+((nb>1)?'s':''));
                
            }

            function init_list() {
                var lst=$('#list_check').val();
                var nt_lst=lst.split(";");
                for(var i=0;i<nt_lst.length;i++) {
                    $('#box_'+nt_lst[i]).prop('checked',true);
                }
                set_list(lst);
            }

            init_list();
        } );
    </script>

@endsection

@section('scripts')
    <script>
        $(document).ready(function() {
            var table =$('#_table').DataTable( {
                bAutoWidth: false,
                bPaginate: false,
                bInfo: true,
                bFilter: true,
                oLanguage: {
                    "sZeroRecords": "Aucune ligne",
                    "sInfo": "Affichage de _START_ &agrave; _END_ sur _TOTAL_ lignes",
                    "sInfoEmpty": "Showing 0 to 0 of 0 records",
                    "decimal": ",",
                    "thousands": " ",
                    "sSearch":"Chercher",

                    buttons: {
                        colvis: 'Colonnes à afficher',
                        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'
                        }
                    }

                    },
                    "aaSorting": [
                        [2,'asc']
                    ],

                    dom: "<'row'<'col-sm-2 text-left'f><'col-sm-4'><'col-sm-6 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'} },
                    ],

                } );
        } );

    </script>
@endsection