From ff7d936c4625e9845710f41533b29f2d1bf706d3 Mon Sep 17 00:00:00 2001
From: rutvikrj26 <rutvikrj26@gmail.com>
Date: Wed, 15 Nov 2023 10:10:49 -0500
Subject: [PATCH] Fully working events functionality - serialized add/remove
 pending

---
 .../templates/console/event_management.html   | 127 ++++---
 .../templates/events/event_applications.html  |  48 ++-
 .../events/templates/events/event_home.html   | 329 ++++++++----------
 physionet-django/events/views.py              |  22 +-
 4 files changed, 272 insertions(+), 254 deletions(-)

diff --git a/physionet-django/console/templates/console/event_management.html b/physionet-django/console/templates/console/event_management.html
index 8a1cd8bd58..02a9da2c9f 100644
--- a/physionet-django/console/templates/console/event_management.html
+++ b/physionet-django/console/templates/console/event_management.html
@@ -2,78 +2,77 @@
 {% load static %}
 {% block title %}Event Management{% endblock %}
 {% block content %}
-  <h1>{{ event.title }}</h1>
-  <hr/>
-  <div class="card mb-3">
-    <div class="card-header">Event Details</div>
-    <div class="card-body">
-      <div class="row mb-1">
-        <div class="col-md-3">Event Organizer:</div>
-        <div class="col-md-9">
-          <a href="{% url 'user_management' event.host.username %}">{{ event.host.username }}</a>
-        </div>
-      </div>
-      <div class="row mb-1">
-        <div class="col-md-3">Category:</div>
-        <div class="col-md-9">{{ event.category }}</div>
-      </div>
-      <div class="row mb-1">
-        <div class="col-md-3">Created on:</div>
-        <div class="col-md-9">{{ event.added_datetime | date:"d M Y" }}</div>
-      </div>
-      <div class="row mb-1">
-        <div class="col-md-3">Start Date:</div>
-        <div class="col-md-9">{{ event.start_date | date:"d M Y" }}</div>
+<h1>{{ event.title }}</h1>
+<hr />
+<div class="card mb-3">
+  <div class="card-header">Event Details</div>
+  <div class="card-body">
+    <div class="row mb-1">
+      <div class="col-md-3">Event Organizer:</div>
+      <div class="col-md-9">
+        <a href="{% url 'user_management' event.host.username %}">{{ event.host.username }}</a>
       </div>
-      <div class="row mb-1">
-        <div class="col-md-3">End Date:</div>
-        <div class="col-md-9">{{ event.end_date | date:"d M Y" }}</div>
-      </div>
-      <div class="row mb-1">
-        <div class="col-md-3">Allowed Domains:</div>
-        <div class="col-md-9">
-          {% if event.allowed_domains %}
-            {{ event.allowed_domains }}
-          {% else %}
-          {% endif %}
-        </div>
+    </div>
+    <div class="row mb-1">
+      <div class="col-md-3">Category:</div>
+      <div class="col-md-9">{{ event.category }}</div>
+    </div>
+    <div class="row mb-1">
+      <div class="col-md-3">Created on:</div>
+      <div class="col-md-9">{{ event.added_datetime | date:"d M Y" }}</div>
+    </div>
+    <div class="row mb-1">
+      <div class="col-md-3">Start Date:</div>
+      <div class="col-md-9">{{ event.start_date | date:"d M Y" }}</div>
+    </div>
+    <div class="row mb-1">
+      <div class="col-md-3">End Date:</div>
+      <div class="col-md-9">{{ event.end_date | date:"d M Y" }}</div>
+    </div>
+    <div class="row mb-1">
+      <div class="col-md-3">Allowed Domains:</div>
+      <div class="col-md-9">
+        {% if event.allowed_domains %}
+        {{ event.allowed_domains }}
+        {% else %}
+        {% endif %}
       </div>
-      <div class="row mb-1">
-        <div class="col-md-3">Total participants:</div>
-        <div class="col-md-9">
-          <div class="row mb-1">
-            <div class="col-md-1">{{ event.participants.count }}</div>
-            <div class="col-md-11">
-              <button class="btn btn-sm btn-primary"
-                      data-toggle="modal"
-                      data-target="#view-participants">View participants</button>
-            </div>
+    </div>
+    <div class="row mb-1">
+      <div class="col-md-3">Total participants:</div>
+      <div class="col-md-9">
+        <div class="row mb-1">
+          <div class="col-md-1">{{ event.participants.count }}</div>
+          <div class="col-md-11">
+            <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#view-participants">View
+              participants</button>
           </div>
         </div>
       </div>
-      <div class="row mb-1">
-        <div class="col-md-3">Description:</div>
-        <div class="col-md-9">{{ event.description }}</div>
-      </div>
+    </div>
+    <div class="row mb-1">
+      <div class="col-md-3">Description:</div>
+      <div class="col-md-9">{{ event.description }}</div>
     </div>
   </div>
-  {% include 'console/event_management_manage_dataset.html' %}
-  <div class="modal fade"
-       id="view-participants"
-       tabindex="-1"
-       role="dialog"
-       aria-labelledby="view-participants-modal"
-       aria-hidden="true">
-    <div class="modal-dialog modal-lg" role="document">
-      <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title">Participants</h5>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-          </button>
-        </div>
-        {% include 'events/event_applications.html' %}
+</div>
+{% include 'console/event_management_manage_dataset.html' %}
+<div class="modal fade" id="view-participants" tabindex="-1" role="dialog" aria-labelledby="view-participants-modal"
+  aria-hidden="true">
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">Participants</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
       </div>
+      {% include 'events/event_applications.html' %}
     </div>
   </div>
+</div>
 {% endblock %}
+
+{% block local_js_bottom %}
+<script src="{% static 'custom/js/resize-ck.js' %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/physionet-django/events/templates/events/event_applications.html b/physionet-django/events/templates/events/event_applications.html
index 083cfa00e1..9793eac089 100644
--- a/physionet-django/events/templates/events/event_applications.html
+++ b/physionet-django/events/templates/events/event_applications.html
@@ -34,4 +34,50 @@
       {% endfor %}
     </tbody>
   </table>
-</div>
\ No newline at end of file
+</div>
+
+{% block local_js_bottom %}
+<script>
+  $(document).ready(function () {
+    $('.manage-cohost').submit(function (e) {
+      e.preventDefault();
+      let $form = $(this);
+      $form.find('input[type="submit"]').prop('disabled', true);
+
+      let participant_id = e.target.participant.value;
+      let event_slug = e.target.event.value;
+      let submit_value = $form.find('input[type="submit"]').val();
+      let csrftoken = e.target.csrfmiddlewaretoken.value;
+      let url = e.target.action;
+
+      $.ajax({
+        url: url,
+        type: 'POST',
+        data: {
+          'participant_id': participant_id,
+          'event_slug': event_slug,
+          'csrfmiddlewaretoken': csrftoken,
+          'submit': submit_value
+        },
+        success: function (data) {
+
+          $form.find('input[type="submit"]').prop('disabled', false);
+
+          if (submit_value == 'Make cohost') {
+            $form.find('input[type="submit"]').val('Remove cohost');
+            $form.find('input[type="submit"]').removeClass('btn-primary');
+            $form.find('input[type="submit"]').addClass('btn-danger');
+          } else if (submit_value == 'Remove cohost') {
+            $form.find('input[type="submit"]').val('Make cohost');
+            $form.find('input[type="submit"]').removeClass('btn-danger');
+            $form.find('input[type="submit"]').addClass('btn-success');
+          }
+        },
+        error: function (data) {
+          $form.find('input[type="submit"]').prop('disabled', false);
+        }
+      });
+    });
+  });
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/physionet-django/events/templates/events/event_home.html b/physionet-django/events/templates/events/event_home.html
index c583fa6c7f..34b0f6b802 100644
--- a/physionet-django/events/templates/events/event_home.html
+++ b/physionet-django/events/templates/events/event_home.html
@@ -16,221 +16,188 @@
   {% include "message_snippet.html" %}
   <div class="jumbotron">
     <h1>Events Home</h1>
-      {% if can_change_event %}
-      <p class="lead">Create new events and access event details.</p>
-      <p>
-        <a class = "btn btn-success" href="{% url 'create_event' %}" >
-          <i class="fa fa-cloud-upload-alt"></i> Create New Event </a>
-      </p>
-      {% else %}
-      <p class="lead">View events that you have registered to attend.</p>
-      {% endif %} 
-</div>
+    {% if can_change_event %}
+    <p class="lead">Create new events and access event details.</p>
+    <p>
+      <a class="btn btn-success" href="{% url 'create_event' %}">
+        <i class="fa fa-cloud-upload-alt"></i> Create New Event </a>
+    </p>
+    {% else %}
+    <p class="lead">View events that you have registered to attend.</p>
+    {% endif %}
+  </div>
 
-    <div class="modal fade" id="edit-event-modal" tabindex="-1" role="dialog" aria-labelledby="edit-event-modal" aria-hidden="true">
-        <div class="modal-dialog" role="document">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h5 class="modal-title">Edit Event</h5>
-              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                <span aria-hidden="true">&times;</span>
-              </button>
-            </div>
-            <div class="container">
-              <form action="" method="post" class="form-signin edit-event" >
-                {% csrf_token %}
-                {% include "form_snippet.html" with form=event_form %}
-                <button class="btn btn-primary btn-fixed" name="edit-event" type="submit">Save</button>
-              </form>
-            </div>
-          </div>
+  <div class="modal fade" id="edit-event-modal" tabindex="-1" role="dialog" aria-labelledby="edit-event-modal"
+    aria-hidden="true">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">Edit Event</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="container">
+          <form action="" method="post" class="form-signin edit-event">
+            {% csrf_token %}
+            {% include "form_snippet.html" with form=event_form %}
+            <button class="btn btn-primary btn-fixed" name="edit-event" type="submit">Save</button>
+          </form>
         </div>
       </div>
+    </div>
+  </div>
 
-{% include 'events/event_notifications.html' %}
+  {% include 'events/event_notifications.html' %}
 
-<!-- Active events -->
+  <!-- Active events -->
 
-  <div class="card" >
+  <div class="card">
     <div class="card-header">
       <h2>Active Events</h2>
     </div>
-    
+
     <ul class="list-group list-group-flush">
       {% for event in events_active %}
-          <li class="list-group-item">
-            <h3>{{ event.title }}</h3>
-            <p class="list-group-item-text text-muted">
-            <strong>Host: {{ event.host.get_full_name }} </strong><br>
-            {% with event_cohosts=event.get_cohosts %}
-              {% if event_cohosts %}
-                <small>Cohost:
-                {% for cohost in event_cohosts %}
-                  {{ cohost.user.get_full_name }}{% if not forloop.last %}, {% endif %}
-                {% endfor %}
-                </small><br>
-              {% endif %}
-            {% endwith %}
-            <small>Created: {{ event.added_datetime|date }}</small><br>
-            {% if event.host == user %} <small>Number of participants: {{ event.participants.all|length }}</small><br>{% endif %}
-            <small>Start Date: {{ event.start_date }}</small><br>
-            <small>End Date: {{ event.end_date }}</small><br>
-
-            {% if user|is_participant:event %}
-              <small>Registration status: Registered</small><br>
-            {% elif user|is_on_waiting_list:event  %}
-                <small>Registration status: On waiting list</small><br>
-            {% endif %}
-
-            {% if event.host == user %}
-              <small>Share the class code: {{ url_prefix }}{% url 'event_detail' event.slug %} </small><br>
-              </p>
-              <button class="btn btn-sm btn-primary" data-toggle ="modal" data-target="#add-participant-modal-{{ event.id }}">View participants</button>
-              <a class="btn btn-sm btn-secondary"  href="{% url 'update_event' event.slug %}" data-form-url="{% url 'update_event' event.slug %}" >Edit Event</a>
-            {% endif %}
-
-            <a href="{% url 'event_detail' event.slug %}" class="btn btn-sm btn-info">View Event</a>
-          </li>
+      <li class="list-group-item">
+        <h3>{{ event.title }}</h3>
+        <p class="list-group-item-text text-muted">
+          <strong>Host: {{ event.host.get_full_name }} </strong><br>
+          {% with event_cohosts=event.get_cohosts %}
+          {% if event_cohosts %}
+          <small>Cohost:
+            {% for cohost in event_cohosts %}
+            {{ cohost.user.get_full_name }}{% if not forloop.last %}, {% endif %}
+            {% endfor %}
+          </small><br>
+          {% endif %}
+          {% endwith %}
+          <small>Created: {{ event.added_datetime|date }}</small><br>
+          {% if event.host == user %}
+          <small>Number of participants: {{ event.participants.all|length }}</small>
+          <br>{% endif %}
+          <small>Start Date: {{ event.start_date }}</small><br>
+          <small>End Date: {{ event.end_date }}</small><br>
+
+          {% if user|is_participant:event %}
+          <small>Registration status: Registered</small><br>
+          {% elif user|is_on_waiting_list:event %}
+          <small>Registration status: On waiting list</small><br>
+          {% endif %}
+
+          {% if event.host == user %}
+          <small>Share the class code: {{ url_prefix }}{% url 'event_detail' event.slug %} </small><br>
+        </p>
+        <button class="btn btn-sm btn-primary" data-toggle="modal"
+          data-target="#add-participant-modal-{{ event.id }}">View participants</button>
+        <a class="btn btn-sm btn-secondary" href="{% url 'update_event' event.slug %}"
+          data-form-url="{% url 'update_event' event.slug %}">Edit Event</a>
+        {% endif %}
+
+        <a href="{% url 'event_detail' event.slug %}" class="btn btn-sm btn-info">View Event</a>
+      </li>
       {% empty %}
-        <div class="card-body text-center">
-          <p class="card-text">No events to show</p>
-        </div>
+      <div class="card-body text-center">
+        <p class="card-text">No events to show</p>
+      </div>
       {% endfor %}
     </ul>
   </div>
   <br>
   {% if events_active %}
-    {% for event in events_active %}
-      <div class="modal fade" id="add-participant-modal-{{ event.id }}" tabindex="-1" role="dialog" aria-labelledby="add-participant-modal" aria-hidden="true">
-        <div class="modal-dialog modal-lg"  role="document">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h5 class="modal-title">Participants</h5>
-              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                <span aria-hidden="true">&times;</span>
-              </button>
-            </div>
-              {% include 'events/event_applications.html' %}
-            </div>
-          </div>
+  {% for event in events_active %}
+  <div class="modal fade" id="add-participant-modal-{{ event.id }}" tabindex="-1" role="dialog"
+    aria-labelledby="add-participant-modal" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">Participants</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
         </div>
-    {% endfor %}
+        {% include 'events/event_applications.html' %}
+      </div>
+    </div>
+  </div>
+  {% endfor %}
   {% endif %}
 
-<!-- Past events -->
+  <!-- Past events -->
 
-  <div class="card" >
+  <div class="card">
     <div class="card-header">
       <h2>Past Events</h2>
     </div>
-    
+
     <ul class="list-group list-group-flush">
       {% for event in events_past %}
-          <li class="list-group-item">
-            <h3>{{ event.title }}</h3>
-            <p class="list-group-item-text text-muted">
-            <strong>Host: {{ event.host.get_full_name }} </strong><br>
-            {% with event_cohosts=event.get_cohosts %}
-              {% if event_cohosts %}
-                <small>Cohost:
-                {% for cohost in event_cohosts %}
-                  {{ cohost.user.get_full_name }}{% if not forloop.last %}, {% endif %}
-                {% endfor %}
-                </small><br>
-              {% endif %}
-            {% endwith %}
-            <small>Created: {{ event.added_datetime|date }}</small><br>
-            {% if event.host == user %} <small>Number of participants: {{ event.participants.all|length }}</small><br>{% endif %}
-            <small>Start Date: {{ event.start_date }}</small><br>
-            <small>End Date: {{ event.end_date }}</small><br>
-
-            {% if user|is_participant:event %}
-              <small>Registration status: Approved</small><br>
-            {% elif user|is_on_waiting_list:event  %}
-                <small>Registration status: Waiting for Approval</small><br>
-            {% endif %}
-
-            {% if event.host == user %}
-              <small>Share the class code: {{ url_prefix }}{% url 'event_detail' event.slug %} </small><br>
-              </p>
-              <button class="btn btn-sm btn-primary" data-toggle ="modal" data-target="#add-participant-modal-{{ event.id }}">View participants</button>
-              <a class="btn btn-sm btn-secondary"  href="{% url 'update_event' event.slug %}" data-form-url="{% url 'update_event' event.slug %}" >Edit Event</a>
-            {% endif %}
-
-            <a href="{% url 'event_detail' event.slug %}" class="btn btn-sm btn-info">View Event</a>
-          </li>
+      <li class="list-group-item">
+        <h3>{{ event.title }}</h3>
+        <p class="list-group-item-text text-muted">
+          <strong>Host: {{ event.host.get_full_name }} </strong><br>
+          {% with event_cohosts=event.get_cohosts %}
+          {% if event_cohosts %}
+          <small>Cohost:
+            {% for cohost in event_cohosts %}
+            {{ cohost.user.get_full_name }}{% if not forloop.last %}, {% endif %}
+            {% endfor %}
+          </small><br>
+          {% endif %}
+          {% endwith %}
+          <small>Created: {{ event.added_datetime|date }}</small><br>
+          {% if event.host == user %}
+          <small>Number of participants: {{ event.participants.all|length }}</small><br>
+          {% endif %}
+          <small>Start Date: {{ event.start_date }}</small><br>
+          <small>End Date: {{ event.end_date }}</small><br>
+
+          {% if user|is_participant:event %}
+          <small>Registration status: Approved</small><br>
+          {% elif user|is_on_waiting_list:event %}
+          <small>Registration status: Waiting for Approval</small><br>
+          {% endif %}
+
+          {% if event.host == user %}
+          <small>Share the class code: {{ url_prefix }}{% url 'event_detail' event.slug %} </small><br>
+        </p>
+        <button class="btn btn-sm btn-primary" data-toggle="modal"
+          data-target="#add-participant-modal-{{ event.id }}">View participants</button>
+        <a class="btn btn-sm btn-secondary" href="{% url 'update_event' event.slug %}"
+          data-form-url="{% url 'update_event' event.slug %}">Edit Event</a>
+        {% endif %}
+
+        <a href="{% url 'event_detail' event.slug %}" class="btn btn-sm btn-info">View Event</a>
+      </li>
       {% empty %}
-        <div class="card-body text-center">
-          <p class="card-text">No events to show</p>
-        </div>
+      <div class="card-body text-center">
+        <p class="card-text">No events to show</p>
+      </div>
       {% endfor %}
     </ul>
   </div>
   <br>
   {% if events_past %}
-    {% for event in events_past %}
-      <div class="modal fade" id="add-participant-modal-{{ event.id }}" tabindex="-1" role="dialog" aria-labelledby="add-participant-modal" aria-hidden="true">
-        <div class="modal-dialog modal-lg"  role="document">
-          <div class="modal-content">
-            <div class="modal-header">
-              <h5 class="modal-title">Participants</h5>
-              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                <span aria-hidden="true">&times;</span>
-              </button>
-            </div>
-              {% include 'events/event_applications.html' %}
-            </div>
-          </div>
+  {% for event in events_past %}
+  <div class="modal fade" id="add-participant-modal-{{ event.id }}" tabindex="-1" role="dialog"
+    aria-labelledby="add-participant-modal" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">Participants</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
         </div>
-    {% endfor %}
-  {% endif %}
+        {% include 'events/event_applications.html' %}
+      </div>
+    </div>
   </div>
+  {% endfor %}
+  {% endif %}
+</div>
 {% endblock %}
 
-
 {% block local_js_bottom %}
-  <script>
-  $(document).ready(function() {
-    $('.manage-cohost').submit(function(e) {
-        e.preventDefault();
-        let $form = $(this);
-        $form.find('input[type="submit"]').prop('disabled', true);
-
-        let participant_id = e.target.participant.value;
-        let event_slug = e.target.event.value;
-        let submit_value = $form.find('input[type="submit"]').val();
-        let csrftoken = e.target.csrfmiddlewaretoken.value;
-        let url = e.target.action;
-
-        $.ajax({
-          url: url,
-          type: 'POST',
-          data: {
-              'participant_id': participant_id,
-              'event_slug': event_slug,
-              'csrfmiddlewaretoken': csrftoken,
-              'submit': submit_value
-          },
-          success: function(data) {
-
-              $form.find('input[type="submit"]').prop('disabled', false);
-
-              if (submit_value == 'Make cohost') {
-                $form.find('input[type="submit"]').val('Remove cohost');
-                $form.find('input[type="submit"]').removeClass('btn-primary');
-                $form.find('input[type="submit"]').addClass('btn-danger');
-              } else if (submit_value == 'Remove cohost') {
-                $form.find('input[type="submit"]').val('Make cohost');
-                $form.find('input[type="submit"]').removeClass('btn-danger');
-                $form.find('input[type="submit"]').addClass('btn-success');
-              }
-          },
-          error: function(data) {
-            $form.find('input[type="submit"]').prop('disabled', false);
-          }
-      });
-    });
-  });
-  </script>
-  <script src="{% static 'custom/js/resize-ck.js' %}"></script>
-{% endblock %}
+<script src="{% static 'custom/js/resize-ck.js' %}"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/physionet-django/events/views.py b/physionet-django/events/views.py
index 0b7faf230f..088d147dae 100644
--- a/physionet-django/events/views.py
+++ b/physionet-django/events/views.py
@@ -1,4 +1,6 @@
+from asyncio import events
 from datetime import datetime
+import re
 
 from django.http import JsonResponse
 from django.shortcuts import render, get_object_or_404, redirect
@@ -152,6 +154,7 @@ def event_home(request):
         status=EventApplication.EventApplicationStatus.WAITLISTED).filter(event__host=user,
                                                                           event__end_date__gte=datetime.now())
     participation_response_formset = EventApplicationResponseFormSet(queryset=participation_requests)
+
     return render(request, 'events/event_home.html',
                   {'events_active': events_active,
                    'events_past': events_past,
@@ -246,6 +249,9 @@ def manage_co_hosts(request):
     Manage co-hosts of an event
     """
     user = request.user
+    error_message = None
+
+    print(request.method)
 
     if request.method == 'POST':
         participant_id = request.POST.get('participant_id')
@@ -258,11 +264,14 @@ def manage_co_hosts(request):
         if event.end_date < datetime.now().date():
             error_message = 'You cannot manage co-hosts of an event that has ended'
         if not event.participants.filter(id=participant_id).exists():
-            error_message = 'User is not a participant of this event' 
+            error_message = 'User is not a participant of this event'
+
+        if error_message is not None:
+            return JsonResponse({'error': error_message}, status=403)
 
         participant = event.participants.get(id=participant_id)
 
-        if 'Remove cohost' in request.POST.get('submit'):
+        if request.POST.get('submit') == 'Remove cohost':
             if not participant.is_cohost:
                 return JsonResponse({'error': 'User is not a cohost of this event'}, status=403)
             participant.is_cohost = False
@@ -273,7 +282,7 @@ def manage_co_hosts(request):
                                                                 status=participant.is_cohost)
 
             return JsonResponse({'success': 'Cohost removed successfully'})
-        elif 'Make cohost' in request.POST.get('submit'):
+        elif request.POST.get('submit') == 'Make cohost':
             if participant.is_cohost:
                 return JsonResponse({'error': 'User is already a cohost of this event'}, status=403)
             participant.is_cohost = True
@@ -284,10 +293,7 @@ def manage_co_hosts(request):
                                                                 status=participant.is_cohost)
 
             return JsonResponse({'success': 'Cohost added successfully'})
-
-    messages.error(request, 'Invalid request')
-
-    if error_message:
-        return JsonResponse({'error': error_message}, status=403)
+        else:
+            return JsonResponse({'error': 'Invalid request'}, status=403)
 
     return redirect(event_home)