<?php
/**
 * Village Land Dashboard
 * For Village Chairman, Land Officer, Surveyor, and District Officer roles
 * Displays village land statistics, pending verifications, and dispute overview
 */

session_start();
require_once '../db_connect.php';

// Check if user has village dashboard access
$allowed_roles = ['village_chairman', 'land_officer', 'surveyor', 'district_officer'];
if(!isset($_SESSION['user_id']) || !in_array($_SESSION['role'], $allowed_roles)) {
    header('Location: ../login');
    exit;
}

$user_id = $_SESSION['user_id'];
$user_role = $_SESSION['role'];
$village_id = $_SESSION['village_id'] ?? null;

// Get user's village info
$village_info = null;
if($village_id) {
    $result = mysqli_query($conn, "
        SELECT v.*, d.name as district_name, r.name as region_name
        FROM villages v
        JOIN districts d ON v.district_id = d.id
        JOIN regions r ON d.region_id = r.id
        WHERE v.id = $village_id
    ");
    $village_info = mysqli_fetch_assoc($result);
}

// Get statistics based on role
$stats = [
    'total_lands' => 0,
    'verified_lands' => 0,
    'pending_lands' => 0,
    'disputed_lands' => 0,
    'active_disputes' => 0,
    'total_area' => 0,
    'registered_owners' => 0
];

// Build WHERE clause based on role
$land_where = "1=1";
if($user_role !== 'district_officer' && $village_id) {
    $land_where = "l.village_id = $village_id";
}

// Fetch statistics
$result = mysqli_query($conn, "SELECT COUNT(*) as cnt FROM lands l WHERE $land_where");
if($result) $stats['total_lands'] = mysqli_fetch_assoc($result)['cnt'];

$result = mysqli_query($conn, "SELECT COUNT(*) as cnt FROM lands l WHERE $land_where AND l.status IN ('village_verified', 'surveyor_verified', 'fully_verified')");
if($result) $stats['verified_lands'] = mysqli_fetch_assoc($result)['cnt'];

$result = mysqli_query($conn, "SELECT COUNT(*) as cnt FROM lands l WHERE $land_where AND l.status IN ('pending_neighbor', 'neighbor_verified', 'pending_village', 'pending_survey')");
if($result) $stats['pending_lands'] = mysqli_fetch_assoc($result)['cnt'];

$result = mysqli_query($conn, "SELECT COUNT(*) as cnt FROM lands l WHERE $land_where AND l.status = 'disputed'");
if($result) $stats['disputed_lands'] = mysqli_fetch_assoc($result)['cnt'];

// Disputes
$dispute_where = $village_id ? "d.village_id = $village_id" : "1=1";
$result = mysqli_query($conn, "SELECT COUNT(*) as cnt FROM land_disputes d WHERE $dispute_where AND d.status NOT IN ('resolved', 'dismissed')");
if($result) $stats['active_disputes'] = mysqli_fetch_assoc($result)['cnt'];

// Total area
$result = mysqli_query($conn, "SELECT COALESCE(SUM(l.total_area), 0) as total FROM lands l WHERE $land_where AND l.area_unit = 'acres'");
if($result) $stats['total_area'] = mysqli_fetch_assoc($result)['total'];

// Registered owners
$result = mysqli_query($conn, "SELECT COUNT(DISTINCT l.user_id) as cnt FROM lands l WHERE $land_where");
if($result) $stats['registered_owners'] = mysqli_fetch_assoc($result)['cnt'];

// Recent land registrations
$recent_lands = mysqli_query($conn, "
    SELECT l.*, u.full_name as owner_name, u.phone as owner_phone
    FROM lands l
    JOIN users u ON l.user_id = u.id
    WHERE $land_where
    ORDER BY l.created_at DESC
    LIMIT 5
");

// Pending verifications (for village leaders)
$pending_verifications = null;
if(in_array($user_role, ['village_chairman', 'land_officer'])) {
    $pending_verifications = mysqli_query($conn, "
        SELECT l.*, u.full_name as owner_name, u.phone as owner_phone,
               l.neighbor_verification_count, l.neighbor_required_count
        FROM lands l
        JOIN users u ON l.user_id = u.id
        WHERE $land_where AND l.status = 'pending_village'
        ORDER BY l.created_at ASC
        LIMIT 5
    ");
}

// Recent disputes
$recent_disputes = mysqli_query($conn, "
    SELECT d.*, l.land_name, u.full_name as owner_name
    FROM land_disputes d
    JOIN lands l ON d.land_id = l.id
    JOIN users u ON d.land_owner_id = u.id
    WHERE $dispute_where
    ORDER BY d.created_at DESC
    LIMIT 5
");

// For surveyors - pending survey requests
$survey_requests = null;
if($user_role === 'surveyor') {
    $survey_requests = mysqli_query($conn, "
        SELECT l.*, u.full_name as owner_name, u.phone as owner_phone,
               v.name as village_name
        FROM lands l
        JOIN users u ON l.user_id = u.id
        LEFT JOIN villages v ON l.village_id = v.id
        WHERE l.status = 'pending_survey'
        ORDER BY l.created_at ASC
        LIMIT 10
    ");
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Village Dashboard - Land Secure CBC</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../assets/font-awesome/css/all.min.css">
    <link href="../assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <style>
        /* Page Header */
        .page-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 30px;
            flex-wrap: wrap;
            gap: 20px;
        }

        .page-header h1 {
            font-size: 28px;
            font-weight: 700;
            color: #1a1d21;
            margin: 0 0 8px 0;
        }

        .page-header p {
            color: #6c757d;
            margin: 0;
        }

        .village-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
            color: white;
            padding: 8px 16px;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 600;
        }

        .village-badge i {
            font-size: 16px;
        }

        .date-display {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 16px;
            background: #fff;
            border-radius: 12px;
            color: #6c757d;
            font-size: 14px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        /* Stats Grid */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }

        .stat-card {
            background: #fff;
            border-radius: 16px;
            padding: 24px;
            display: flex;
            align-items: center;
            gap: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            position: relative;
            overflow: hidden;
        }

        .stat-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.1);
        }

        .stat-icon {
            width: 56px;
            height: 56px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #fff;
        }

        .stat-icon.total { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .stat-icon.verified { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
        .stat-icon.pending { background: linear-gradient(135deg, #f5af19 0%, #f12711 100%); }
        .stat-icon.disputed { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
        .stat-icon.area { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
        .stat-icon.owners { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); color: #333; }

        .stat-content {
            flex: 1;
        }

        .stat-value {
            display: block;
            font-size: 28px;
            font-weight: 700;
            color: #1a1d21;
            line-height: 1.2;
        }

        .stat-label {
            font-size: 13px;
            color: #6c757d;
            font-weight: 500;
        }

        .stat-link {
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            width: 36px;
            height: 36px;
            border-radius: 10px;
            background: #f0f2f5;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6c757d;
            text-decoration: none;
            transition: all 0.3s;
        }

        .stat-link:hover {
            background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
            color: #fff;
        }

        /* Content Cards */
        .content-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 24px;
        }

        .content-card {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            overflow: hidden;
        }

        .content-card .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 24px;
            border-bottom: 1px solid #f0f2f5;
        }

        .content-card .card-header h3 {
            font-size: 16px;
            font-weight: 600;
            color: #1a1d21;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .content-card .card-header h3 i {
            color: #11998e;
        }

        .view-all-btn {
            font-size: 13px;
            color: #11998e;
            text-decoration: none;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .view-all-btn:hover {
            color: #0d7d74;
        }

        .card-body {
            padding: 0;
        }

        /* Land List */
        .land-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .land-item {
            display: flex;
            align-items: center;
            padding: 16px 24px;
            border-bottom: 1px solid #f0f2f5;
            transition: background 0.2s;
        }

        .land-item:hover {
            background: #f8f9fa;
        }

        .land-item:last-child {
            border-bottom: none;
        }

        .land-icon {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
            margin-right: 14px;
        }

        .land-info {
            flex: 1;
        }

        .land-name {
            font-weight: 600;
            color: #1a1d21;
            font-size: 14px;
            margin-bottom: 2px;
        }

        .land-owner {
            font-size: 12px;
            color: #6c757d;
        }

        .land-status {
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .status-pending { background: #fff3cd; color: #856404; }
        .status-verified { background: #d4edda; color: #155724; }
        .status-disputed { background: #f8d7da; color: #721c24; }
        .status-pending_village { background: #cce5ff; color: #004085; }
        .status-pending_survey { background: #e2d5f1; color: #5a3d8a; }

        /* Dispute List */
        .dispute-item {
            display: flex;
            align-items: center;
            padding: 16px 24px;
            border-bottom: 1px solid #f0f2f5;
        }

        .dispute-item:last-child {
            border-bottom: none;
        }

        .dispute-icon {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            background: linear-gradient(135deg, #f5af19 0%, #f12711 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
            margin-right: 14px;
        }

        .dispute-info {
            flex: 1;
        }

        .dispute-title {
            font-weight: 600;
            color: #1a1d21;
            font-size: 14px;
            margin-bottom: 2px;
        }

        .dispute-meta {
            font-size: 12px;
            color: #6c757d;
        }

        .dispute-priority {
            padding: 4px 10px;
            border-radius: 20px;
            font-size: 11px;
            font-weight: 600;
        }

        .priority-low { background: #d4edda; color: #155724; }
        .priority-medium { background: #fff3cd; color: #856404; }
        .priority-high { background: #f8d7da; color: #721c24; }
        .priority-urgent { background: #721c24; color: #fff; }

        /* Quick Actions */
        .quick-actions {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 12px;
            padding: 20px 24px;
        }

        .quick-action-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 12px;
            text-decoration: none;
            color: #1a1d21;
            transition: all 0.3s;
        }

        .quick-action-btn:hover {
            background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
            color: #fff;
            transform: translateY(-3px);
        }

        .quick-action-btn i {
            font-size: 24px;
            margin-bottom: 8px;
        }

        .quick-action-btn span {
            font-size: 12px;
            font-weight: 600;
        }

        /* Empty State */
        .empty-state {
            padding: 40px 24px;
            text-align: center;
            color: #6c757d;
        }

        .empty-state i {
            font-size: 48px;
            margin-bottom: 16px;
            opacity: 0.5;
        }

        .empty-state p {
            margin: 0;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .content-grid {
                grid-template-columns: 1fr;
            }

            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .stat-card {
                padding: 16px;
            }

            .stat-value {
                font-size: 22px;
            }
        }

        @media (max-width: 480px) {
            .stats-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <?php include 'includes/sidebar.php'; ?>

    <main class="admin-main">
        <!-- Page Header -->
        <div class="page-header">
            <div class="page-header-content">
                <h1>
                    <?php if($user_role === 'surveyor'): ?>
                        Surveyor Dashboard
                    <?php elseif($user_role === 'district_officer'): ?>
                        District Land Dashboard
                    <?php else: ?>
                        Village Land Dashboard
                    <?php endif; ?>
                </h1>
                <p>
                    <?php if($village_info): ?>
                        <span class="village-badge">
                            <i class="fas fa-map-marker-alt"></i>
                            <?php echo htmlspecialchars($village_info['name']); ?>,
                            <?php echo htmlspecialchars($village_info['district_name']); ?>
                        </span>
                    <?php else: ?>
                        Welcome, <?php echo htmlspecialchars($_SESSION['full_name'] ?? $_SESSION['username']); ?>
                    <?php endif; ?>
                </p>
            </div>
            <div class="page-header-actions">
                <span class="date-display">
                    <i class="fas fa-calendar-alt"></i>
                    <?php echo date('l, F j, Y'); ?>
                </span>
            </div>
        </div>

        <!-- Stats Grid -->
        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-icon total">
                    <i class="fas fa-map"></i>
                </div>
                <div class="stat-content">
                    <span class="stat-value"><?php echo number_format($stats['total_lands']); ?></span>
                    <span class="stat-label">Total Lands / Ardhi Zote</span>
                </div>
                <a href="all_lands" class="stat-link">
                    <i class="fas fa-arrow-right"></i>
                </a>
            </div>

            <div class="stat-card">
                <div class="stat-icon verified">
                    <i class="fas fa-check-circle"></i>
                </div>
                <div class="stat-content">
                    <span class="stat-value"><?php echo number_format($stats['verified_lands']); ?></span>
                    <span class="stat-label">Verified / Zilizohakikiwa</span>
                </div>
                <a href="verified_lands" class="stat-link">
                    <i class="fas fa-arrow-right"></i>
                </a>
            </div>

            <div class="stat-card">
                <div class="stat-icon pending">
                    <i class="fas fa-clock"></i>
                </div>
                <div class="stat-content">
                    <span class="stat-value"><?php echo number_format($stats['pending_lands']); ?></span>
                    <span class="stat-label">Pending / Zinasubiri</span>
                </div>
                <a href="pending_lands" class="stat-link">
                    <i class="fas fa-arrow-right"></i>
                </a>
            </div>

            <div class="stat-card">
                <div class="stat-icon disputed">
                    <i class="fas fa-exclamation-triangle"></i>
                </div>
                <div class="stat-content">
                    <span class="stat-value"><?php echo number_format($stats['active_disputes']); ?></span>
                    <span class="stat-label">Disputes / Migogoro</span>
                </div>
                <a href="disputes" class="stat-link">
                    <i class="fas fa-arrow-right"></i>
                </a>
            </div>

            <div class="stat-card">
                <div class="stat-icon area">
                    <i class="fas fa-ruler-combined"></i>
                </div>
                <div class="stat-content">
                    <span class="stat-value"><?php echo number_format($stats['total_area'], 2); ?></span>
                    <span class="stat-label">Total Acres / Ekari</span>
                </div>
            </div>

            <div class="stat-card">
                <div class="stat-icon owners">
                    <i class="fas fa-users"></i>
                </div>
                <div class="stat-content">
                    <span class="stat-value"><?php echo number_format($stats['registered_owners']); ?></span>
                    <span class="stat-label">Landowners / Wamiliki</span>
                </div>
                <a href="landowners" class="stat-link">
                    <i class="fas fa-arrow-right"></i>
                </a>
            </div>
        </div>

        <!-- Content Grid -->
        <div class="content-grid">
            <!-- Pending Verifications (for village leaders) -->
            <?php if($pending_verifications && mysqli_num_rows($pending_verifications) > 0): ?>
            <div class="content-card">
                <div class="card-header">
                    <h3><i class="fas fa-clock"></i> Pending Village Approval</h3>
                    <a href="pending_lands" class="view-all-btn">View All <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="card-body">
                    <ul class="land-list">
                        <?php while($land = mysqli_fetch_assoc($pending_verifications)): ?>
                        <li class="land-item">
                            <div class="land-icon">
                                <i class="fas fa-map-marked-alt"></i>
                            </div>
                            <div class="land-info">
                                <div class="land-name"><?php echo htmlspecialchars($land['land_name']); ?></div>
                                <div class="land-owner">
                                    <i class="fas fa-user"></i> <?php echo htmlspecialchars($land['owner_name']); ?>
                                    &bull; <i class="fas fa-users"></i> <?php echo $land['neighbor_verification_count']; ?>/<?php echo $land['neighbor_required_count']; ?> neighbors
                                </div>
                            </div>
                            <a href="verify_land?id=<?php echo $land['id']; ?>" class="btn btn-sm btn-success">
                                <i class="fas fa-check"></i> Review
                            </a>
                        </li>
                        <?php endwhile; ?>
                    </ul>
                </div>
            </div>
            <?php endif; ?>

            <!-- Survey Requests (for surveyors) -->
            <?php if($survey_requests && mysqli_num_rows($survey_requests) > 0): ?>
            <div class="content-card">
                <div class="card-header">
                    <h3><i class="fas fa-ruler-combined"></i> Survey Requests</h3>
                    <a href="survey_requests" class="view-all-btn">View All <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="card-body">
                    <ul class="land-list">
                        <?php while($land = mysqli_fetch_assoc($survey_requests)): ?>
                        <li class="land-item">
                            <div class="land-icon">
                                <i class="fas fa-ruler"></i>
                            </div>
                            <div class="land-info">
                                <div class="land-name"><?php echo htmlspecialchars($land['land_name']); ?></div>
                                <div class="land-owner">
                                    <i class="fas fa-user"></i> <?php echo htmlspecialchars($land['owner_name']); ?>
                                    <?php if($land['village_name']): ?>
                                    &bull; <i class="fas fa-map-marker-alt"></i> <?php echo htmlspecialchars($land['village_name']); ?>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <a href="conduct_survey?id=<?php echo $land['id']; ?>" class="btn btn-sm btn-primary">
                                <i class="fas fa-ruler-combined"></i> Survey
                            </a>
                        </li>
                        <?php endwhile; ?>
                    </ul>
                </div>
            </div>
            <?php endif; ?>

            <!-- Recent Land Registrations -->
            <div class="content-card">
                <div class="card-header">
                    <h3><i class="fas fa-map"></i> Recent Registrations</h3>
                    <a href="all_lands" class="view-all-btn">View All <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="card-body">
                    <?php if($recent_lands && mysqli_num_rows($recent_lands) > 0): ?>
                    <ul class="land-list">
                        <?php while($land = mysqli_fetch_assoc($recent_lands)): ?>
                        <li class="land-item">
                            <div class="land-icon">
                                <i class="fas fa-map-marked-alt"></i>
                            </div>
                            <div class="land-info">
                                <div class="land-name"><?php echo htmlspecialchars($land['land_name']); ?></div>
                                <div class="land-owner">
                                    <i class="fas fa-user"></i> <?php echo htmlspecialchars($land['owner_name']); ?>
                                    &bull; <?php echo date('M j, Y', strtotime($land['created_at'])); ?>
                                </div>
                            </div>
                            <span class="land-status status-<?php echo $land['status']; ?>">
                                <?php echo ucfirst(str_replace('_', ' ', $land['status'])); ?>
                            </span>
                        </li>
                        <?php endwhile; ?>
                    </ul>
                    <?php else: ?>
                    <div class="empty-state">
                        <i class="fas fa-map"></i>
                        <p>No land registrations yet</p>
                    </div>
                    <?php endif; ?>
                </div>
            </div>

            <!-- Active Disputes -->
            <div class="content-card">
                <div class="card-header">
                    <h3><i class="fas fa-exclamation-triangle"></i> Active Disputes</h3>
                    <a href="disputes" class="view-all-btn">View All <i class="fas fa-chevron-right"></i></a>
                </div>
                <div class="card-body">
                    <?php if($recent_disputes && mysqli_num_rows($recent_disputes) > 0): ?>
                    <ul class="land-list">
                        <?php while($dispute = mysqli_fetch_assoc($recent_disputes)): ?>
                        <li class="dispute-item">
                            <div class="dispute-icon">
                                <i class="fas fa-gavel"></i>
                            </div>
                            <div class="dispute-info">
                                <div class="dispute-title">
                                    <?php echo htmlspecialchars($dispute['land_name']); ?>
                                    <small>(<?php echo ucfirst(str_replace('_', ' ', $dispute['dispute_type'])); ?>)</small>
                                </div>
                                <div class="dispute-meta">
                                    <i class="fas fa-hashtag"></i> <?php echo $dispute['dispute_number']; ?>
                                    &bull; <i class="fas fa-calendar"></i> <?php echo date('M j, Y', strtotime($dispute['created_at'])); ?>
                                </div>
                            </div>
                            <span class="dispute-priority priority-<?php echo $dispute['priority']; ?>">
                                <?php echo ucfirst($dispute['priority']); ?>
                            </span>
                        </li>
                        <?php endwhile; ?>
                    </ul>
                    <?php else: ?>
                    <div class="empty-state">
                        <i class="fas fa-check-circle"></i>
                        <p>No active disputes - Hakuna migogoro</p>
                    </div>
                    <?php endif; ?>
                </div>
            </div>

            <!-- Quick Actions -->
            <div class="content-card">
                <div class="card-header">
                    <h3><i class="fas fa-bolt"></i> Quick Actions</h3>
                </div>
                <div class="quick-actions">
                    <a href="village_map" class="quick-action-btn">
                        <i class="fas fa-map"></i>
                        <span>View Map</span>
                    </a>
                    <a href="land_check" class="quick-action-btn">
                        <i class="fas fa-search-location"></i>
                        <span>Land Check</span>
                    </a>
                    <?php if(in_array($user_role, ['village_chairman', 'land_officer'])): ?>
                    <a href="pending_lands" class="quick-action-btn">
                        <i class="fas fa-check-double"></i>
                        <span>Verify Land</span>
                    </a>
                    <?php endif; ?>
                    <a href="disputes" class="quick-action-btn">
                        <i class="fas fa-gavel"></i>
                        <span>Disputes</span>
                    </a>
                    <a href="statistics" class="quick-action-btn">
                        <i class="fas fa-chart-pie"></i>
                        <span>Statistics</span>
                    </a>
                    <a href="certificates" class="quick-action-btn">
                        <i class="fas fa-certificate"></i>
                        <span>Certificates</span>
                    </a>
                </div>
            </div>
        </div>
    </main>

    <script src="../assets/vendor/jquery/jquery.min.js"></script>
    <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>
