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


@section('content')
    {{ html()->form('POST', url('/rappels_multiples_sendmail'))->open() }}
    <div class="card">
        <div class="card-header bg-warning">
            Email multiples pour appels à cotisation
        </div>
        <div class="card-body">
            <div class="row  ">
                    <div class="col-md-6 bg-secondary" style="padding-bottom:30px">
                        <div class="row form-group"">
                        <div class="col-md-4">
                            {!! html()->label( 'Année','annee') !!}
                            {!! html()->select('annee',$exercices,date('Y')-1)
                                ->placeholder('A définir')->attributes(['id' => 'annee','class' => 'form-control'])  !!}
                        </div>
                        <div class="col-md-6">
                            {!! html()->label( 'Trimestre','trimestre') !!}
                            {!! html()->select('trimestre',["T1"=>"1er trimestre","T2"=>"2e trimestre","T3"=>"3e trimestre","T4"=>"4e trimestre"],"")
                                ->placeholder('Choisissez un trimestre')
                                ->attributes(['id' => 'trimestre','class' => 'form-control selectpicker','data-width' => "100%"])  !!}
                        </div>
                    </div>
                    @include("recouvrement.suivi.emails.content_email")
                </div>
                <div class="col-md-6">
                    @include("recouvrement.suivi.emails.liste_destinataires")
                </div>
            </div>
        </div>
    </div>
    {{ html()->form()->close() }}
@endsection



@section('scripts')
    <script>
        $(document).ready(function() {
            $('#btn_envoyer').click(function() { set_pdf();});

            function set_pdf() {
                var trimestre=$('#trimestre').val();
                var annee=$('#annee').val();
                
                if((trimestre=="")||(trimestre==undefined)) {alert('Vous devez choisir un Trimestre');return false;}
                if((annee=="")||(annee==undefined)) {alert('Vous devez choisir une année');return false;}
                if(!confirm("Voulez-vous vraiment envoyer un email à tous les employeurs de la liste ?")) return false;
                $( "form" ).submit();
            }

            var table =$('#_table').DataTable( {
                bAutoWidth: false,
                bPaginate: false,
                bInfo: false,
                bFilter: false,
                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": [[1,'asc']],
                    dom: "<'row'<'col-sm-2 text-left'f><'col-sm-4'><'col-sm-6 text-right'>>" +
                    "<'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