@extends('layouts.warden.app')

@section('content')

<section class="fdb-box row text-center justify-content-center pb-1 mt-2">
    <div class="container">
        <div class="row justify-content-center text-center mb-4">
            <div class="col-xl-6 col-lg-8 col-sm-10">
                <h2 class="font-weight-bold">Warden Dashboard</h2>
            </div>
        </div>

        @if(session('error'))
            <div class="alert alert-success">
                {{ session('error') }}
            </div>
        @endif
        @if(session('reminder'))
            <div class="alert alert-info alert-dismissible text-center">
                <strong>Reminder:</strong>
                {{ session('reminder') }}
                <a href="{{ route('outing.listapp') }}" class="alert-link">Review now</a>
            </div>
        @endif

        <div class="row row-cols-lg-3 row-cols-md-2 row-cols-1 text-center justify-content-center px-xl-6 aos-init aos-animate" data-aos="fade-up">
            <div class="col my-3">
                <div class="card border-hover-primary hover-scale shadow">
                    <div class="card-body">
                        {{-- <img src="{{ asset('images/icons/person-square.svg') }}" width="100" height="100" alt="image" class="fdb-icon filter-peach"> --}}
                        <h3 class="font-weight-bold mb-3">Student Outing</h3>
                        <a href="{{ route('outing.listapp') }}" class="btn btn-outline-secondary col-10 mb-2">Outing Application<i class="fas fa-angle-right"></i> </a> <br />
                        <a href="{{ route('outing.record') }}" class="btn btn-outline-secondary col-10 mb-2">Outing Record<i class="fas fa-angle-right"></i> </a> <br />
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection