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

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

</style>
{!! Html::style('css/datepicker3.css') !!}
{!! Html::script('js/bootstrap-datepicker.js') !!}
<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;padding-bottom:20px">
               {!! Html::image("img/entreprise_cotisations.png",
                    "Cotisations",
                    array( 'width'=>'120px','maxwidth'=>'10%',
                        "style"=>"padding:4px" ))

                !!}
            </div>
            <div class="col-md-11" style="padding-left:0px;padding-bottom:20px">
                <div class="col-md-12" style="padding-left:0px;">
                    <h2 style="margin-top:2px;">Cotisations</h2>
                </div>

                <fieldset class='alert bg-info'>
                    {!! Form::open(['url' => '/recouvrement/cotisation_saisie_filtre', 'class' => 'form-horizontal', 'method' => 'POST']) !!}
                    <legend style='color:grey;padding:0px;margin:0px'>Filtre</legend>

                    <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-1">
                        {!! Form::label('annes', 'Exercice' ) !!}
                        {!! Form::select('exercice',$exercices,$exercice,
                            [
                                'id' => 'exercice_id','class' => 'form-control selectpicker',
                                'data-width' => "100%",'style' => 'font-weight:bold;background:whitesmoke'
                            ]
                        )
                        !!}
                        <script>
                             $(function() {

                               $("#exercice_id").change(function () {
                                    $("#mois_fin").val("");
                                    $("#mois_debut").val("");

                               })
                           });

                        </script>
                    </div>

                    <div class="col-md-4">
                        <div class="col-md-6">
                            {!! Form::label('mois_debut', '&nbsp;ou&nbsp;Encaissements&nbsp;du&nbsp;&nbsp;') !!}
                            <div class='input-group date' id='datepicker_mois_debut'>
                                {!! Form::text('mois_debut', isset($mois_debut)?$mois_debut:$mois_debut,
                                    ['placeholder' => 'Mois Début', 'size'=>'8', 'class' => 'form-control']) !!}
                                <span class='input-group-addon'>
                                    <span class='glyphicon glyphicon-calendar'></span>
                                </span>
                                <script type="text/javascript">
                                    $(function () {
                                        $('#datepicker_mois_debut').datepicker({
                                            format: "dd/mm/yyyy",
                                            language: "fr",
                                            autoclose: true
                                        });
                                    });
                                </script>
                            </div>
                        </div>

                        <div class="col-md-6">
                            {!! Form::label('mois_fin', 'au',['style'=>'padding:0px;']) !!}
                            <div class='input-group date' id='datepicker_mois_fin'>
                                {!! Form::text('mois_fin', isset($mois_fin)?$mois_fin:$mois_fin,
                                    ['placeholder' => 'Mois Fin', 'size'=>'8','class' => 'form-control']) !!}
                                <span class='input-group-addon'>
                                    <span class='glyphicon glyphicon-calendar'></span>
                                </span>
                                <script type="text/javascript">
                                    $(function () {
                                        $('#datepicker_mois_fin').datepicker({
                                            format: "dd/mm/yyyy",
                                            language: "fr",
                                            autoclose: true
                                        });
                                    });
                                </script>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-2" style="">
                        {!! Form::label('lettrage', 'Lettrage') !!}
                        {!! Form::select('lettrage',['T'=>'Tout','N'=>'Non lettrées','L'=>'Lettrées'],$lettrage,
                            [
                                'id' => 'lettrage','class' => 'form-control selectpicker',
                                'data-width' => "100%",'style' => 'font-weight:bold;background:whitesmoke'
                            ]
                        )
                        !!}
                    </div>
                    <div class="col-md-1" style="padding-top:20px">
                        {!! Form::submit('Filtrer', ['class' => 'btn btn-info'])!!}
                    </div>
                    {!! Form::close() !!}
                </fieldset>
            </div>
        </div>
    </div>

    @if($employeur_id)
        <div style="padding-left:0px" class="col-lg-max col-md-offset-1">
                <div class="row">
                    <div class="col-md-2 bg-warning alert" style='font-weight:bold;'>
                        SOLDE&nbsp;au&nbsp;31/12/{!! (($annee_solde=="*")?date('Y'):$annee_solde)-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-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 class="col-md-3">
                        @if($user->can("COT_AJO") || $user->HasRole("ADMINISTRATEUR"))
                            @if(Session::get('menu')== "recouvrement")
                                <div style="padding-bottom:10px"><a href="{!! url('recouvrement/cotisations/create/'.$employeur_id) !!}"
                                        class="btn btn-info" >Nouvelle Cotisation</a>
                                </div>
                            @endif
                        @endif
                        @if($user->can("COT_ENC") || $user->HasRole("ADMINISTRATEUR"))
                            @if((Session::get('menu')== "comptabilite") || (Session::get('menu')== "recouvrement"))
                                <div>
                                    <a href="{!! url('recouvrement/reglement_create/'.$employeur_id.'/'.$exercice) !!}"
                                        class="btn btn-success" >Nouveau Règlement</a>
                                </div>
                            @endif
                        @endif
                    </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%'>NbSal</th>
                            <th width='1%'>BdPu</th>
                            <th width='1%'>BdPr</th>
                            <th width='1%'>DatDépôt</th>
                            <th width='1%'>DatEncais</th>
                            @if($lettrage!="N")
                            <th width='1%'>Lettrage</th>
                            @endif
                            <th>Observations</th>
                            <th width='1%'>&nbsp
                            </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>
                            @if($lettrage!="N")
                            <th></th>
                            @endif
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </tfoot>


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