@include('forms.fbncheader')
@include('forms.fdatatables')


<div style="background-color:rgba(255,215,0,.2);"  
    class="col-lg-max container-fluid">

    <div style="padding-left:0px" class="col-lg-max">
         <div class="row" style="">   
            <div class="col-xs-1" style="padding-left:0px;">
               {!! Html::image("img/bordereaux.png", 
                    "Imputations", array( 'width'=>'100%',
                        "style"=>"padding:4px" ))
                !!} 
            </div>

            <div class="col-xs-8" style="padding-left:0px;">
                <h1 style="margin-top:2px;margin-bottom:0px;">
                    Etats des Bordereaux de cotisation
                    <small>
                    {!! ($bdx_prive_id!="")?"Privé N°".$bdx_prive_id." - ".$exercice:"" !!}
                    {!! ($bdx_id!="")?"Public N°".$bdx_id." - ".$exercice:"" !!}
                    </small>
                </h1>
            </div>
        </div> 
    </div>

    <div style="padding-left:0px" class="col-lg-max">
         <div class="row" style="">   
                <div class="col-md-2" style="">
                    {!! Form::label('select_bdx', 'Bdx Publics') !!}
                    {!! Form::select('select_bdx',$lst_bdx_publics,
                        $bdx_id,['id'=>'select_bdx','class' => 'form-control  selectpicker','id'=>'select_bdx'] ) !!}
                </div>

                <div class="col-md-2" style="">
                    {!! Form::label('select_bdx_prive', 'Bdx Privés') !!}
                    {!! Form::select('select_bdx_prive',$lst_bdx_prives,
                        $bdx_prive_id,['id'=>'select_bdx_prive','class' => 'form-control  selectpicker','id'=>'select_bdx_prive'] ) !!}
                </div>

                <div class="col-md-1" style="">
                    {!! Form::label('exercice', 'Exercice') !!}
                    {!! Form::select('exercices',$exercices,
                        $exercice,['id'=>'exercice','class' => 'form-control  selectpicker','id'=>'exercice'] ) !!}
                </div>

                <script>
                    $(document).ready(function() {
                        $('#select_bdx').change(function() {
                            $('#select_bdx_prive').val("");
                            var select_bdx_id=$('#select_bdx').val();
                            //if(select_bdx_id!="") 
                            get_bordereaux();
                        });

                        $('#select_bdx_prive').change(function() {
                            $('#select_bdx').val("");
                            var select_bdx_prive=$('#select_bdx_prive').val();
                            //if(select_bdx_prive!="")
                            get_bordereaux(); 
                        });

                        $('#exercice').change(function() {
                            var exercice = $('#exercice').val();
                            var url="{!! url('recouvrement/bordereaux/') !!}"+"/"+exercice;
                            //window.open(url);
                            location.href=url;
                        });

                        function get_bordereaux() {

                            var url="{!! url('recouvrement/bordereaux/') !!}";
                            var select_bdx_id = $('#select_bdx').val();
                            var select_bdx_prive_id = $('#select_bdx_prive').val();
                            var exercice = $('#exercice').val();
                            var pupri="";
                            var bdx_id="";

                            if((select_bdx_id=="")&&(select_bdx_prive_id=="")) {
                                location.href="{!! url('recouvrement/bordereaux') !!}";
                                return;
                            }
                            if(select_bdx_id!="") {pupri="PU";bdx_id=select_bdx_id;}
                            if(select_bdx_prive_id!="") {pupri="PR";bdx_id=select_bdx_prive_id;}

                            url=url+"/"+exercice+"/"+bdx_id+"/"+pupri;
                            location.href=url;
                        }
                    })
                </script>

                <div class="col-xs-7 " style="padding-top:25px;">
                @if($user->can("COT_VAL") || $user->HasRole("ADMINISTRATEUR"))
                    @if( (count($cotisations)>0  ) 
                        && ( ($bdx_prive_id!="")||($bdx_id!=""))
                        && (($bdx_id!="9999")&&($bdx_prive_id!="9999"))
                        )
                        @if( ($typeval=="C") || ($typeval=="") )
                        
                            <a href="{!! url('recouvrement/bordereaux_val/D/'.$bdx_prive_id.$bdx_id.'/'.($bdx_id?'PU':'PR').'/'.$exercice) !!}" 
                                class="btn btn-warning" >
                                Valider les débits
                            </a>

                        @endif

                        @if( ($typeval=="D") || ($typeval=="") )

                            <a href="{!! url('recouvrement/bordereaux_val/C/'.$bdx_prive_id.$bdx_id.'/'.($bdx_id?'PU':'PR').'/'.$exercice) !!}" 
                                class="btn btn-success " >
                                Valider les crédits
                            </a>

                        @endif

                        @if( ($typeval=="Z") && $user->HasRole("ADMINISTRATEUR") )
                        
                            <a href="{!! url('recouvrement/bordereaux_val/Z/'.$bdx_prive_id.$bdx_id.'/'.($bdx_id?'PU':'PR').'/'.$exercice) !!}" 
                                class="btn btn-danger " >
                                Annuler les validations
                            </a>
                        
                        @endif
                    @endif
                @endif

                @if((count($cotisations)>0)&&($bdx_id!="9999")&&($bdx_prive_id!="9999"))

                    <a href="{!! url('/bordereaux_etat/'.$bdx_prive_id.$bdx_id.'/'.($bdx_id?'PU':'PR').'/'.$exercice) !!}" 
                        class="btn btn-info" 
                        target="_blank" style="margin-right: 3px;">
                        Etat récapitulatif
                    </a>

                @endif
                </div>




        </div> 
    </div>

        <div class="col-lg-max" style="padding-top:25px">
            @if(count($cotisations)>0)
                <div class="table-responsive">
                    <table id="_table"  style="background-color:white"  
                        class="table table-condensed table-striped table-hover table-bordered">
                        <thead>
                            <tr>
                                <th nowrap width='1%'>Id</th>
                                <th nowrap width='1%'>N°Employeur</th>
                                <th>Employeur</th>
                                <th width='1%'>NbSalariés</th> 
                                <th width='1%'>Bdx</th>
                                <th width='1%'>NbMois</th> 
                                <th width='1%'>Mois</th>
                                <th width='1%'>Exercice</th> 
                                <th width='1%'>Année de rattachement</th>  
                                <th width='1%'>TypePMT</th> 
                                <th width='1%'>CLR</th> 
                                <th width='1%'>CCPF</th>
                                <th width='1%' style="color:{!! ( ($typeval=='D') || ($typeval=='Z') )?'green':''; !!}">Débit</th>
                                <th width='1%' style="color:{!! ( ($typeval=='C') || ($typeval=='Z') )?'green':''; !!}">Crédit</th>
                            </tr>
                        </thead>

                        <tbody>
                                                @foreach ($cotisations as $cotisation)
                                                    <tr>
                                <td align="center" >
                                    <a href="{!! url('recouvrement/cotisations/'.$cotisation->id) !!}" 
                                    style="color:lightgrey;" target="blank">{!! $cotisation->id !!}</a>
                                </td>
                                <td align="center">{!! $cotisation->sonum !!}</td>
                                <td >{!! $cotisation->employeur !!}</td>
                                <td align="center">{!! $cotisation->nbsal !!}</td>
                                <td align="center">{!! 
                                    (($cotisation->bdx==0)?"":str_pad($cotisation->bdx, 2, "0", STR_PAD_LEFT)).
                                    (($cotisation->bdx_prive==0)?"":str_pad($cotisation->bdx_prive, 2, "0", STR_PAD_LEFT))
                                    !!}
                                </td>
                                <td align="center">{!! $cotisation->nbmois !!}</td>
                                <td align="center">{!! $cotisation->MoisLettre !!}</td>
                                <td align="center">{!! $cotisation->exercice !!}</td>
                                <td align="center" 
                                    class="{!! ($cotisation->AnneeRatachement!=$cotisation->exercice)?'danger':'' !!}">
                                    {!! $cotisation->AnneeRatachement !!}</td>
                                <td align="center">{!! $cotisation->typepmt !!}</td>
                                <td align="right" nowrap>{!! number_format($cotisation->clr,0,","," ") !!}</td>
                                <td align="right" nowrap>{!! number_format($cotisation->ccpf,0,","," ") !!}</td>
                                <td align="right" class="{!! ($cotisation->debit>0)?'danger':'' !!}" nowrap style="font-weight:bold">{!! number_format($cotisation->debit,0,","," ") !!}</td>
                                <td align="right" class="{!! ($cotisation->credit>0)?'success':'' !!}" nowrap style="font-weight:bold">{!! number_format($cotisation->credit,0,","," ") !!}</td>
                            </tr>
                        @endforeach
                        </tbody>


                        <tfoot>
                            <tr class=''>
                                <th class="sum"></th>
                                <th class="sum"></th>
                                <th class="sum"></th>
                                <th class="sum" align="center" nowrap>{!! $total["nbsal"] !!}</th>
                                <th class="sum" align="center" nowrap>{!! $total["nbmois"] !!}</th>
                                <th class="sum"></th>
                                <th class="sum"></th>
                                <th class="sum" align="right" nowrap>{!! number_format($total["clr"],0,","," ") !!}</th>
                                <th class="sum" align="right" nowrap>{!! number_format($total["ccpf"],0,","," ") !!}</th>
                                <th class="danger sum" align="right" nowrap>{!! number_format($total["debit"],0,","," ") !!}</th>
                                <th class="success sum" align="right" nowrap>{!! number_format($total["credit"],0,","," ") !!}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            @endif
        </div>

 </div>
</body></html>

<script>
$(document).ready(function() {
   $.fn.dataTable.moment('D/M/YYYY');

    var table =$('#_table').dataTable( {
        bAutoWidth: false,
        bPaginate: false,
        bInfo: true,
        bFilter: true,

        deferRender:    true,
        //scrollY:        400,
        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 à 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'
                }
            }

        },

        dom: "<'row'<'col-sm-4 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>>",

        "aaSorting": [
            [1,'asc']
        ],

        buttons: [ 
            {extend: 'copy',exportOptions: {columns: ':visible'} },
            {extend: 'excel',exportOptions: {columns: ':visible'} },
            {extend: 'print',exportOptions: {columns: ':visible'} },
            'colvis'
        ],


    });



} );
</script>