 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/.cursor-server/data/User/History/-3e75d7a2/ |
<?php
session_start();
require_once 'config/database.php';
// Set page variables for header
$current_page = 'events';
$page_title = 'Events - SoundStudioPro';
$page_description = 'Discover and create amazing music events. Connect with artists, attend workshops, and join the community.';
include 'includes/header.php';
$pdo = getDBConnection();
$user_id = $_SESSION['user_id'] ?? null;
// Get filter parameters
$event_type = $_GET['type'] ?? '';
$date_filter = $_GET['date'] ?? '';
$location_filter = $_GET['location'] ?? '';
$search_query = $_GET['search'] ?? '';
// Build query
$where_conditions = ["e.status = 'published'"];
$params = [];
if ($event_type) {
$where_conditions[] = "e.event_type = ?";
$params[] = $event_type;
}
if ($date_filter) {
switch ($date_filter) {
case 'today':
$where_conditions[] = "DATE(e.start_date) = CURDATE()";
break;
case 'week':
$where_conditions[] = "e.start_date BETWEEN NOW() AND DATE_ADD(NOW(), INTERVAL 7 DAY)";
break;
case 'month':
$where_conditions[] = "e.start_date BETWEEN NOW() AND DATE_ADD(NOW(), INTERVAL 1 MONTH)";
break;
}
}
if ($location_filter) {
$where_conditions[] = "(e.location LIKE ? OR e.venue_name LIKE ?)";
$params[] = "%$location_filter%";
$params[] = "%$location_filter%";
}
if ($search_query) {
$where_conditions[] = "(e.title LIKE ? OR e.description LIKE ?)";
$params[] = "%$search_query%";
$params[] = "%$search_query%";
}
$where_clause = implode(' AND ', $where_conditions);
// Get events
$events_query = "
SELECT
e.*,
u.name as creator_name,
u.profile_image as creator_image,
COUNT(DISTINCT ea.user_id) as attendee_count,
COUNT(DISTINCT el.user_id) as like_count,
COUNT(DISTINCT ec.id) as comment_count,
CASE WHEN ea2.user_id IS NOT NULL THEN ea2.status ELSE NULL END as user_rsvp_status
FROM events e
JOIN users u ON e.creator_id = u.id
LEFT JOIN event_attendees ea ON e.id = ea.event_id AND ea.status = 'attending'
LEFT JOIN event_likes el ON e.id = el.event_id
LEFT JOIN event_comments ec ON e.id = ec.event_id
LEFT JOIN event_attendees ea2 ON e.id = ea2.event_id AND ea2.user_id = ?
WHERE $where_clause
GROUP BY e.id
ORDER BY e.is_featured DESC, e.start_date ASC
LIMIT 50
";
$stmt = $pdo->prepare($events_query);
$stmt->execute(array_merge([$user_id], $params));
$events = $stmt->fetchAll();
// Get event categories
$categories_query = "SELECT * FROM event_categories ORDER BY name";
$categories = $pdo->query($categories_query)->fetchAll();
// Helper functions
function formatEventDate($start_date, $end_date) {
$start = new DateTime($start_date);
$end = new DateTime($end_date);
if ($start->format('Y-m-d') === $end->format('Y-m-d')) {
return $start->format('M j, Y') . ' at ' . $start->format('g:i A');
} else {
return $start->format('M j, Y g:i A') . ' - ' . $end->format('M j, Y g:i A');
}
}
function getEventTypeIcon($event_type) {
$icons = [
'live_music' => 'fas fa-music',
'workshop' => 'fas fa-graduation-cap',
'networking' => 'fas fa-users',
'release_party' => 'fas fa-champagne-glasses',
'battle' => 'fas fa-trophy',
'open_mic' => 'fas fa-microphone',
'studio_session' => 'fas fa-record-vinyl',
'other' => 'fas fa-calendar'
];
return $icons[$event_type] ?? 'fas fa-calendar';
}
function getEventTypeColor($event_type) {
$colors = [
'live_music' => '#667eea',
'workshop' => '#48bb78',
'networking' => '#ed8936',
'release_party' => '#9f7aea',
'battle' => '#f56565',
'open_mic' => '#38b2ac',
'studio_session' => '#ed64a6',
'other' => '#a0aec0'
];
return $colors[$event_type] ?? '#a0aec0';
}
?>
<div class="events-container">
<!-- Hero Section -->
<section class="events-hero">
<div class="hero-content">
<h1 class="hero-title">
<i class="fas fa-calendar-star"></i>
Music Events
</h1>
<p class="hero-subtitle">Discover amazing events, connect with artists, and be part of the music community</p>
<!-- Quick Actions -->
<div class="hero-actions">
<button class="btn btn-primary" onclick="showCreateEventModal()">
<i class="fas fa-plus"></i>
Create Event
</button>
<button class="btn btn-secondary" onclick="showEventFilters()">
<i class="fas fa-filter"></i>
Filter Events
</button>
</div>
</div>
</section>
<!-- Event Categories -->
<section class="event-categories">
<div class="categories-grid">
<?php foreach ($categories as $category): ?>
<a href="?type=<?= strtolower(str_replace(' ', '_', $category['name'])) ?>"
class="category-card <?= $event_type === strtolower(str_replace(' ', '_', $category['name'])) ? 'active' : '' ?>">
<div class="category-icon" style="color: <?= $category['color'] ?>">
<i class="<?= $category['icon'] ?>"></i>
</div>
<h3><?= $category['name'] ?></h3>
<p><?= $category['description'] ?></p>
</a>
<?php endforeach; ?>
</div>
</section>
<!-- Search and Filters -->
<section class="search-filters">
<div class="filters-container">
<form method="GET" class="search-form">
<div class="search-input">
<i class="fas fa-search"></i>
<input type="text" name="search" placeholder="Search events..." value="<?= htmlspecialchars($search_query) ?>">
</div>
<div class="filter-options">
<select name="date" onchange="this.form.submit()">
<option value="">All Dates</option>
<option value="today" <?= $date_filter === 'today' ? 'selected' : '' ?>>Today</option>
<option value="week" <?= $date_filter === 'week' ? 'selected' : '' ?>>This Week</option>
<option value="month" <?= $date_filter === 'month' ? 'selected' : '' ?>>This Month</option>
</select>
<select name="type" onchange="this.form.submit()">
<option value="">All Types</option>
<option value="live_music" <?= $event_type === 'live_music' ? 'selected' : '' ?>>Live Music</option>
<option value="workshop" <?= $event_type === 'workshop' ? 'selected' : '' ?>>Workshop</option>
<option value="networking" <?= $event_type === 'networking' ? 'selected' : '' ?>>Networking</option>
<option value="release_party" <?= $event_type === 'release_party' ? 'selected' : '' ?>>Release Party</option>
<option value="battle" <?= $event_type === 'battle' ? 'selected' : '' ?>>Battle</option>
<option value="open_mic" <?= $event_type === 'open_mic' ? 'selected' : '' ?>>Open Mic</option>
<option value="studio_session" <?= $event_type === 'studio_session' ? 'selected' : '' ?>>Studio Session</option>
</select>
</div>
<button type="submit" class="btn btn-primary">
<i class="fas fa-search"></i>
Search
</button>
</form>
</div>
</section>
<!-- Events Grid -->
<section class="events-grid-section">
<div class="events-header">
<h2>Upcoming Events</h2>
<p><?= count($events) ?> events found</p>
</div>
<div class="events-grid">
<?php if (empty($events)): ?>
<div class="no-events">
<i class="fas fa-calendar-times"></i>
<h3>No events found</h3>
<p>Try adjusting your filters or create the first event!</p>
<button class="btn btn-primary" onclick="showCreateEventModal()">
<i class="fas fa-plus"></i>
Create Event
</button>
</div>
<?php else: ?>
<?php foreach ($events as $event): ?>
<div class="event-card" data-event-id="<?= $event['id'] ?>">
<?php if ($event['is_featured']): ?>
<div class="featured-badge">
<i class="fas fa-star"></i>
Featured
</div>
<?php endif; ?>
<div class="event-image">
<?php if ($event['cover_image']): ?>
<img src="<?= htmlspecialchars($event['cover_image']) ?>" alt="<?= htmlspecialchars($event['title']) ?>">
<?php else: ?>
<div class="event-placeholder">
<i class="<?= getEventTypeIcon($event['event_type']) ?>"></i>
</div>
<?php endif; ?>
<div class="event-type-badge" style="background: <?= getEventTypeColor($event['event_type']) ?>">
<i class="<?= getEventTypeIcon($event['event_type']) ?>"></i>
<?= ucwords(str_replace('_', ' ', $event['event_type'])) ?>
</div>
</div>
<div class="event-content">
<h3 class="event-title"><?= htmlspecialchars($event['title']) ?></h3>
<p class="event-description"><?= htmlspecialchars(substr($event['description'], 0, 100)) ?>...</p>
<div class="event-meta">
<div class="event-date">
<i class="fas fa-calendar"></i>
<?= formatEventDate($event['start_date'], $event['end_date']) ?>
</div>
<?php if ($event['location']): ?>
<div class="event-location">
<i class="fas fa-map-marker-alt"></i>
<?= htmlspecialchars($event['location']) ?>
</div>
<?php endif; ?>
<div class="event-creator">
<i class="fas fa-user"></i>
by <a href="/artist_profile.php?id=<?= $event['creator_id'] ?>"><?= htmlspecialchars($event['creator_name']) ?></a>
</div>
</div>
<div class="event-stats">
<div class="stat-item">
<i class="fas fa-users"></i>
<span><?= $event['attendee_count'] ?> attending</span>
</div>
<div class="stat-item">
<i class="fas fa-heart"></i>
<span><?= $event['like_count'] ?> likes</span>
</div>
<div class="stat-item">
<i class="fas fa-comment"></i>
<span><?= $event['comment_count'] ?> comments</span>
</div>
</div>
<div class="event-actions">
<?php if ($user_id): ?>
<button class="btn btn-primary" onclick="rsvpEvent(<?= $event['id'] ?>, 'attending')"
<?= $event['user_rsvp_status'] === 'attending' ? 'disabled' : '' ?>>
<i class="fas fa-check"></i>
<?= $event['user_rsvp_status'] === 'attending' ? 'Attending' : 'Attend' ?>
</button>
<button class="btn btn-secondary" onclick="rsvpEvent(<?= $event['id'] ?>, 'maybe')"
<?= $event['user_rsvp_status'] === 'maybe' ? 'disabled' : '' ?>>
<i class="fas fa-question"></i>
Maybe
</button>
<button class="btn btn-outline" onclick="likeEvent(<?= $event['id'] ?>)">
<i class="fas fa-heart"></i>
Like
</button>
<button class="btn btn-outline" onclick="showEventDetails(<?= $event['id'] ?>)">
<i class="fas fa-eye"></i>
Details
</button>
<?php else: ?>
<a href="/auth/login_new.php" class="btn btn-primary">
<i class="fas fa-sign-in-alt"></i>
Login to Attend
</a>
<?php endif; ?>
</div>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
</section>
</div>
<!-- Create Event Modal -->
<div id="createEventModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<h2><i class="fas fa-plus"></i> Create New Event</h2>
<button class="close-btn" onclick="closeModal('createEventModal')">×</button>
</div>
<form id="createEventForm" class="event-form">
<div class="form-group">
<label>Event Title *</label>
<input type="text" name="title" required placeholder="Enter event title">
</div>
<div class="form-group">
<label>Event Type *</label>
<select name="event_type" required>
<option value="">Select event type</option>
<option value="live_music">Live Music</option>
<option value="workshop">Workshop</option>
<option value="networking">Networking</option>
<option value="release_party">Release Party</option>
<option value="battle">Battle</option>
<option value="open_mic">Open Mic</option>
<option value="studio_session">Studio Session</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label>Description *</label>
<textarea name="description" required placeholder="Describe your event..."></textarea>
</div>
<div class="form-row">
<div class="form-group">
<label>Start Date & Time *</label>
<input type="datetime-local" name="start_date" required>
</div>
<div class="form-group">
<label>End Date & Time *</label>
<input type="datetime-local" name="end_date" required>
</div>
</div>
<div class="form-group">
<label>Location</label>
<input type="text" name="location" placeholder="Event location">
</div>
<div class="form-group">
<label>Venue Name</label>
<input type="text" name="venue_name" placeholder="Venue name">
</div>
<div class="form-group">
<label>Address</label>
<textarea name="address" placeholder="Full address"></textarea>
</div>
<div class="form-row">
<div class="form-group">
<label>Max Attendees</label>
<input type="number" name="max_attendees" placeholder="Leave empty for unlimited">
</div>
<div class="form-group">
<label>Ticket Price</label>
<input type="number" name="ticket_price" step="0.01" placeholder="0.00 for free">
</div>
</div>
<div class="form-actions">
<button type="button" class="btn btn-secondary" onclick="closeModal('createEventModal')">Cancel</button>
<button type="submit" class="btn btn-primary">Create Event</button>
</div>
</form>
</div>
</div>
<style>
/* Events Container */
.events-container {
min-height: 100vh;
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
color: white;
}
/* Hero Section */
.events-hero {
padding: 8rem 0 4rem;
text-align: center;
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
position: relative;
overflow: hidden;
}
.events-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(102,126,234,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
opacity: 0.3;
}
.hero-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
position: relative;
z-index: 2;
}
.hero-title {
font-size: 4rem;
font-weight: 800;
margin-bottom: 1rem;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-subtitle {
font-size: 1.4rem;
color: #a0aec0;
margin-bottom: 3rem;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.hero-actions {
display: flex;
justify-content: center;
gap: 2rem;
margin-top: 2rem;
}
/* Event Categories */
.event-categories {
padding: 4rem 2rem;
max-width: 1400px;
margin: 0 auto;
}
.categories-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.category-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
padding: 2rem;
text-align: center;
transition: all 0.3s ease;
text-decoration: none;
color: white;
}
.category-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
border-color: rgba(102, 126, 234, 0.3);
}
.category-card.active {
background: linear-gradient(135deg, #667eea, #764ba2);
border-color: transparent;
}
.category-icon {
font-size: 3rem;
margin-bottom: 1rem;
}
.category-card h3 {
font-size: 1.3rem;
margin-bottom: 0.5rem;
}
.category-card p {
color: #a0aec0;
font-size: 0.9rem;
}
/* Search and Filters */
.search-filters {
padding: 2rem;
background: rgba(26, 26, 26, 0.8);
backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.filters-container {
max-width: 1200px;
margin: 0 auto;
}
.search-form {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
.search-input {
position: relative;
flex: 1;
min-width: 300px;
}
.search-input i {
position: absolute;
left: 1rem;
top: 50%;
transform: translateY(-50%);
color: #a0aec0;
}
.search-input input {
width: 100%;
padding: 1rem 1rem 1rem 3rem;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
color: white;
font-size: 1rem;
}
.filter-options {
display: flex;
gap: 1rem;
}
.filter-options select {
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
color: white;
font-size: 1rem;
}
/* Events Grid */
.events-grid-section {
padding: 4rem 2rem;
max-width: 1400px;
margin: 0 auto;
}
.events-header {
text-align: center;
margin-bottom: 3rem;
}
.events-header h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.events-header p {
color: #a0aec0;
font-size: 1.2rem;
}
.events-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
gap: 2rem;
}
/* Event Cards */
.event-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
overflow: hidden;
transition: all 0.3s ease;
position: relative;
}
.event-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
border-color: rgba(102, 126, 234, 0.3);
}
.featured-badge {
position: absolute;
top: 1rem;
right: 1rem;
background: linear-gradient(135deg, #ffd700, #ffed4e);
color: #000;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
z-index: 10;
}
.event-image {
position: relative;
height: 200px;
overflow: hidden;
}
.event-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.event-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #667eea, #764ba2);
display: flex;
align-items: center;
justify-content: center;
font-size: 3rem;
color: white;
}
.event-type-badge {
position: absolute;
bottom: 1rem;
left: 1rem;
color: white;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
}
.event-content {
padding: 2rem;
}
.event-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
color: white;
}
.event-description {
color: #a0aec0;
margin-bottom: 1.5rem;
line-height: 1.6;
}
.event-meta {
margin-bottom: 1.5rem;
}
.event-meta > div {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
color: #a0aec0;
font-size: 0.9rem;
}
.event-meta a {
color: #667eea;
text-decoration: none;
}
.event-meta a:hover {
text-decoration: underline;
}
.event-stats {
display: flex;
gap: 1rem;
margin-bottom: 1.5rem;
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border-radius: 12px;
}
.stat-item {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
color: #a0aec0;
}
.event-actions {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
/* Buttons */
.btn {
padding: 0.8rem 1.5rem;
border: none;
border-radius: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
}
.btn-primary {
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);
}
.btn-secondary {
background: rgba(255, 255, 255, 0.1);
color: white;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn-secondary:hover {
background: rgba(102, 126, 234, 0.2);
transform: translateY(-2px);
}
.btn-outline {
background: transparent;
color: #a0aec0;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn-outline:hover {
color: white;
border-color: rgba(102, 126, 234, 0.5);
transform: translateY(-2px);
}
/* No Events */
.no-events {
text-align: center;
padding: 4rem 2rem;
grid-column: 1 / -1;
}
.no-events i {
font-size: 4rem;
color: #a0aec0;
margin-bottom: 2rem;
}
.no-events h3 {
font-size: 2rem;
margin-bottom: 1rem;
color: white;
}
.no-events p {
color: #a0aec0;
margin-bottom: 2rem;
}
/* Modal */
.modal {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(10px);
}
.modal-content {
background: #1a1a1a;
margin: 5% auto;
padding: 0;
border-radius: 16px;
width: 90%;
max-width: 600px;
max-height: 90vh;
overflow-y: auto;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.modal-header {
padding: 2rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.modal-header h2 {
color: white;
margin: 0;
}
.close-btn {
background: none;
border: none;
color: #a0aec0;
font-size: 2rem;
cursor: pointer;
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.close-btn:hover {
color: white;
}
/* Form Styles */
.event-form {
padding: 2rem;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
color: white;
font-weight: 600;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 1rem;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
color: white;
font-size: 1rem;
}
.form-group textarea {
min-height: 100px;
resize: vertical;
}
.form-actions {
display: flex;
gap: 1rem;
justify-content: flex-end;
margin-top: 2rem;
}
/* Responsive Design */
@media (max-width: 768px) {
.hero-title {
font-size: 2.5rem;
}
.hero-actions {
flex-direction: column;
align-items: center;
}
.search-form {
flex-direction: column;
}
.search-input {
min-width: auto;
}
.filter-options {
flex-direction: column;
}
.events-grid {
grid-template-columns: 1fr;
}
.form-row {
grid-template-columns: 1fr;
}
}
</style>
<script>
// Modal functions
function showCreateEventModal() {
document.getElementById('createEventModal').style.display = 'block';
}
function closeModal(modalId) {
document.getElementById(modalId).style.display = 'none';
}
// Close modal when clicking outside
window.onclick = function(event) {
if (event.target.classList.contains('modal')) {
event.target.style.display = 'none';
}
}
// Event functions
function rsvpEvent(eventId, status) {
if (!<?= $user_id ? 'true' : 'false' ?>) {
// Use AJAX navigation to preserve global player
if (window.ajaxNavigation) {
window.ajaxNavigation.navigateToPage('/auth/login_new.php');
} else {
window.location.href = '/auth/login_new.php';
}
return;
}
fetch('/api_events.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
action: 'rsvp',
event_id: eventId,
status: status
})
})
.then(response => response.json())
.then(data => {
if (data.success) {
location.reload();
} else {
alert('Error: ' + data.message);
}
})
.catch(error => {
console.error('Error:', error);
alert('An error occurred. Please try again.');
});
}
function likeEvent(eventId) {
if (!<?= $user_id ? 'true' : 'false' ?>) {
// Use AJAX navigation to preserve global player
if (window.ajaxNavigation) {
window.ajaxNavigation.navigateToPage('/auth/login_new.php');
} else {
window.location.href = '/auth/login_new.php';
}
return;
}
fetch('/api_events.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
action: 'like',
event_id: eventId
})
})
.then(response => response.json())
.then(data => {
if (data.success) {
location.reload();
} else {
alert('Error: ' + data.message);
}
})
.catch(error => {
console.error('Error:', error);
alert('An error occurred. Please try again.');
});
}
function showEventDetails(eventId) {
window.location.href = `/event_details.php?id=${eventId}`;
}
// Create event form
document.getElementById('createEventForm').addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(this);
const data = Object.fromEntries(formData);
fetch('/api_events.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
action: 'create',
...data
})
})
.then(response => response.json())
.then(data => {
if (data.success) {
closeModal('createEventModal');
location.reload();
} else {
alert('Error: ' + data.message);
}
})
.catch(error => {
console.error('Error:', error);
alert('An error occurred. Please try again.');
});
});
</script>
<?php include 'includes/footer.php'; ?>