Sindbad~EG File Manager
<?php
require_once 'includes/functions.php';
// Get district events
$districtEvents = getEvents('district', null, 'published');
$settings = getSettings();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>District Events - <?php echo $settings['site_title'] ?? 'COP Madina Conference Management'; ?></title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
50: '#eff6ff',
100: '#dbeafe',
500: '#3b82f6',
600: '#2563eb',
700: '#1d4ed8',
800: '#1e40af',
900: '#1e3a8a'
}
}
}
}
}
</script>
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.gradient-text {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
</style>
</head>
<body class="bg-gray-50">
<div id="app">
<!-- Header -->
<header class="bg-white shadow-lg sticky top-0 z-50">
<nav class="container mx-auto px-4 py-3">
<div class="flex items-center justify-between">
<!-- Logo -->
<div class="flex items-center space-x-3">
<img src="<?php echo BASE_URL . ($settings['site_logo'] ?? 'assets/images/logo.png'); ?>"
alt="COP Madina" class="h-12 w-12 rounded-full">
<div>
<h1 class="text-xl font-bold gradient-text">COP Madina</h1>
<p class="text-sm text-gray-600">Conference Management</p>
</div>
</div>
<!-- Navigation Menu -->
<div class="hidden md:flex items-center space-x-6">
<a href="<?php echo BASE_URL; ?>"
class="text-gray-700 hover:text-primary-600 font-medium transition-colors duration-200">
<i class="fas fa-home mr-2"></i>Home
</a>
<a href="<?php echo BASE_URL; ?>district.php"
class="text-gray-700 hover:text-primary-600 font-medium transition-colors duration-200 border-b-2 border-primary-500">
<i class="fas fa-building mr-2"></i>Districts
</a>
<a href="<?php echo BASE_URL; ?>assembly.php"
class="text-gray-700 hover:text-primary-600 font-medium transition-colors duration-200">
<i class="fas fa-church mr-2"></i>Assemblies
</a>
<?php if (isLoggedIn()): ?>
<div class="relative" @click="showUserMenu = !showUserMenu">
<button class="flex items-center space-x-2 text-gray-700 hover:text-primary-600 font-medium">
<i class="fas fa-user-circle text-xl"></i>
<span><?php echo $_SESSION['user_name'] ?? 'User'; ?></span>
<i class="fas fa-chevron-down text-sm"></i>
</button>
<div v-show="showUserMenu" class="absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50">
<a href="<?php echo BASE_URL; ?>dashboard.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
<i class="fas fa-tachometer-alt mr-2"></i>Dashboard
</a>
<a href="<?php echo BASE_URL; ?>profile.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
<i class="fas fa-user mr-2"></i>Profile
</a>
<a href="<?php echo BASE_URL; ?>logout.php" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
<i class="fas fa-sign-out-alt mr-2"></i>Logout
</a>
</div>
</div>
<?php else: ?>
<a href="<?php echo BASE_URL; ?>login.php"
class="bg-primary-600 text-white px-6 py-2 rounded-lg hover:bg-primary-700 transition-colors duration-200 font-medium">
<i class="fas fa-sign-in-alt mr-2"></i>Login
</a>
<?php endif; ?>
</div>
<!-- Mobile Menu Button -->
<button @click="showMobileMenu = !showMobileMenu" class="md:hidden text-gray-700">
<i class="fas fa-bars text-xl"></i>
</button>
</div>
<!-- Mobile Menu -->
<div v-show="showMobileMenu" class="md:hidden mt-4 pb-4 border-t border-gray-200">
<div class="flex flex-col space-y-3 pt-4">
<a href="<?php echo BASE_URL; ?>" class="text-gray-700 hover:text-primary-600 font-medium">
<i class="fas fa-home mr-2"></i>Home
</a>
<a href="<?php echo BASE_URL; ?>district.php" class="text-primary-600 font-medium">
<i class="fas fa-building mr-2"></i>Districts
</a>
<a href="<?php echo BASE_URL; ?>assembly.php" class="text-gray-700 hover:text-primary-600 font-medium">
<i class="fas fa-church mr-2"></i>Assemblies
</a>
<?php if (isLoggedIn()): ?>
<a href="<?php echo BASE_URL; ?>dashboard.php" class="text-gray-700 hover:text-primary-600 font-medium">
<i class="fas fa-tachometer-alt mr-2"></i>Dashboard
</a>
<a href="<?php echo BASE_URL; ?>logout.php" class="text-gray-700 hover:text-primary-600 font-medium">
<i class="fas fa-sign-out-alt mr-2"></i>Logout
</a>
<?php else: ?>
<a href="<?php echo BASE_URL; ?>login.php" class="bg-primary-600 text-white px-6 py-2 rounded-lg hover:bg-primary-700 transition-colors duration-200 font-medium inline-block text-center">
<i class="fas fa-sign-in-alt mr-2"></i>Login
</a>
<?php endif; ?>
</div>
</div>
</nav>
</header>
<!-- Hero Section -->
<section class="gradient-bg text-white py-16">
<div class="container mx-auto px-4 text-center">
<h1 class="text-4xl md:text-6xl font-bold mb-6">District Events</h1>
<p class="text-xl mb-8 opacity-90">Discover and participate in district-level conferences and events</p>
<div class="flex justify-center">
<div class="bg-white/10 backdrop-blur-sm rounded-lg px-6 py-3">
<i class="fas fa-building text-2xl mr-3"></i>
<span class="text-lg font-semibold">District Level Programs</span>
</div>
</div>
</div>
</section>
<!-- Events Section -->
<section class="py-16">
<div class="container mx-auto px-4">
<?php if (!empty($districtEvents)): ?>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<?php foreach ($districtEvents as $event): ?>
<div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
<?php if ($event['banner_image']): ?>
<img src="<?php echo BASE_URL . $event['banner_image']; ?>"
alt="<?php echo htmlspecialchars($event['title']); ?>"
class="w-full h-48 object-cover">
<?php else: ?>
<div class="w-full h-48 gradient-bg flex items-center justify-center">
<i class="fas fa-building text-white text-4xl"></i>
</div>
<?php endif; ?>
<div class="p-6">
<div class="flex items-center justify-between mb-3">
<span class="bg-green-100 text-green-800 text-xs font-semibold px-3 py-1 rounded-full">
District Event
</span>
<?php if ($event['registration_fee'] > 0): ?>
<span class="text-green-600 font-semibold"><?php echo formatCurrency($event['registration_fee']); ?></span>
<?php else: ?>
<span class="text-green-600 font-semibold">Free</span>
<?php endif; ?>
</div>
<h3 class="text-xl font-bold mb-3 text-gray-800"><?php echo htmlspecialchars($event['title']); ?></h3>
<p class="text-gray-600 mb-4 line-clamp-3"><?php echo htmlspecialchars(substr($event['description'], 0, 120)) . '...'; ?></p>
<div class="space-y-2 mb-4 text-sm text-gray-500">
<div class="flex items-center">
<i class="fas fa-calendar-alt mr-2 text-primary-500"></i>
<span><?php echo formatDate($event['start_date'], 'M d, Y g:i A'); ?></span>
</div>
<div class="flex items-center">
<i class="fas fa-map-marker-alt mr-2 text-primary-500"></i>
<span><?php echo htmlspecialchars($event['venue'] ?? 'Venue TBA'); ?></span>
</div>
<?php if ($event['district_name']): ?>
<div class="flex items-center">
<i class="fas fa-building mr-2 text-primary-500"></i>
<span><?php echo htmlspecialchars($event['district_name']); ?> District</span>
</div>
<?php endif; ?>
<?php if ($event['capacity'] > 0): ?>
<div class="flex items-center">
<i class="fas fa-users mr-2 text-primary-500"></i>
<span><?php echo getEventRegistrationCount($event['id']); ?> / <?php echo $event['capacity']; ?> registered</span>
</div>
<?php endif; ?>
</div>
<div class="flex space-x-3">
<a href="<?php echo BASE_URL; ?>event.php?id=<?php echo $event['id']; ?>"
class="flex-1 bg-gray-100 text-gray-700 text-center py-2 px-4 rounded-lg hover:bg-gray-200 transition-colors duration-200 font-medium">
View Details
</a>
<a href="<?php echo BASE_URL; ?>register.php?event=<?php echo $event['id']; ?>"
class="flex-1 bg-primary-600 text-white text-center py-2 px-4 rounded-lg hover:bg-primary-700 transition-colors duration-200 font-medium">
Register
</a>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<?php else: ?>
<div class="text-center py-16">
<i class="fas fa-calendar-times text-6xl text-gray-300 mb-6"></i>
<h3 class="text-2xl font-semibold text-gray-600 mb-4">No District Events Available</h3>
<p class="text-gray-500 mb-8">There are currently no published district events. Check back later for updates.</p>
<a href="<?php echo BASE_URL; ?>"
class="bg-primary-600 text-white px-6 py-3 rounded-lg hover:bg-primary-700 transition-colors duration-200 font-medium inline-block">
<i class="fas fa-home mr-2"></i>Back to Home
</a>
</div>
<?php endif; ?>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-12">
<div class="container mx-auto px-4">
<div class="grid md:grid-cols-4 gap-8">
<div>
<div class="flex items-center space-x-3 mb-4">
<img src="<?php echo BASE_URL . ($settings['site_logo'] ?? 'assets/images/logo.png'); ?>"
alt="COP Madina" class="h-10 w-10 rounded-full">
<div>
<h3 class="text-lg font-bold">COP Madina</h3>
<p class="text-sm text-gray-400">Conference Management</p>
</div>
</div>
<p class="text-gray-400 text-sm">Empowering church events and conferences with modern technology and seamless management solutions.</p>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Quick Links</h4>
<ul class="space-y-2 text-sm">
<li><a href="<?php echo BASE_URL; ?>" class="text-gray-400 hover:text-white transition-colors">Home</a></li>
<li><a href="<?php echo BASE_URL; ?>events.php" class="text-gray-400 hover:text-white transition-colors">Events</a></li>
<li><a href="<?php echo BASE_URL; ?>district.php" class="text-gray-400 hover:text-white transition-colors">Districts</a></li>
<li><a href="<?php echo BASE_URL; ?>assembly.php" class="text-gray-400 hover:text-white transition-colors">Assemblies</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Support</h4>
<ul class="space-y-2 text-sm">
<li><a href="<?php echo BASE_URL; ?>contact.php" class="text-gray-400 hover:text-white transition-colors">Contact Us</a></li>
<li><a href="<?php echo BASE_URL; ?>help.php" class="text-gray-400 hover:text-white transition-colors">Help Center</a></li>
<li><a href="<?php echo BASE_URL; ?>privacy.php" class="text-gray-400 hover:text-white transition-colors">Privacy Policy</a></li>
<li><a href="<?php echo BASE_URL; ?>terms.php" class="text-gray-400 hover:text-white transition-colors">Terms of Service</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Connect With Us</h4>
<div class="flex space-x-4 mb-4">
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-facebook text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-twitter text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-instagram text-xl"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">
<i class="fab fa-youtube text-xl"></i>
</a>
</div>
<p class="text-gray-400 text-sm">
<i class="fas fa-envelope mr-2"></i>info@copmadinaconf.org<br>
<i class="fas fa-phone mr-2"></i>+233 XX XXX XXXX
</p>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-8 text-center text-sm text-gray-400">
<p>© <?php echo date('Y'); ?> The Church of Pentecost - Madina Area. All rights reserved.</p>
</div>
</div>
</footer>
</div>
<script>
const { createApp } = Vue;
createApp({
data() {
return {
showMobileMenu: false,
showUserMenu: false
}
},
mounted() {
// Close menus when clicking outside
document.addEventListener('click', (e) => {
if (!e.target.closest('.relative')) {
this.showUserMenu = false;
}
});
}
}).mount('#app');
</script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists