@extends('app')
@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-md-8 col-md-offset-2">
                    <div class="panel panel-default">
                        <div class="panel-heading"><center>Detallado de factura <b>{{$fac}}</b>. <br>Crédito del Cliente: <b>{{$ccli." ".$dcli}}</b></center></div>
                            <div class="panel-body">
                                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                    <ul class="nav navbar-nav navbar-right">				
                                      <!--  <li><a href="{{ url('/') }}"> Opciones </a></li>--> 
                                       <!-- <li><a href="{{ url('/Mod_usuario') }}"> Atras </a></li>-->
                                    </ul>
                                </div>
                                @if (count($errors) > 0)
                                        <div class="alert alert-danger">
						<strong>Whoops!</strong> Hay algunos problemas!!!.<br><br>
                                                    <ul>
							@foreach ($errors->all() as $error)
                                                            <li>{{ $error }}</li>
							@endforeach
                                                    </ul>
					</div>
				    @endif
                                        
                                    <div class="table-responsive">                                        
                                        <table class="table table-striped table-hover table-bordered">
                                            <tr>
                                                <th class="text-center">Cuota</th>
                                                <th class="text-center" colspan="2">Valor</th>
                                                <th class="text-center">Usuario</th>
                                                <th class="text-center" colspan="2">Fecha</th>
                                            </tr>
                                            
                                            <tr class="text-info">
                                                <th class="text-center">#</th>                                                
                                                <th class="text-center">Abonado</th>
                                                <th class="text-center">Restante</th>
                                                <th class="text-center">Recibe</th>
                                                <th class="text-center">Recibido</th>
                                                <th class="text-center">Observación</th>
                                            </tr>
                                            
                                                                                        
                                            @foreach ($crecli as $crecli)
                                                                                                <tr>
                                                  <td class="text-right">{{$i}}</a></td>
                                                  <td class="text-right">{{$crecli->creabo}}</td>
                                                  <td class="text-right">{{$crecli->creres}}</td>                                                  
                                                  <td class="text-right">{{$crecli->Nombres}} {{$crecli->Apellidos}}</td>
                                                  <td class="text-right">{{$crecli->created_at}}</td>
                                                  <td class="text-left">{{$crecli->obspag}}</td>
                                                </tr>
                                            @endforeach
                                                <tr><td colspan="6"></td></tr>
                                                <tr>
                                                  <td class="text-right"><b>Total:</b></td>
                                                  <td class="text-right">{{$sumabo}}</td>
                                                  <td class="text-right">{{$sumres}}</td>                                                  
                                                  <td></td>
                                                  <td></td>
                                                  <td></td>
                                                </tr>
                                                
                                        </table>                                        
                                    </div>
			</div>
		</div>
	</div>
</div>
@endsection