@extends('layouts.app')

@section('content')
    <div class="py-4">
        <div class="d-flex justify-content-between border-b border-bottom pb-4 mb-4">
            <h2 class="fs-5 fw-bold">Dashboard</h2>
        </div>

        <div class="row">
            <div class="col-md-6">
                <h2 class="fw-bold fs-6 mb-4">Welcome to {{ config('app.name', 'College Inspection') }}</h2>

                <div>
                    <p>Important Links</p>
                    <p><a href="{{ route('institutes.index') }}">College Information</a></p>
                    <p><a href="{{ route('inspection-requests.index') }}">Inspection Request</a></p>
                </div>
            </div>
            <div class="col-md-6">
                <h2 class="fw-bold fs-6 mb-4">Unread Notifications</h2>
                <div>
                    @if (count(auth()->user()->unreadNotifications) > 0)
                        @foreach (auth()->user()->unreadNotifications as $notification)
                            <div class="alert alert-primary" role="alert">
                                {{ $notification->data['data'] }}
                            </div>
                        @endforeach

                        <div>
                            <a href="{{ route('notifications.index') }}">All Notifications</a>
                        </div>
                    @else
                        <p>You have no unread notifications.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection