@extends('coopdigital::diseños.plantilla')

@section('tituloPlantilla', 'Panel')

@section('cssPlantilla')

    <!-- Iconly -->
    <link rel="stylesheet" href="{{ asset('librerias/iconly/css/iconly.css') }}">

    <!-- Font Awesome v5.15.4 -->
    <link rel="stylesheet" href="{{ asset('librerias/font-awesome/5.15.4/css/fontawesome.css') }}">

    <!-- CSS -->
    <link rel="stylesheet" href="{{ asset('css/vista/panel/inicio.css') }}">

@endsection

@section('contenidoPlantilla')

    <div class="page-heading">
        <h3>Resumen</h3>
    </div>
    <div class="page-content">
        <section class="row">
            <div class="col-12 col-lg-12">
                <div class="row">
                    <div class="col-6 col-lg-2 col-md-6">
                        <div class="card">
                            <div class="card-body px-3 py-4-5">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="stats-icon">
                                            <i class="fas fa-hand-holding-usd"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <h6 class="text-muted font-semibold">Préstamos</h6>
                                        <h6 class="font-extrabold mb-0">
                                            {{ number_format($informacionesUsuario->prestamos, 2) }}</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-lg-2 col-md-6">
                        <div class="card">
                            <div class="card-body px-3 py-4-5">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="stats-icon">
                                            <i class="fas fa-donate"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <h6 class="text-muted font-semibold">Aportes</h6>
                                        <h6 class="font-extrabold mb-0">
                                            {{ number_format($informacionesUsuario->aportes, 2) }}</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-lg-2 col-md-6">
                        <div class="card">
                            <div class="card-body px-3 py-4-5">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="stats-icon">
                                            <i class="fas fa-piggy-bank"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <h6 class="text-muted font-semibold">Ahorros</h6>
                                        <h6 class="font-extrabold mb-0">
                                            {{ number_format($informacionesUsuario->ahorros, 2) }}</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-lg-2 col-md-6">
                        <div class="card">
                            <div class="card-body px-3 py-4-5">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="stats-icon">
                                            <i class="fas fa-check-circle"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <h6 class="text-muted font-semibold">Certificados</h6>
                                        <h6 class="font-extrabold mb-0">
                                            {{ number_format($informacionesUsuario->certificados, 2) }}</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-lg-2 col-md-6">
                        <div class="card">
                            <div class="card-body px-3 py-4-5">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="stats-icon">
                                            <i class="fas fa-file-invoice-dollar"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <h6 class="text-muted font-semibold">Facturas</h6>
                                        <h6 class="font-extrabold mb-0">
                                            {{ number_format($informacionesUsuario->facturas, 2) }}</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 col-lg-2 col-md-6">
                        <div class="card">
                            <div class="card-body px-3 py-4-5">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="stats-icon">
                                            <i class="fas fa-balance-scale"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <h6 class="text-muted font-semibold">Balance de Línea</h6>
                                        <h6 class="font-extrabold mb-0">
                                            {{ number_format($informacionesUsuario->facturas, 2) }}</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
    </div>

@endsection

@section('jsPlantilla')

@endsection
