<div class="col-md-12 col-xs-12">
<div class="box box-danger">
<div class="box-header">
<h3 class="box-title">Activos de <span id="date-comisiones">{{ App\Helper::month(date('m'))." ".date('Y') }}</span></h3>
<div class="box-tools pull-right">
<div class="btn-group">
<button onclick="Comisiones.refreshComisiones(this)" data-year="" data-month="" id="refresh_comisiones" class="btn btn-default btn-sm btn-refresh"><span class="glyphicon glyphicon-refresh"></span> Actualizar Comisiones</button>
<div id="loading" style="width:50px; height: 50px">
<img id="gif_loading" style="width:25px;display:none;" src='{{ URL::To('/')."/img/Loading_2.gif" }}' />
</div>
</div>
</div>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive no-padding">
<table class="table table-hover">
<thead>
<tr>
<th class="text-center">Cliente</th>
<th class="text-center">Cosumo de mes</th>
<th class="text-center">Venta</th>
<th class="text-center">Pagado</th>
<th class="text-center">Activos</th>
<th class="text-center">Utilidad 3 meses</th>
<th class="text-center">Restante</th>
<th class="text-center">Pagar</th>
<th class="text-center">Imprimir</th>
</tr>
</thead>
<tbody>
@if(isset($comisiones))
@foreach($comisiones as $key => $value)
<tr style="background-color:{{ ($value->pagado != null)? '#c7f5c7': 'white' }}, color: {{ $value->active_id != 0 ? "black" : "gray" }}">
<td class="text-center">{{ $value->nombre." ".$value->ape_p." ".$value->ape_m }}</td>
<td class="text-center">{!! ($value->comentarios != '')? '<span class="text-danger">'.$value->comentarios.'</span>' : 'Si ha consumido' !!}<br></td>
<td class="text-center">$ {{ number_format($value->venta,2) }}</td>
<td class="text-center">$ {{ number_format($value->comision_pagada,2) }}</td>
<td class="text-center">$ {{ number_format($value->comision,2) }}</td>
<td class="text-center">$ {{ number_format($value->comision_3meses,2) }}</td>
<td class="text-center">$ {{ number_format($value->comision_3meses - $value->comision_pagada,2) }}</td>
@if($value->pagado)
<td class="text-center"><button id="payComisiones" data-pay="0" data-venta="{{ $value->venta }}" data-comision="{{ $value->comision }}" data-month="{{ date('m') }}" data-year="{{ date('Y') }}" data-id="{{ $value->cliente_id }}" class="btn btn-danger" data-toggle="tooltip" title="Eliminar Pago" onclick="Comisiones.payComision(this)"><span class="glyphicon glyphicon-minus"></span></button></td>
@else
<td class="text-center"><button id="payComisiones" data-pay="1" data-venta="{{ $value->venta }}" data-comision="{{ $value->comision }}" data-month="{{ date('m') }}" data-year="{{ date('Y') }}" data-id="{{ $value->cliente_id }}" class="btn btn-success" data-toggle="tooltip" title="Pagado" onclick="Comisiones.payComision(this)"><span class="glyphicon glyphicon-plus"></span></button></td>
@endif
<td class="text-center"><button id="printComisiones" data-month="{{ date('m') }}" data-year="{{ date('Y') }}" data-id="{{ $value->cliente_id }}" class="btn btn-primary" onclick="Red.printRed(this)"><span class="glyphicon glyphicon-print"></span></button></td>
</tr>
@endforeach
<tr>
<td colspan="3" class="text-center">Total Pagado:</td>
<td colspan="4" class="text-left" >$<span id="total-pagado">{{ number_format($totalPagado,2) }}</span></td>
</tr>
@endif
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<script src="{{ URL::To('/').'/js/Catalogos/red.js' }}"></script>
<script src="{{ URL::To('/').'/js/Catalogos/comisiones.js' }}"></script>