@extends('layouts.app')

@section('header')
    <h2 class="font-semibold text-xl text-gray-800 leading-tight">
        Coordinator Dashboard
    </h2>
@endsection

@section('content')
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
            <div class="p-6 text-gray-900">
                Welcome, Coordinator! Manage department-related tasks here.
            </div>
        </div>
        <div class="mt-6">
            <a href="{{ route('departments.index') }}" class="text-blue-500 underline">View Departments</a><br>
            <a href="{{ route('users.index') }}" class="text-blue-500 underline">View Faculty</a><br>
            <a href="{{ route('profile.edit') }}" class="text-blue-500 underline">Edit Profile</a>
        </div>
    </div>
@endsection