@extends('layouts.app')
{{-- Customize layout sections --}}

@section('subtitle', 'Welcome')
@section('content_header_title', 'Home')
@section('content_header_subtitle', 'Welcome')

{{-- Content body: main page content --}}
@section('content_body')
    <div class="row">
        <div class="col-lg-4 col-6">
            <!-- small box -->
            <div class="small-box bg-gradient-blue">
                <div class="inner text-white">
                    <h3>{{$total_guest ?? 0}}</h3>

                    <p>Guests</p>
                </div>
                <div class="icon">
                    <i class="fa fa-user-tie"></i>
                </div>
                <a href="{{route('report.guests')}}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>
        <!-- ./col -->
        <div class="col-lg-4 col-6">
            <!-- small box -->
            <div class="small-box bg-gradient-green">
                <div class="inner text-white">
                    <h3>{{$total_attended}}</h3>

                <p>Attended</p>
                </div>
                <div class="icon">
                    <i class="fa fa-check"></i>
                </div>
                <a href="{{route('ticket.index')}}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>

        <div class="col-lg-4 col-6">
            <!-- small box -->
            <div class="small-box bg-gradient-cyan">
                <div class="inner text-white">
                    <h3 class="text-cyan" style="opacity: .1">-</h3>

                <p>Search</p>
                </div>
                <div class="icon">
                    <i class="fa fa-search"></i>
                </div>
                <a href="{{route('attendance.index')}}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
        </div>
    </div>

@stop

{{-- Push extra CSS --}}
@push('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@endpush

{{-- Push extra scripts --}}
@push('js')
    <script>
    </script>
@endpush