@extends('layouts.app')

@section('styles')
<link rel="stylesheet" href="{{asset('assets/theme/vendor/charts2/chart.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/morrisChart/morris.css')}}">
<script src="{{asset('plugins/morrisChart/jquery.min.js')}}"></script>
<script src="{{asset('plugins/morrisChart/raphael-min.js')}}"></script>
<script src="{{asset('plugins/morrisChart/morris.min.js')}}"></script>
@endsection

@section('content')

<div class="container">
	<div class="row">
		<div class="col">
			<h1 class="display-4">Estadistica</h1>
		</div>
	</div>

	<div class="row">
		<div class="col">
			<table class="table">
				<thead>
					<tr>
						<th>ARTICULO</th>
						<th>CANTIDAD</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					@foreach ($mas_vendido as $art)
					<tr>
						<td>{{$art->nombre}}</td>
						<td>{{$art->total}}</td>
						<td></td>
					</tr>
					@endforeach
				</tbody>
			</table>
		</div>
	</div>
</div>

@endsection

@section('scripts')

@endsection