@extends('layouts.frontpages')

@section('content')
    @include('partials.header')

    <div class="page home">
        @include('partials.banner-user')
        <div class="container">
            <div class="row list-menu">
                <div class="col-md-12">
                    <br> <br>
                </div>
                <div class="col-md-3">
                    <a class="btn-pink" href="{{ route('home') }}">Inicio</a>
                </div>
                <div class="col-md-3">
                    <a class="btn-pink background-orange" href="{{ route('sales') }}">Resumen de compras</a>
                </div>
                <div class="col-md-3">
                    <a class="btn-pink" href="{{ route('bill.create') }}">Tus facturas</a>
                </div>
                {{-- <div class="col-md-3">
                    <a class="btn-pink" href="{{ route('campaings') }}">Beneficios</a>
                </div> --}}
                <div class="col-md-3">
                    <a class="btn-pink" href="{{ route('update-data') }}">Actualizar Datos</a>
                </div>
                <div class="col-md-12 text-center">
                    <br>
                    <h1 class="legend">RESUMEN DE COMPRAS </h1>
                </div>
                <div class="col-md-12">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>No. Factura</th>
                                <th>Valor</th>
                                <th>Fecha Factura</th>
                                <th>Tienda</th>
                                <th>Fecha creación</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sales as $item)
                                <tr>
                                    <td>{{ $item->code }}</td>
                                    <td>$ {{ number_format($item->total, 0, ',', '.') }}</td>
                                    <td>{{ $item->date }}</td>
                                    <td>{{ $item->shop->name }}</td>
                                    <td>{{ $item->created_at }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="col-md-12 text-center">
                        {{ $sales->links() }}
                    </div>
                    <div class="col-md-12">
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('partials.footer')
@stop