@extends('layouts.admin')

@section('content')

<div class="container-fluid">
   <div class="d-flex justify-content-around ">
      <div class="shadow p-3 mb-5 bg-light rounded">
         CAJA INDEPENDIENTE
      </div>
      <div>
         <form class="form-inline mb-5" method="GET">
            <div class="form-group">
               <label for="">INICIO: </label>
               <input type="date" name="inicio" class="form-control">
            </div>
            <div class="form-group ml-4">
               <label for="">FIN: </label>
               <input type="date" name="fin" class="form-control">
            </div>
            <button type="submit" class="btn btn-info ml-4"><i class="fa fa-search" aria-hidden="true"></i></button>
         </form>
      </div>
   </div>
   <div class="row">
      @if ($show)
      <div class="col-md-4">
         <div class="card">
            <div class="card-body">
               <h4 class="card-title">TOTAL ENTRADAS (ABONOS, VENTAS, CAJA CHICA)</h4>
               <p class="cadt-text">Total en Caja Chica:  Q{{number_format($t_caja, 2)}}</p>
               <p class="card-text">Total Abonos: Q. {{number_format($t_abonos, 2)}}</p>
               <p class="card-text">Total Venas: Q. {{number_format($t_ventas, 2)}}</p>
               <p class="card-text">Total : Q. {{number_format($t_abonos + $t_ventas + $t_caja, 2)}}</p>
            </div>
         </div>
      </div>
      @endif

   </div>
</div>

@endsection