@extends('layout.main')
@section('content')

<div class="sixteen wide tablet sixteen wide computer column">
    <div class="ui segment">
		<canvas id="ventas" height="300"></canvas>
    </div>
</div>

<div class="sixteen wide mobile eight wide tablet four wide computer column" style="margin-top: 20px; text-align: center">
    <div class="ui segment">
		<h1 class="ui icon header">
		  <i class="green inverted circular file alternate  icon"></i>
		  <div class="content">
		    {{$ventas}}
		    <div class="sub header">Comprobantes Emitidos</div>
		  </div>
		</h1>
    </div>
</div>

<div class="sixteen wide mobile eight wide tablet four wide computer column" style="margin-top: 20px; text-align: center">
    <div class="ui segment">
		<h1 class="ui icon header">
		  <i class="blue inverted circular bed icon"></i>
		  <div class="content">
		    {{$habitaciones}}
		    <div class="sub header">Habitaciones Disponibles</div>
		  </div>
		</h1>
    </div>
</div>

<div class="sixteen wide mobile eight wide tablet four wide computer column" style="margin-top: 20px; text-align: center">
    <div class="ui segment">
		<h1 class="ui icon header">
		  <i class="violet inverted circular users icon"></i>
		  <div class="content">
		    {{$huespedes}}
		    <div class="sub header">Huespedes Registrados</div>
		  </div>
		</h1>
    </div>
</div>

<div class="sixteen wide mobile eight wide tablet four wide computer column" style="margin-top: 20px; text-align: center">
    <div class="ui segment">
		<h1 class="ui icon header">
		  <i class="red inverted circular calendar phone volume icon"></i>
		  <div class="content">
		    {{$reservas}}
		    <div class="sub header">Reservas Realizadas</div>
		  </div>
		</h1>
    </div>
</div>

<br>
<br>
<br>

@stop


@section('scripts')
    <script src="{{ asset('js/home/estadisticas.js') }}"></script>
@stop