@extends('layoutAdmin.layoutAdmin')

@section('container')


<div class="box">

    <section class="content-header">
      <h1>
        //Casa de prestamos D&M
        <small>Emisoft</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="{{ route('homes.index') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Widgets</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

      <div class="row">

        @can('wallets.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-aqua"><i class="fa fa-balance-scale"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Balance</span>
              <span class="info-box-number">{{ $balance }} %</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan

        <!-- /.col -->
        @can('payments.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-green"><i class="fa fa-sort-amount-desc "></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Total Saldo</span>
              <span class="info-box-number">{{ $payments_saldo }} Bs.</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan


        <!-- /.col -->
        @can('paymentdetails.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-yellow"><i class="fa fa-files-o"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">ULTIMO PAGO</span>
              <span class="info-box-number"> Sin Cobros </span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan

        <!-- /.col -->
        @can('clients.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <a href="{{ route('payments.paymentdefaulters') }}">
              <span class="info-box-icon bg-red"><i class="fa fa-star-o"></i></span>
            </a>

            <div class="info-box-content">
              <span class="info-box-text">Morosos</span>
              <span class="info-box-number"> {{ $paymentdefaulters }} </span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan
        <!-- /.col -->
      </div>
      <!-- /.row -->

      <!-- =========================================================== -->

      <div class="row">

        @can('wallets.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box bg-aqua">
            <span class="info-box-icon"><i class="fa fa-bank "></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Total Invertido</span>
              <span class="info-box-number">{{ $wallets }}</span>


            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan


        <!-- /.col -->
        @can('payments.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box bg-green">
            <span class="info-box-icon"><i class="fa fa-credit-card"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Total Prestado</span>
              <span class="info-box-number">{{ $payments_total }} Bs.</span>


            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan

        <!-- /.col -->
        @can('paymentdetails.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box bg-yellow">
            <span class="info-box-icon"><i class="fa fa-calendar"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">PRESTADO SIN %</span>
              <span class="info-box-number">{{ $payments }} Bs.</span>


            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan


        <!-- /.col -->
        @can('clients.index')
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box bg-red">
            <span class="info-box-icon"><i class="fa fa-comments-o"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">COBROS DE HOY</span>
              <span class="info-box-number">{{ $dateformat }}</span>


            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        @endcan

        <!-- /.col -->
      </div>
      <!-- /.row -->

      <!-- =========================================================== -->

      <!-- Small boxes (Stat box) -->
      <div class="row">

        @can('wallets.index')
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-aqua">
            <div class="inner">
              <h3>{{ $billetera_actual }} <sup style="font-size: 20px"> Bs.</sup></h3>

              <p>Billetera Actual</p>
            </div>
            <div class="icon">
              <i class="fa fa-btc"></i>
            </div>
            <a href="{{ route('wallets.index') }}" class="small-box-footer">
              Mas Informacion <i class="fa fa-arrow-circle-right"></i>
            </a>
          </div>
        </div>
        @endcan

        <!-- ./col -->

        @can('payments.index')
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-green">
            <div class="inner">
              <h3>{{ $ganancia }}<sup style="font-size: 20px"> Bs.</sup></h3>

              <p>Total Ganancia</p>
            </div>
            <div class="icon">
              <i class="ion ion-stats-bars"></i>
            </div>
            <a href="{{ route('payments.index') }}" class="small-box-footer">
              Mas Informacion <i class="fa fa-arrow-circle-right"></i>
            </a>
          </div>
        </div>
        @endcan



        <!-- ./col -->
        @can('paymentdetails.index')
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-yellow">
            <div class="inner">
              <h3>{{ $paymentdetails }} <sup style="font-size: 20px"> Bs.</sup></h3>

              <p>Pagos de prestamos</p>
            </div>
            <div class="icon">
              <i class="ion ion-pie-graph"></i>
            </div>
            <a href="{{ route('paymentdetails.index') }}" class="small-box-footer">
              Mas Informacion <i class="fa fa-arrow-circle-right"></i>
            </a>
          </div>
        </div>
        @endcan


        <!-- ./col -->
        @can('clients.index')
        <div class="col-lg-3 col-xs-6">
          <!-- small box -->
          <div class="small-box bg-red">
            <div class="inner">
              <h3>{{ $clientscount }}</h3>

              <p>Clientes Registrados</p>
            </div>
            <div class="icon">
              <i class="ion ion-person-add "></i>
            </div>
            <a href="{{ route('clients.index') }}" class="small-box-footer">
              Mas Informacion <i class="fa fa-arrow-circle-right"></i>

            </a>
          </div>
        </div>
        @endcan


        <!-- ./col -->
      </div>
      <!-- /.row -->

      <!-- =========================================================== -->

    </section>


</div>

@endsection