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

<style type="text/css">
tfoot input {
  width: 100%;
}

</style>

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

    <div style="padding-left:0px" class="col-lg-max">
         <div class="row" style="">   
            <div class="col-md-1" style="padding-left:0px;">
               {!! Html::image("img/entreprise_cotisations.png", 
                    "Cotisations", 
                    array( 'width'=>'120px','maxwidth'=>'10%',
                        "style"=>"padding:4px" ))
                     
                !!} 
            </div>
            <div class="col-md-8" style="padding-left:0px;">
                <h2 style="margin-top:2px;">Cotisations</h2>
            </div>
            <div class="col-md-4" style="padding-left:0px;">
                {!! Form::hidden('employeur_id2', $employeur_id, ['id'  => 'employeur_id2']) !!}
                {!! Form::label('employeur_nom', 'Employeur :' ) !!}
                {!! Form::text('employeur_nom', $employeur_nom, 
                    ['placeholder' => 'Employeur', 'class' => 'form-control'
                        , 'id' => 'employeur_nom','style'=>'background:whitesmoke']) !!}
                 <!-- source: "../autocomplete_employeur", -->
                <script>
                    $(function() { 

                       $("#employeur_nom").autocomplete({
                            source: "{!! route('autocomplete_employeur') !!}",
                            minLength: 1,
                            select: function(event, ui) {
                                $('#employeur_nom').val(ui.item.id+" "+(ui.item.value.trim()));
                                $('#employeur_id2').val(ui.item.id);
                                if(ui.item.value=="TOUS") $('#employeur_id2').val('TOUS');
                                location.href="{!! url('/recouvrement/cotisation_annee/') !!}/"
                                    +$('#employeur_id2').val()+"/"+$('#exercice_id').val();
                            },
                            close: function(event, ui) {
                                
                            }
                        }); 

                    });
                </script>
            </div>
            <div class="col-md-2">
                {!! Form::label('annes', 'Années :' ) !!}
                {!! Form::select('exercice',$exercices,$exercice,
                    [
                        'id' => 'exercice_id','class' => 'form-control selectpicker',
                        'data-width' => "100%",'style' => 'font-weight:bold;background:whitesmoke'
                    ]
                ) 
                !!}
                <script>
                    $(document).ready(function() {
                        $('#exercice_id').on('change', function() {
                            location.href="{!! url('/recouvrement/cotisation_annee/') !!}/"
                                +$('#employeur_id2').val()+"/"+$('#exercice_id').val();
                        });
                    });
                </script>
            </div>



        </div>
    </div>

@if($employeur_id)
    <div style="padding-left:0px" class="col-lg-max col-md-offset-1">
        
            <div class="row" style=''> 
                <div class="col-md-6 bg-warning alert" style='font-weight:bold;'>
                    <div class="col-md-3">
                        SOLDE&nbsp;au&nbsp;31/12/{!! (($exercice=="*")?date('Y'):$exercice)-1 !!}&nbsp;:&nbsp;
                        <div class='form-control' style='color:green' align='right' id='total_SOLDE_AN'>{!! number_format($t_total["an"], 0, ',', ' ') !!}
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                    <div class="col-md-3">
                        SOLDE&nbsp;exercice&nbsp;{!! (($exercice=="*")?date('Y'):$exercice) !!}&nbsp;:&nbsp;
                        <div class='form-control' style='color:green' align='right' id='total_SOLDE'>
                            {!! number_format($t_total["solde"], 0, ',', ' ') !!}
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                    
                    <div class="col-md-3">
                        SOLDE&nbsp;au&nbsp;{!! "31/12/".(($exercice=="*")?date('Y'):$exercice) !!}&nbsp;:&nbsp;
                        <div class='form-control' style='color:green' align='right' id='total_SOLDE'>
                            {!! number_format($t_total["solde"]+$t_total["an"], 0, ',', ' ') !!}
                        </div>
                    </div>
                   
                    <div class="col-md-1"></div>
                </div>
                
                <div class="col-md-2 bg-danger alert" style='font-weight:bold;'>
                    SOLDE&nbsp;au&nbsp;{!! date('d/m/Y') !!}&nbsp;:&nbsp;
                    <div class='form-control' style='color:green' align='right' id='total_SOLDE'>
                        {!! number_format($t_total["soldejour"], 0, ',', ' ') !!}
                    </div>
                </div>
                
            
        </div>
    </div>
@endif



    <div class='col-lg-max' style="padding-top:15px">
        @if($employeur_id)
            {!! Form::open(['url' => 'recouvrement/cotisations_lettrage/'.$employeur_id.'/'.$exercice, 'method' => 'PUT']) !!}
            {!! form::hidden('checkboxes',$checkboxes,['id'=>'checkboxes']) !!}
            {!! form::hidden('checklist','',['id'=>'checklist']) !!}
            <div class="">
                <table id="_table" style="background-color:white"
                    class="table table-striped table-bordered table-hover" width="100%" 
                    >
                    <thead class="">
                        <tr>
                            <th width='1px'>&nbsp;</th>
                            <th width='1%'>N°</th>
                            @if($employeur_id=='TOUS') 
                            <th width='1%'>N°Employeur</th>
                            @endif
                            <th width='1%'>Ex</th>
                            <th width='1%'>Date</th>
                            <th width='1%'>TypeCotis</th>
                            <th width='1%'>Opé.</th>
                            <th width='1%'>Pmt</th> 
                            <th width='1%'>CLR</th> 
                            <th width='1%'>CCPF</th>
                            <th width='1%'>Débit</th>
                            <th width='1%'>Crédit</th>
                            <th width='1%'>Mois</th>
                            <th width='1%'>NbMois</th>
                            <th width='1%'>BdPu</th>
                            <th width='1%'>BdPr</th>
                            <th width='1%'>DatDépôt</th>
                            <th width='1%'>DatEncais</th>
                            <th width='1%'>Lettrage</th>
                            <th>Observations</th>
                            <th width='1%'>&nbsp
                                <div class="col-md-3">
                                    @if($user->can("COT_AJO") || $user->HasRole("ADMINISTRATEUR"))
                                    
                                        <a href="{!! url('recouvrement/cotisations/create/'.$employeur_id) !!}" 
                                                class="btn btn-success" >Nouveau </span></a>
                                    @endif
                                </div>
                            </th>
                        </tr>
                    </thead>  

                    <tfoot>
                        <tr class='search_tr' style='background-color:lightgrey'>
                            <th></th>
                            <th></th>
                            <th></th>
                           @if($employeur_id=='TOUS') 
                            <th></th>
                           @endif
                           <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </tfoot>
 

                    <tbody>
                                                @foreach ($cotisations as $cotisation)