<div class="container py-4">
    <nav aria-label="breadcrumb" class="mb-4">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="<?= APP_URL ?>/universities" class="text-decoration-none">Discovery Center</a></li>
            <li class="breadcrumb-item"><a href="<?= APP_URL ?>/universities/<?= $university['slug'] ?>" class="text-decoration-none"><?= htmlspecialchars($university['name']) ?></a></li>
            <li class="breadcrumb-item active" aria-current="page">Mentors</li>
        </ol>
    </nav>

    <div class="card border-0 shadow-sm p-4">
        <h3 class="fw-bold font-outfit text-dark mb-4 border-bottom pb-2">Student Mentors at <?= htmlspecialchars($university['name']) ?></h3>
        <?php if (!empty($mentors)): ?>
            <div class="row g-3">
                <?php foreach ($mentors as $ment): ?>
                    <div class="col-md-4 col-sm-6">
                        <div class="border rounded p-3 text-center h-100 card-hover-effect">
                            <img src="<?= avatarUrl($ment['avatar'], $ment['first_name'] . ' ' . $ment['last_name']) ?>" alt="Mentor" class="rounded-circle border mb-3 mx-auto" style="width:80px; height:80px; object-fit:cover;">
                            <h6 class="fw-bold text-dark mb-1"><?= htmlspecialchars($ment['first_name']) ?> <?= htmlspecialchars($ment['last_name']) ?></h6>
                            <p class="text-xs text-muted mb-3"><?= htmlspecialchars($ment['program']) ?> (Level <?= htmlspecialchars($ment['year_level']) ?>00)</p>
                            <a href="<?= APP_URL ?>/mentors/<?= $ment['id'] ?>" class="btn btn-xs btn-primary rounded-pill px-3">View Profile</a>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        <?php else: ?>
            <div class="text-center py-5 text-muted">
                <p>No mentors representing this university yet.</p>
            </div>
        <?php endif; ?>
    </div>
</div>
