@include('header')
@include('navigator_menu_principal')
<div class="container">

	<div class="row">
		<div class="col-md-8 h3">Balances LED a verificar</div>
		<div class="col-md-4 form-group">
			<!-- <form name="frmBalances" method="get" id="frmBalances" class="form form-inline">
				<label for="estado_balance">Estado del balance</label>
				<select name="estado_balance" class="form-control" id="estado_balance">
					<option value="P">Pendientes de verificar</option>
					<option value="E">En verificación</option>
					<option value="V">Verificado</option>
					<option value="D">Descartado</option>
				</select>
			</form> -->
		</div>

		<table class="table table-condensed table-striped" id="tablaBalances">
			<thead>
				<tr>
					<th class="text-left">Cliente</th>
					<th class="text-left">Contraparte</th>
					<th>Identificación</th>
					<th>Fecha cierre</th>
					<th class="hidden">Fecha cierre</th>
					<th>Ejercicio</th>
					<th>Moneda</th>
					<th>Acción</th>
				</tr>
			</thead>

			<tbody>
				@foreach ($bal as $balance)
				<tr>
					<td>{{$balance->nombre_cliente}}</td>
					<td>{{$balance->nombre_persona}}</td>
					<td class="text-center">{{$balance->abreviatura}} {{$balance->identificacion}}</td>
					<td class="text-center">{{$balance->fecha_cierre}}</td>
					<td class="text-center hidden">{{$balance->fecha_balance}}</td>
					<td class="text-center">{{$balance->ejercicio}}</td>
					<td class="text-center">{{$balance->nombre_moneda}} ({{$balance->moneda}})</td>
					<td class="text-center">
						<button type="button" class="btn btn-fidelitas btn-primary verifybtn" data-doc-id="{{$balance->doc_id}}">Editar</button>
						<button type="button" class="btn btn-fidelitas btn-primary pdfbtn" data-toggle="modal" data-target="#modalBalance" data-doc-id="{{$balance->doc_id}}"><i class="fa fa-file-pdf-o"></i></button>
					</td>

				</tr>

				@endforeach
			</tbody>

			<tfoot></tfoot>
		</table>
	</div>

</div>

<form id="frmBalance" name="frmBalance" method="post" action="/led/led-balances-verificar">
{{csrf_field()}}
<input type="Hidden" name="doc_id" id="doc_id" value="">
</form>


<div id="modalBalance" class="modal fade">
    <div class="modal-dialog" style="width:750px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" id="modal_title"></h3>
            </div>
            <div class="modal-body" id="modal_body"></div>
        </div>
    </div>
</div>


<script language="javascript">
	
	$(document).ready(function() {

		$('#tablaBalances').DataTable({
					"pagingType": "full_numbers",
					"dom" : "if<t>lp",
					"ordering": true,
					"columns": [ null, null, null, null, null, null, null, { "orderable": false } ],
					"searching": true,
					"order": [[ 0, "asc" ]],
					"info":  true,
					"lengthMenu": [ [10, 25, 50, 100, -1], [10, 25, 50, 100,"Todos"] ],
					"pageLength": 10,
					"language": {
						"lengthMenu": "Mostrar _MENU_ registros por página",
						"zeroRecords": "No se encontraron resultados",
						//"info": "Mostrando página _PAGE_ de _PAGES_",
						//"info": "Total de Registros: _MAX_", 
						"info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
						"infoEmpty": "No hay registros disponibles",
						"infoFiltered": "(filtered from _MAX_ total records)",
						"sSearch": "Buscar",
						"oPaginate": {
							"sFirst": "Primera",
							"sPrevious": "Anterior",
							"sNext": "Siguiente",
							"sLast": "Última"
						},
					}
				});
	});


</script>

<script type="text/javascript" src="{{ URL::asset('js/led_balances.js') }}"></script>

@include('footer')