@extends('layout')

@section('content')
<div class="row quick-stats">
    <div class="col-sm-6 col-md-3">
        <div class="quick-stats__item bg-teal">
            <div class="quick-stats__info">
                <h2>${{ number_format($totales->ventas_dia,0,'.','.') }}</h2>
                <small>Ventas del día</small>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-3">
        <div class="quick-stats__item bg-green">
            <div class="quick-stats__info">
                <h2>${{ number_format($totales->ventas_mes,0,'.','.') }}</h2>
                <small>Ventas del mes</small>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-3">
        <div class="quick-stats__item bg-light-green">
            <div class="quick-stats__info">
                <h2>${{ number_format($totales->ventas_mes_anterior,0,'.','.') }}</h2>
                <small>Ventas mes anterior</small>
            </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-3">
        <div class="quick-stats__item bg-blue">
            <div class="quick-stats__info">
                <h2>{{ number_format($totales->clientes,0,'.','.') }}</h2>
                <small>Clientes registrados</small>
            </div>
        </div>
    </div>
</div>

<header class="content__title">
    <div class="float-right">
        <button type="button" class="btn btn-lg btn-outline-danger" onclick="location.href='{{ url('cierres/generar') }}'"><i class="zmdi zmdi-lock"></i> Cierre de Caja</button>
        <button type="button" class="btn btn-lg btn-outline-primary" onclick="location.href='{{ url('ventas/factura') }}'"><i class="zmdi zmdi-plus"></i> Factura</button>
        <button type="button" class="btn btn-lg btn-outline-success" onclick="location.href='{{ url('ventas/boleta') }}'"><i class="zmdi zmdi-plus"></i> Boleta</button>
    </div>
    <h1>VENTAS</h1>
    <small>Listado de ventas registradas</small>
</header>

<div class="card">
    <div class="card-body">
        <h4 class="card-title">Últimas ventas</h4>
        <table class="table table-sm mb-0">
            <thead>
            <tr>
                <th>DOCUMENTO</th>
                <th>Cliente</th>
                <th>Fecha</th>
                <th class="text-right">Monto</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    Boleta electrónica - 
                    <a href="#" class="mostrar-modal" data-url="{{ url('ventas/m-detalle/1') }}">12345</a>
                </td>
                <td>
                    <a href="{{ url('clientes/detalle/1') }}">Fernando Toloza Balboa</a>
                </td>
                <td>
                    <i class="zmdi zmdi-time"></i> 20/06/2019 - 10:50
                </td>
                <td class="font-weight-bold text-cyan text-right">
                    $20.000
                </td>
            </tr>
            <tr>
                <td>
                    Boleta electrónica - 
                    <a href="#" class="mostrar-modal" data-url="{{ url('ventas/m-detalle/1') }}">12345</a>
                </td>
                <td>
                    <a href="{{ url('clientes/detalle/1') }}">
                        Fernando Toloza Balboa
                    </a>
                </td>
                <td>
                    <i class="zmdi zmdi-time"></i> 20/06/2019 - 10:50
                </td>
                <td class="font-weight-bold text-cyan text-right">
                    $20.000
                </td>
            </tr>
            <tr>
                <td>
                    Boleta electrónica - 
                    <a href="#" class="mostrar-modal" data-url="{{ url('ventas/m-detalle/1') }}">12345</a>
                </td>
                <td>
                    <a href="{{ url('clientes/detalle/1') }}">
                        Fernando Toloza Balboa
                    </a>
                </td>
                <td>
                    <i class="zmdi zmdi-time"></i> 20/06/2019 - 10:50
                </td>
                <td class="font-weight-bold text-cyan text-right">
                    $20.000
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Formas de pago</h4>
                <h6 class="card-subtitle">Acumulado del mes</h6>
                <table class="table table-sm mb-0">
                    <thead>
                        <tr>
                            <th>Forma de Pago</th>
                            <th class="text-right">Monto</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Efectivo</td>
                            <td class="font-weight-bold text-cyan text-right">
                                $20.000
                            </td>
                        </tr>
                        <tr>
                            <td>Cheques</td>
                            <td class="font-weight-bold text-cyan text-right">
                                $20.000
                            </td>
                        </tr>
                        <tr>
                            <td>Débito</td>
                            <td class="font-weight-bold text-cyan text-right">
                                $20.000
                            </td>
                        </tr>
                        <tr>
                            <td>Crédito</td>
                            <td class="font-weight-bold text-cyan text-right">
                                $20.000
                            </td>
                        </tr>
                        <tr>
                            <td>Transferencias</td>
                            <td class="font-weight-bold text-cyan text-right">
                                $20.000
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Estadísticas tienda</h4>
                <h6 class="card-subtitle">Comparación ventas con año anterior</h6>
                
                <div class="flot-chart flot-line"></div>
                <div class="flot-chart-legends flot-chart-legends--line"></div>
            </div>
        </div>
    </div>
</div>
@endsection