Notes

controller code==============>

using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Identity.Data;
using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;
using System.Linq;

using WebApplication10.models;

namespace WebApplication10.Controllers
{
[Route("api/[controller]")]
[ApiController]
public class EvenshtController : ControllerBase
{
private static readonly List<User> Users = new List<User>();
private static readonly List<Event> Events = new List<Event>();

private static readonly Dictionary<string, List<string>> UserEventss = new Dictionary<string, List<string>>();

// POST api/event/register
[HttpPost("register")]
public IActionResult Register(User user)
{
if (Users.Any(u => u.Username == user.Username))
{
return BadRequest("user already exist");

}

Users.Add(user);
UserEventss[user.Username] = new List<string>();
return Ok("registration sucessfull ");
}

// POST api/event/login
[HttpPost("login")]
public IActionResult Login([FromBody] User user)
{
if (ModelState.IsValid)
{
if (Users.Any(u => u.Username == user.Username && u.Password == user.Password))
{
return Ok(new { message = "Login successful", username = user.Username });
}
return Ok("Invalid credentials.");

}
return BadRequest("Invalid model state");

}

// GET api/event/upcoming
[HttpGet("upcoming")]
public IActionResult GetUpcomingEvents()
{
if (Events.Count == 0)
{
return Ok("no events yet");
}
return Ok(Events);
}


[HttpPost("create")]
public ActionResult CreateEvent([FromBody] Event ev)
{
if (ev == null)
{
return BadRequest("Invalid data");
}
var newEvent = new Event
{
Name = ev.Name,
Location = ev.Location,
Date = ev.Date,
Description = ev.Description,
Creator = ev.Creator,
};

// Check if an event with the same location and date-time already exists
if (Events.Any(e => e.Location == ev.Location && e.Date == ev.Date))
{
return BadRequest ("An event with the same location and date-time already exists");
}

Events.Add(newEvent);
var response = new
{
success = true,
message = " created sucessfully!",
events = newEvent
};

return Ok (response);
}


[HttpPut("edit/{eventName}")]
public ActionResult EditEvent(string eventName, [FromBody] Event updatedEvent)
{
var existingEvent = Events.FirstOrDefault(e => e.Name == eventName);

if (existingEvent == null)
{
return NotFound($"Event with name {eventName} not found");
}

// Check if the updated location and date-time conflict with other events
if (Events.Any(e => e.Name != eventName && e.Location == updatedEvent.Location && e.Date == updatedEvent.Date && e.Description == updatedEvent.Description))
{
return BadRequest("Another event with the same location and date-time already exists");
}

// Update the existing event
existingEvent.Name = updatedEvent.Name;
existingEvent.Location = updatedEvent.Location;
existingEvent.Date = updatedEvent.Date;
existingEvent.Description = updatedEvent.Description;

return Ok($"Event {eventName} updated successfully!");
}

[HttpDelete("delete/{eventName}")]
public ActionResult DeleteEvent(string eventName)
{
var eventToRemove = Events.FirstOrDefault(e => e.Name == eventName);

if (eventToRemove == null)
{
return NotFound($"Event with name {eventName} not found");
}

Events.Remove(eventToRemove);
return Ok($"Event {eventName} deleted successfully!");
}

//join
[HttpPost("join")]
public ActionResult JoinEvent([FromBody] JoinRequest joinRequest)
{
string eventName = joinRequest.Eventname;
string username = joinRequest.Username;

// Check if the event exists
Event eventDetails = Events.FirstOrDefault(e => e.Name == eventName);

if (eventDetails == null)
{
return NotFound($"Event '{eventName}' does not exist.");
}

if (UserEventss.ContainsKey(username))
{
// Ensure the user's event list is initialized
UserEventss[username] ??= new List<string>();

// Check if the user has already joined an event on the same date
if (UserEventss[username].Any(e =>
Events.Any(ev => e.Contains($"Event: {ev.Name}") && ev.Date.Date == eventDetails.Date.Date)))
{
return Conflict($"User '{username}' has already joined an event on the same date.");
}

// Add the user to the event
UserEventss[username].Add($"Event: {eventName}," +
$" Date: {eventDetails.Date},location {eventDetails.Location},");

// Additional event information can be added here

return Ok($"Successfully joined event: {eventName}");
}
else
{
return NotFound($"User '{username}' not found.");
}
}

[HttpGet("track/{username}")]

public ActionResult GetUserJoinedEvents(string username)
{
if (UserEventss.ContainsKey(username))
{
List<string> userJoinedEvents = UserEventss[username];
return Ok(userJoinedEvents);
}
else
{
return NotFound($"User '{username}' not found.");
}
}


///manage the event
[HttpGet("manage/{username}")]
public ActionResult Manage(string username)
{
if (UserEventss.ContainsKey(username))
{
List<Event> userEvents = Events.Where(e => e.Creator == username).ToList();
return Ok(userEvents);
}
else
{
return NotFound($"User '{username}' not found.");
}
}

[HttpGet("get-appointments/{username}")]
public ActionResult Appointment (string username)
{
if (UserEventss.ContainsKey(username))
{
List<string> userJoinedEvents = UserEventss[username];
return Ok(userJoinedEvents);
}
else
{
return NotFound($"User '{username}' not found.");
}
}
}
}

loginpage =====>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event Management System</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<link rel="stylesheet" href="login.css"></link>
</head>

<body>

<h1>Event Management System</h1>

<h2>User Login</h2>
<form>
<label for="login-username">Username:</label>
<input type="text" id="login-username" required>
<br>
<label for="login-password">Password:</label>
<input type="password" id="login-password" required>
<br>
<button onclick="loginUser()">Login</button>
<button onclick="Regestrationpage()">Registeration</button>
</div>
</form>

<script>
const apiUrl = "https://localhost:7114/api/Evensht";

function loginUser() {

const username = $("#login-username").val();
const password = $("#login-password").val();

$.post({
url: `https://localhost:7114/api/Evensht/login`,
type:"POST",
contentType: "application/json",
data: JSON.stringify({ Username: username, Password: password }),
success: function(data)
{
if (data.message === "Login successful")
{
alert("login succesfully");
window.location.href= ` new.html?username=${encodeURIComponent(username)}`;


} else
{
alert("Login failed. Please check your credentials. Error:");
}
},
error: function(error) {
// Handle errors here
console.error("Error during login:", error);
}
});
}
function Regestrationpage()
{
window.location.href=`registration.html`;
}
</script>
</body>
</html>

Registration page =====>>>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event Management System</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<link rel="stylesheet" href="login.css"></link>
</head>

<body>

<h1>Event Management System</h1>


<h2>User Registration</h2>
<form>
<label for="reg-username">Username:</label>
<input type="text" id="reg-username" required>
<label for="reg-password">Password:</label>
<input type="password" id="reg-password" required>

<button onclick="registerUser()">Register</button>
</div>
</form>

<script>
const apiUrl = "https://localhost:7114/api/Evensht";

function registerUser() {
const username = $("#reg-username").val();
const password = $("#reg-password").val();

$.post({
url: "https://localhost:7114/api/Evensht/register",
data: JSON.stringify({ Username: username, Password: password }),
contentType: "application/json",
success: function (data) {
alert("registration sucessful");
window.location.href=`loginpage.html`;
},
error: function (xhr, status, error) {
alert("Registration failed. Please try again or change username");
console.error("Error:", xhr.responseText);
}
});
}
</script>

css file login and registration page

body
{
font-family:sans-serif;
background: -webkit-linear-gradient(to right, #155799, #159957);
background: linear-gradient(to right, #155799, #159957);
color:whitesmoke;
}


h1,h2{
text-align: center;
}


form{
width:35rem;
margin: auto;
color:whitesmoke;
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
background-color: rgba(11, 15, 13, 0.582);
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.125);
padding: 20px 25px;
}

input[type=text], input[type=password]{
width: 100%;
margin: 10px 0;
border-radius: 5px;
padding: 15px 18px;
box-sizing: border-box;
}

button {
display: block;
background-color: #030804;
color: white;
padding: 14px 20px;
border-radius: 5px;
margin: 0 auto;
width: 50%;
font-size: 18px;
}

button:hover {
opacity: 0.6;
cursor: pointer;
}

.headingsContainer{
text-align: center;
}

.headingsContainer p{
color: gray;
}
.mainContainer{
padding: 16px;
}


.subcontainer{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

.subcontainer a{
font-size: 16px;
margin-bottom: 12px;
}

span.forgotpsd a {
float: right;
color: whitesmoke;
padding-top: 16px;
}

.forgotpsd a{
color: rgb(74, 146, 235);
}

.forgotpsd a:link{
text-decoration: none;
}

.register{
color: white;
text-align: center;
}

.register a{
color: rgb(74, 146, 235);
}

.register a:link{
text-decoration: none;
}

/* Media queries for the responsiveness of the page */
@media screen and (max-width: 600px) {
form{
width: 25rem;
}
}

@media screen and (max-width: 400px) {
form{
width: 20rem;
}
}

event management page ======>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event Management System</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<style>
body {
font-family: Arial, sans-serif;
display: grid;
grid-template-columns: 250px 1fr; /* Sidebar and Content columns */
min-height: 100vh;
margin: 0;
}

/* Sidebar styles */
.sidebar {
background-color: #85a7be;
color: #fff;
padding: 20px;
height: 100%;
}

/* Navigation links in the sidebar */
.nav-link {
display: block;
margin-bottom: 10px;
padding: 10px 20px;
background-color: #05574f;
color: #fff;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}

.nav-link:hover {
background-color: #885656;
}

/* Content styles */
.content {
padding: 20px;
background-color: #cbbddb;
height: 100vh;
overflow-y: auto;
}

/* Event grid in the content */
.event-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
max-width: 1200px;
}

/* Event container in the content */
.event-container {
background-color: #9dcece;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 20px;
}

/* Event title */
.event-title {
font-size: 24px;
font-weight: bold;
color: #9dcece;
}

/* Event details */
.event-details {
font-size: 16px;
color: #666;
margin-top: 10px;
}
</style>
</head>
<body>

<!-- Navigation Bar (Sidebar) -->
<div class="sidebar">
<h2>Event Management</h2>
<h3 id="username"></h3>
<a href="#" class="nav-link" onclick="displayUpcomingEvents()">Upcoming Events</a>
<a href="#" class="nav-link" onclick="manageMyEvents()">Manage My Events</a>
<a href="#" class="nav-link" onclick="createNewEvent()">Create New Event</a>
<a href="#" class="nav-link" onclick="trackMyEvents()">Track My Events</a>
<a href="#" class="nav-link" onclick="Appointment()">Appointments</a>
<a href="#" class="nav-link" onclick="logout()">Logout</a>
</div>

<!-- Content Area -->
<div class="content">
<div id="eventsContainer" class="event-grid style"></div>
<div id="manageEventsContainer" style="display: none"></div>
<div id="trackEventsContainer" style="display: none"></div>
</div>
<script>

document.addEventListener('DOMContentLoaded', function () {
// Get the username parameter from the URL
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username');

// Display the username on the page
const usernameElement = document.getElementById('username');
if (usernameElement) {
usernameElement.textContent = `Welcome , ${username}!`;
}
});

//upcoming event

function displayUpcomingEvents() {

fetch('https://localhost:7114/api/Evensht/upcoming')
.then(response => {
if (!response.ok) {
throw new Error(`Failed to fetch upcoming events: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(upcomingEvents => {
const eventsContainer = document.getElementById('eventsContainer');
eventsContainer.innerHTML = '';

upcomingEvents.forEach(event => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<h3>${event.name}</h3><p><strong>Date:</strong>${event.date}</p><p><strong>Description :</strong>${event.description}</p><p><strong>Location:</strong>${event.location}</p><p><strong> Event creator:</strong>${event.creator}`;

// Add a Join button with an onclick event to dynamically obtain the event name

const joinButton = document.createElement('button');
joinButton.textContent = 'Join Event';
joinButton.onclick = function () {
joinEvent(event.name);
};

eventDiv.appendChild(joinButton);
eventsContainer.appendChild(eventDiv);
});
})
.catch(error => {
alert(`Error fetching upcoming events: ${error.message}`);
});
}


//join the event
function joinEvent(eventName) {
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username') || "YourDefaultUsername";
const joinRequest = {
EventName: eventName,
Username: username
};

fetch('https://localhost:7114/api/Evensht/join', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(joinRequest),
})
.then(response => {
if (!response.ok) {
throw new Error(`Failed to join event: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(data => {
alert(`Successfully joined event: ${data}`);
// You can perform additional actions here after a successful join
})
.catch(error => {
alert(`Error joining event: ${error.message}`);
});
}


/// manage
function manageMyEvents() {
// Hide other containers and show the manageEventsContainer
document.getElementById('eventsContainer').style.display = 'none';
document.getElementById('manageEventsContainer').style.display = 'block';
document.getElementById('trackEventsContainer').style.display = 'block';

const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username');

// Call an API to fetch and display user's events
fetch(`https://localhost:7114/api/Evensht/manage/${username}`)
.then(response => response.json())
.then(events => {
const manageEventsContainer = document.getElementById('manageEventsContainer');
manageEventsContainer.innerHTML = '';

events.forEach(event => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<h3>${event.name}</h3>
<p><strong>Date:</strong>${event.date}</p>
<p><strong>Description :</strong>${event.description}</p>
<p><strong>Location:</strong>${event.location}</p>
<p><strong>Event creator:</strong>${event.creator}`;

// Add edit and join buttons with onclick events
const editButton = document.createElement('button');
editButton.textContent = 'Edit Event';
editButton.onclick = function () {
editEvent(event.name);
};

const deleteButton = document.createElement('button');
deleteButton.textContent = 'Delete Event';
deleteButton.onclick = function () {
deleteEvent(event.name);
};

eventDiv.appendChild(editButton);
eventDiv.appendChild(deleteButton);
manageEventsContainer.appendChild(eventDiv);
});
})
.catch(error => {
console,error('errorfacing',error)

alert(`Error fetching managed events: ${error.message}`);
});
}

//EDIT EVENT

function editEvent(eventName) {
const updatedName = prompt("Enter the updated event name:");
const updatedLocation = prompt("Enter the updated event location:");
const updatedDate = prompt("Enter the updated event date (YYYY-MM-DDTHH:mm:ss.fffZ):");
const updatedDescription = prompt("Enter the updated event description:");
const urlParams = new URLSearchParams(window.location.search);
const UPDATEusername = urlParams.get('username');



const updatedEventData = {
Name: updatedName,
Location: updatedLocation,
Date: new Date(updatedDate), // Convert to a valid date object
Description: updatedDescription,
Creator:UPDATEusername
};

fetch(`https://localhost:7114/api/Evensht/edit/${eventName}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(updatedEventData),
})
.then(response => {
if (!response.ok) {
throw new Error(`Failed to edit event: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(data => {
alert(`Event "${eventName}" edited successfully!`);
// Additional actions after a successful edit (if needed)
})
.catch(error => {
console.error('Error editing event:', error);
alert(`Error editing event: ${error.message}`);
});
}

//delete

function deleteEvent(eventName) {
// Confirm with the user before deleting the event
const confirmation = confirm(`Are you sure you want to delete the event "${eventName}"?`);

if (confirmation) {
// Make an AJAX DELETE request to delete the event
fetch(`https://localhost:7114/api/Evensht/delete/${eventName}`, {
method: 'DELETE',
})
.then(response => {
if (!response.ok) {
throw new Error(`Failed to delete event: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(data => {
alert(`Event "${eventName}" deleted successfully!`);
// You can perform additional actions here after a successful delete
})
.catch(error => {
console.error('Error deleting event:', error);
alert(`Error deleting event: ${error.message}`);
});
}
}

//CREATE
function createNewEvent() {
// Prompt user for event details
const eventName = prompt("Enter the event name:");
const location = prompt("Enter the event location:");
const date = prompt("Enter the event date (YYYY-MM-DDTHH:mm:ss.fffZ):");
const description = prompt("Enter the event description:");

// Get the username parameter from the URL
const urlParams = new URLSearchParams(window.location.search);
const creator = urlParams.get('username') || "YourDefaultUsername";

// Data to be sent in the request body
const eventData = {
Name: eventName,
Location: location,
Date: date,
Description: description,
Creator: creator
};

// Make an AJAX POST request
$.ajax({
type: "POST",
url: "https://localhost:7114/api/Evensht/create",
contentType: "application/json",
data: JSON.stringify(eventData),
success: function (response) {
if (response.success) {
const createdEvent = response.events;
alert(`Event "${createdEvent.Name}" created successfully!`);
} else {
alert("Unexpected error");
}
},
error: function (error) {
console.error("Error creating event: ", error.responseText);
alert("Error creating event: " + error.responseText);
}
});

// Assuming you have other containers, show the trackEventContainer and hide other containers
document.getElementById('eventsContainer').style.display = 'none';


document.getElementById('manageEventsContainer').style.display = 'none';


document.getElementById('trackEventContainer').style.display = 'block';
}
//track the events

function trackMyEvents() {
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username') || "YourDefaultUsername";
fetch(`https://localhost:7114/api/Evensht/track/${username}`)
.then(response => {
if (!response.ok) {
throw new Error(`Failed to fetch tracked events: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(trackedEvents => {
const trackEventsContainer = document.getElementById('trackEventsContainer');
trackEventsContainer.innerHTML = '';

if (trackedEvents.length > 0) {
trackedEvents.forEach(eventInfo => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<p>${eventInfo}</p>`;
trackEventsContainer.appendChild(eventDiv);
});
} else {
trackEventsContainer.innerHTML = '<p>No events tracked yet.</p>';
}

// Show the trackEventsContainer and hide eventsContainer
document.getElementById('eventsContainer').style.display = 'none';


document.getElementById('manageEventsContainer').style.display = 'none';
document.getElementById("trackEventsContainer").style.display = 'block';
})
.catch(error => {
alert(`Error fetching tracked events: ${error.message}`);
});
}

function Appointment()
{
const urlParams = new URLSearchParams(window.location.search);
const username = urlParams.get('username') || "YourDefaultUsername";





fetch(`https://localhost:7114/api/Evensht/track/${username}`)
.then(response => {
if (!response.ok) {
throw new Error(`Failed to fetch tracked events: ${response.status} - ${response.statusText}`);
}
return response.json();
})
.then(trackedEvents => {
const trackEventsContainer = document.getElementById('trackEventsContainer');
trackEventsContainer.innerHTML = '';

if (trackedEvents.length > 0) {
trackedEvents.forEach(eventInfo => {
const eventDiv = document.createElement('div');
eventDiv.classList.add('event-container');
eventDiv.innerHTML = `<p>${eventInfo}</p>`;
trackEventsContainer.appendChild(eventDiv);
});
} else {
trackEventsContainer.innerHTML = '<p>No events tracked yet.</p>';
}

// Show the trackEventsContainer and hide eventsContainer
document.getElementById('eventsContainer').style.display = 'none';


document.getElementById('manageEventsContainer').style.display = 'none';
trackEventsContainer.style.display = 'block';
})
.catch(error => {
alert(`Error fetching tracked events: ${error.message}`);
});

}

function logout() {
window.location.href=`loginpage.html`;

}
</script>
</html>