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


{!! Html::style('css/jquery-ui.structure.min.css') !!}
{!! Html::style('css/jquery-ui.theme.min.css') !!}



<div style="background-color:white;"  
    class="col-lg-max col-lg-offset-1 container-fluid">

<div style="padding-left:0px" class="col-lg-max">
     <div class="row" style="">   
        <div class="col-xs-10" style="padding-left:0px;">
            <h2 style="margin-top:2px;">Détail des cotisations</h2>
        </div>
    </div>
</div>

<div class='col-lg-max' style="padding-top:5px">
    <div class="table-responsive" >
        <table id="_table" style="background-color:white"  
            class="table table-condensed table-striped table-hover table-bordered">
            <thead>
                <tr>
                    <th width='1%'>N°</th>
                    <th width='1%'>Exercice</th>
                    <th width='1%'>Date</th>
                    <th width='1%'>Type</th>
                    <th width='1%'>Mois</th>
                    <th width='1%'>Date&nbsp;Encaiss.</th>
                    <th width='1%'>Débit</th>
                    <th width='1%'>Crédit</th>
                </tr>
            </thead>
 
            <tbody>
                                @foreach ($cotisations as $cotisation) 
                                        <tr>
                        <td>{!! $cotisation->id !!}</td>
                        <td>{!! $cotisation->exercice !!}</td>
                        <td>{!! $cotisation->date !!}</td>
                        <td>{!! $cotisation->type_cotis !!}</td>
                        <td>{!! $cotisation->mois !!}</td>
                        <td>{!! $cotisation->encais_date !!}</td>
                        <td>{!! $cotisation->debit !!}</td>
                        <td>{!! $cotisation->credit !!}</td>
                    </tr>
                @endforeach
            </tbody>

            <tfoot>
                <tr>
                    <th colspan="6" >TOTAL</th>
                    <th style="color:red">{!! $total_debit !!}</th>
                    <th  style="color:blue">{!! $total_credit !!}</th>
                </tr>

                <tr>
                    <th colspan="7" >SOLDE</th>
                    <th style="color:{!! ($total_credit-$total_debit>0)?'blue':'red' !!}">{!! $total_credit-$total_debit  !!}</th>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

</div>




</body></html>