workflow done

competitions/app.py

@@ -1,12 +1,14 @@
 import os
 
-from fastapi import FastAPI, Request
+from fastapi import FastAPI, File, Form, Request, UploadFile
 from fastapi.responses import HTMLResponse, JSONResponse
 from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
+from pydantic import BaseModel
 
 from competitions.info import CompetitionInfo
 from competitions.leaderboard import Leaderboard
+from competitions.submissions import Submissions
 
 
 HF_TOKEN = os.environ.get("HF_TOKEN", None)
@@ -14,6 +16,11 @@ BASE_DIR = os.path.dirname(os.path.abspath(__file__))
 COMPETITION_ID = os.getenv("COMPETITION_ID")
 COMP_INFO = CompetitionInfo(competition_id=COMPETITION_ID, autotrain_token=HF_TOKEN)
 
+
+class User(BaseModel):
+    user_token: str
+
+
 app = FastAPI()
 static_path = os.path.join(BASE_DIR, "static")
 app.mount("/static", StaticFiles(directory=static_path), name="static")
@@ -30,7 +37,11 @@ async def read_form(request: Request):
     """
     if HF_TOKEN is None:
         return templates.TemplateResponse("error.html", {"request": request})
-    context = {"request": request}
+    context = {
+        "request": request,
+        "logo": COMP_INFO.logo_url,
+        "competition_type": COMP_INFO.competition_type,
+    }
     return templates.TemplateResponse("index.html", context)
 
 
@@ -64,9 +75,41 @@ async def get_leaderboard(request: Request, lb: str):
     return resp
 
 
-@app.get("/submissions", response_class=JSONResponse)
-async def get_submissions(request: Request, user_token: str):
-    info = COMP_INFO.submission_desc
-    # info = markdown.markdown(info)
-    resp = {"response": info}
+@app.post("/my_submissions", response_class=JSONResponse)
+async def my_submissions(request: Request, user: User):
+    sub = Submissions(
+        end_date=COMP_INFO.end_date,
+        submission_limit=COMP_INFO.submission_limit,
+        competition_id=COMPETITION_ID,
+        token=HF_TOKEN,
+    )
+    success_subs, failed_subs = sub.my_submissions(user.user_token)
+    success_subs = success_subs.to_markdown(index=False)
+    failed_subs = failed_subs.to_markdown(index=False)
+    if len(success_subs.strip()) == 0 and len(failed_subs.strip()) == 0:
+        success_subs = "You have not made any submissions yet."
+        failed_subs = ""
+    resp = {"response": {"success": success_subs, "failed": failed_subs}}
     return resp
+
+
+@app.post("/new_submission", response_class=JSONResponse)
+async def new_submission(
+    submission_file: UploadFile = File(...),
+    hub_model: str = Form(...),
+    token: str = Form(...),
+    submission_comment: str = Form(...),
+):
+    sub = Submissions(
+        end_date=COMP_INFO.end_date,
+        submission_limit=COMP_INFO.submission_limit,
+        competition_id=COMPETITION_ID,
+        token=HF_TOKEN,
+    )
+    if COMP_INFO.competition_type == "generic":
+        resp = sub.new_submission(token, submission_file)
+        return {"response": f"Success! You have {resp} submissions remaining today."}
+    elif COMP_INFO.competition_type == "code":
+        resp = sub.new_submission(token, hub_model)
+        return {"response": f"Success! You have {resp} submissions remaining today."}
+    return {"response": "Invalid competition type"}

competitions/info.py

@@ -99,3 +99,11 @@ class CompetitionInfo:
     @property
     def dataset_description(self):
         return self.dataset_desc
+
+    @property
+    def logo_url(self):
+        return self.config["LOGO"]
+
+    @property
+    def competition_type(self):
+        return self.config["COMPETITION_TYPE"].lower().strip()

competitions/submissions.py

@@ -1,6 +1,5 @@
 import io
 import json
-import time
 import uuid
 from dataclasses import dataclass
 from datetime import datetime
@@ -10,8 +9,8 @@ from huggingface_hub import HfApi, hf_hub_download
 from huggingface_hub.utils._errors import EntryNotFoundError
 from loguru import logger
 
-from .errors import AuthenticationError, NoSubmissionError, PastDeadlineError, SubmissionError, SubmissionLimitError
-from .utils import http_get, http_post, user_authentication
+from .errors import AuthenticationError, PastDeadlineError, SubmissionError, SubmissionLimitError
+from .utils import user_authentication
 
 
 @dataclass
@@ -19,16 +18,14 @@ class Submissions:
     competition_id: str
     submission_limit: str
     end_date: datetime
-    autotrain_username: str
-    autotrain_token: str
-    autotrain_backend_api: str
+    token: str
 
     def __post_init__(self):
         self.public_sub_columns = [
             "date",
             "submission_id",
             "public_score",
-            # "submission_comment",
+            "submission_comment",
             "selected",
             "status",
         ]
@@ -37,7 +34,7 @@ class Submissions:
             "submission_id",
             "public_score",
             "private_score",
-            # "submission_comment",
+            "submission_comment",
             "selected",
             "status",
         ]
@@ -46,13 +43,13 @@ class Submissions:
         return True
 
     def _add_new_user(self, user_info):
-        api = HfApi()
+        api = HfApi(token=self.token)
         user_submission_info = {}
         user_submission_info["name"] = user_info["name"]
         user_submission_info["id"] = user_info["id"]
         user_submission_info["submissions"] = []
         # convert user_submission_info to BufferedIOBase file object
-        user_submission_info_json = json.dumps(user_submission_info)
+        user_submission_info_json = json.dumps(user_submission_info, indent=4)
         user_submission_info_json_bytes = user_submission_info_json.encode("utf-8")
         user_submission_info_json_buffer = io.BytesIO(user_submission_info_json_bytes)
 
@@ -61,7 +58,6 @@ class Submissions:
             path_in_repo=f"submission_info/{user_info['id']}.json",
             repo_id=self.competition_id,
             repo_type="dataset",
-            token=self.autotrain_token,
         )
 
     def _check_user_submission_limit(self, user_info):
@@ -70,7 +66,7 @@ class Submissions:
             user_fname = hf_hub_download(
                 repo_id=self.competition_id,
                 filename=f"submission_info/{user_id}.json",
-                use_auth_token=self.autotrain_token,
+                token=self.token,
                 repo_type="dataset",
             )
         except EntryNotFoundError:
@@ -78,14 +74,14 @@ class Submissions:
             user_fname = hf_hub_download(
                 repo_id=self.competition_id,
                 filename=f"submission_info/{user_id}.json",
-                use_auth_token=self.autotrain_token,
+                token=self.token,
                 repo_type="dataset",
             )
         except Exception as e:
             logger.error(e)
             raise Exception("Hugging Face Hub is unreachable, please try again later.")
 
-        with open(user_fname, "r") as f:
+        with open(user_fname, "r", encoding="utf-8") as f:
             user_submission_info = json.load(f)
 
         todays_date = datetime.now().strftime("%Y-%m-%d")
@@ -107,7 +103,7 @@ class Submissions:
             user_fname = hf_hub_download(
                 repo_id=self.competition_id,
                 filename=f"submission_info/{user_id}.json",
-                use_auth_token=self.autotrain_token,
+                token=self.token,
                 repo_type="dataset",
             )
         except EntryNotFoundError:
@@ -115,14 +111,14 @@ class Submissions:
             user_fname = hf_hub_download(
                 repo_id=self.competition_id,
                 filename=f"submission_info/{user_id}.json",
-                use_auth_token=self.autotrain_token,
+                token=self.token,
                 repo_type="dataset",
             )
         except Exception as e:
             logger.error(e)
             raise Exception("Hugging Face Hub is unreachable, please try again later.")
 
-        with open(user_fname, "r") as f:
+        with open(user_fname, "r", encoding="utf-8") as f:
             user_submission_info = json.load(f)
 
         todays_date = datetime.now().strftime("%Y-%m-%d")
@@ -140,10 +136,10 @@ class Submissions:
         user_fname = hf_hub_download(
             repo_id=self.competition_id,
             filename=f"submission_info/{user_id}.json",
-            use_auth_token=self.autotrain_token,
+            token=self.token,
             repo_type="dataset",
         )
-        with open(user_fname, "r") as f:
+        with open(user_fname, "r", encoding="utf-8") as f:
             user_submission_info = json.load(f)
         todays_date = datetime.now().strftime("%Y-%m-%d")
         current_time = datetime.now().strftime("%H:%M:%S")
@@ -168,16 +164,15 @@ class Submissions:
                 todays_submissions += 1
 
         # convert user_submission_info to BufferedIOBase file object
-        user_submission_info_json = json.dumps(user_submission_info)
+        user_submission_info_json = json.dumps(user_submission_info, indent=4)
         user_submission_info_json_bytes = user_submission_info_json.encode("utf-8")
         user_submission_info_json_buffer = io.BytesIO(user_submission_info_json_bytes)
-        api = HfApi()
+        api = HfApi(token=self.token)
         api.upload_file(
             path_or_fileobj=user_submission_info_json_buffer,
             path_in_repo=f"submission_info/{user_id}.json",
             repo_id=self.competition_id,
             repo_type="dataset",
-            token=self.autotrain_token,
         )
         return todays_submissions
 
@@ -185,10 +180,10 @@ class Submissions:
         user_fname = hf_hub_download(
             repo_id=self.competition_id,
             filename=f"submission_info/{user_id}.json",
-            use_auth_token=self.autotrain_token,
+            token=self.token,
             repo_type="dataset",
         )
-        with open(user_fname, "r") as f:
+        with open(user_fname, "r", encoding="utf-8") as f:
             user_submission_info = json.load(f)
         return user_submission_info["submissions"]
 
@@ -203,10 +198,10 @@ class Submissions:
         user_fname = hf_hub_download(
             repo_id=self.competition_id,
             filename=f"submission_info/{user_id}.json",
-            use_auth_token=self.autotrain_token,
+            token=self.token,
             repo_type="dataset",
         )
-        with open(user_fname, "r") as f:
+        with open(user_fname, "r", encoding="utf-8") as f:
             user_submission_info = json.load(f)
 
         for sub in user_submission_info["submissions"]:
@@ -216,16 +211,15 @@ class Submissions:
                 sub["selected"] = False
 
         # convert user_submission_info to BufferedIOBase file object
-        user_submission_info_json = json.dumps(user_submission_info)
+        user_submission_info_json = json.dumps(user_submission_info, indent=4)
         user_submission_info_json_bytes = user_submission_info_json.encode("utf-8")
         user_submission_info_json_buffer = io.BytesIO(user_submission_info_json_bytes)
-        api = HfApi()
+        api = HfApi(token=self.token)
         api.upload_file(
             path_or_fileobj=user_submission_info_json_buffer,
             path_in_repo=f"submission_info/{user_id}.json",
             repo_id=self.competition_id,
             repo_type="dataset",
-            token=self.autotrain_token,
         )
 
     def _get_user_subs(self, user_info, private=False):
@@ -234,7 +228,8 @@ class Submissions:
         try:
             user_submissions = self._download_user_subs(user_id)
         except EntryNotFoundError:
-            raise NoSubmissionError("No submissions found ")
+            logger.warning("No submissions found for user")
+            return pd.DataFrame(), pd.DataFrame()
 
         submissions_df = pd.DataFrame(user_submissions)
 
@@ -313,64 +308,6 @@ class Submissions:
             raise AuthenticationError("Please verify your email on Hugging Face Hub")
         return user_info
 
-    def _create_autotrain_project(self, submission_id, competition_id, user_id, competition_type):
-        payload = {
-            "username": self.autotrain_username,
-            "proj_name": submission_id,
-            "task": 26,
-            "config": {
-                "advanced": True,
-                "language": "unk",
-                "max_models": 1,
-                "params": [
-                    {
-                        "task": "competition",
-                        "competition_id": competition_id,
-                        "competition_type": "generic",
-                        "user_id": user_id,
-                        "submission_id": submission_id,
-                    }
-                ],
-            },
-        }
-
-        project_json_resp = http_post(
-            path="/projects/create",
-            payload=payload,
-            token=self.autotrain_token,
-            domain=self.autotrain_backend_api,
-        ).json()
-
-        time.sleep(5)
-
-        # Process data
-        _ = http_post(
-            path=f"/projects/{project_json_resp['id']}/data/start_processing",
-            token=self.autotrain_token,
-            domain=self.autotrain_backend_api,
-        ).json()
-
-        logger.info("⏳ Waiting for data processing to complete ...")
-        is_data_processing_success = False
-        while is_data_processing_success is not True:
-            project_status = http_get(
-                path=f"/projects/{project_json_resp['id']}",
-                token=self.autotrain_token,
-                domain=self.autotrain_backend_api,
-            ).json()
-            # See database.database.enums.ProjectStatus for definitions of `status`
-            if project_status["status"] == 3:
-                is_data_processing_success = True
-                logger.info("✅ Data processing complete!")
-            time.sleep(3)
-
-        # Approve training job
-        _ = http_post(
-            path=f"/projects/{project_json_resp['id']}/start_training",
-            token=self.autotrain_token,
-            domain=self.autotrain_backend_api,
-        ).json()
-
     def my_submissions(self, user_token):
         user_info = self._get_user_info(user_token)
         current_date_time = datetime.now()
@@ -380,7 +317,7 @@ class Submissions:
         success_subs, failed_subs = self._get_user_subs(user_info, private=private)
         return success_subs, failed_subs
 
-    def new_submission(self, user_token, uploaded_file):
+    def new_submission(self, user_token, uploaded_file, submission_comment):
         # verify token
         user_info = self._get_user_info(user_token)
 
@@ -388,6 +325,8 @@ class Submissions:
         if self._check_user_submission_limit(user_info) is False:
             raise SubmissionLimitError("Submission limit reached")
 
+        logger.info(type(uploaded_file))
+
         with open(uploaded_file.name, "rb") as f:
             bytes_data = f.read()
         # verify file is valid
@@ -398,13 +337,12 @@ class Submissions:
             submission_id = str(uuid.uuid4())
             file_extension = uploaded_file.orig_name.split(".")[-1]
             # upload file to hf hub
-            api = HfApi()
+            api = HfApi(token=self.token)
             api.upload_file(
                 path_or_fileobj=bytes_data,
                 path_in_repo=f"submissions/{user_id}-{submission_id}.{file_extension}",
                 repo_id=self.competition_id,
                 repo_type="dataset",
-                token=self.autotrain_token,
             )
             # update submission limit
             submissions_made = self._increment_submissions(
@@ -412,12 +350,12 @@ class Submissions:
                 submission_id=submission_id,
                 submission_comment="",
             )
-            # schedule submission for evaluation
-            self._create_autotrain_project(
-                submission_id=f"{submission_id}",
-                competition_id=f"{self.competition_id}",
-                user_id=user_id,
-                competition_type="generic",
-            )
+            # TODO: schedule submission for evaluation
+            # self._create_autotrain_project(
+            #     submission_id=f"{submission_id}",
+            #     competition_id=f"{self.competition_id}",
+            #     user_id=user_id,
+            #     competition_type="generic",
+            # )
         remaining_submissions = self.submission_limit - submissions_made
         return remaining_submissions

competitions/templates/index.html

@@ -94,13 +94,41 @@
                         console.error('There has been a problem with your fetch operation:', error);
                     });
             }
+            function fetchAndDisplaySubmissions() {
+                const userToken = document.getElementById('user_token').value;
+                const apiEndpoint = '/my_submissions';
+
+                const requestOptions = {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ "user_token": userToken })
+                };
+
+                fetch(apiEndpoint, requestOptions)
+                    .then(response => {
+                        if (!response.ok) {
+                            throw new Error('Network response was not ok');
+                        }
+                        return response.json();
+                    })
+                    .then(data => {
+                        const contentDiv = document.getElementById('content');
+                        contentDiv.innerHTML = marked.parse(data.response.success);
+                    })
+                    .catch(error => {
+                        console.error('There was a problem with the fetch operation:', error);
+                    });
+            }
 
             // Find the 'Home' link in the sidebar
             const homeLink = document.getElementById('home');
             const datasetLink = document.getElementById('dataset');
             const publicLBLink = document.getElementById('public_lb');
             const privateLBLink = document.getElementById('private_lb');
-            const submissions = document.getElementById('submissions');
+            const newSubmission = document.getElementById('new_submission');
+            const mySubmissions = document.getElementById('my_submissions');
 
             // Add a click event listener to the 'Home' link
             homeLink.addEventListener('click', function (event) {
@@ -123,10 +151,14 @@
                 fetchAndDisplayPrivateLeaderboard(); // Fetch and display info on click
             });
 
-            submissions.addEventListener('click', function (event) {
+            newSubmission.addEventListener('click', function (event) {
                 event.preventDefault(); // Prevent the default link behavior
                 showSubmissionModal(); // Fetch and display info on click
             });
+            mySubmissions.addEventListener('click', function (event) {
+                event.preventDefault(); // Prevent the default link behavior
+                fetchAndDisplaySubmissions(); // Fetch and display info on click
+            });
 
             // Fetch and display info when the page loads
             fetchAndDisplayCompetitionInfo();
@@ -173,7 +205,7 @@
                 <li>
                     <button type="button"
                         class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
-                        aria-controls="dropdown-example" data-collapse-toggle="dropdown-example">
+                        aria-controls="lb-dropdown" data-collapse-toggle="lb-dropdown">
                         <svg class="flex-shrink-0 w-5 h-5 text-gray-500 transition duration-75 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
                             aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
                             viewBox="0 0 18 21">
@@ -187,7 +219,7 @@
                                 d="m1 1 4 4 4-4" />
                         </svg>
                     </button>
-                    <ul id="dropdown-example" class="hidden py-2 space-y-2">
+                    <ul id="lb-dropdown" class="hidden py-2 space-y-2">
                         <li>
                             <a href="#" id="public_lb"
                                 class="flex items-center w-full p-2 text-gray-900 transition duration-75 rounded-lg pl-11 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">Public</a>
@@ -199,34 +231,52 @@
                     </ul>
                 </li>
                 <li>
-                    <a href="#"
-                        class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group">
+                    <button type="button"
+                        class="flex items-center w-full p-2 text-base text-gray-900 transition duration-75 rounded-lg group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
+                        aria-controls="submissions-dropdown" data-collapse-toggle="submissions-dropdown">
                         <svg class="flex-shrink-0 w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
                             aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-                            viewBox="0 0 20 18">
+                            viewBox="0 0 20 20">
+                            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.96 2.96 0 0 0 .13 5H5Z" />
                             <path
-                                d="M14 2a3.963 3.963 0 0 0-1.4.267 6.439 6.439 0 0 1-1.331 6.638A4 4 0 1 0 14 2Zm1 9h-1.264A6.957 6.957 0 0 1 15 15v2a2.97 2.97 0 0 1-.184 1H19a1 1 0 0 0 1-1v-1a5.006 5.006 0 0 0-5-5ZM6.5 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 10H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Z" />
+                                d="M6.737 11.061a2.961 2.961 0 0 1 .81-1.515l6.117-6.116A4.839 4.839 0 0 1 16 2.141V2a1.97 1.97 0 0 0-1.933-2H7v5a2 2 0 0 1-2 2H0v11a1.969 1.969 0 0 0 1.933 2h12.134A1.97 1.97 0 0 0 16 18v-3.093l-1.546 1.546c-.413.413-.94.695-1.513.81l-3.4.679a2.947 2.947 0 0 1-1.85-.227 2.96 2.96 0 0 1-1.635-3.257l.681-3.397Z" />
+                            <path
+                                d="M8.961 16a.93.93 0 0 0 .189-.019l3.4-.679a.961.961 0 0 0 .49-.263l6.118-6.117a2.884 2.884 0 0 0-4.079-4.078l-6.117 6.117a.96.96 0 0 0-.263.491l-.679 3.4A.961.961 0 0 0 8.961 16Zm7.477-9.8a.958.958 0 0 1 .68-.281.961.961 0 0 1 .682 1.644l-.315.315-1.36-1.36.313-.318Zm-5.911 5.911 4.236-4.236 1.359 1.359-4.236 4.237-1.7.339.341-1.699Z" />
                         </svg>
-                        <span class="flex-1 ms-3 whitespace-nowrap">Team</span>
-                    </a>
+                        <span class="flex-1 ms-3 text-left rtl:text-right whitespace-nowrap">Submissions</span>
+                        <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
+                            viewBox="0 0 10 6">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="m1 1 4 4 4-4" />
+                        </svg>
+                    </button>
+                    <ul id="submissions-dropdown" class="hidden py-2 space-y-2">
+                        <li>
+                            <a href="#" id="my_submissions"
+                                class="flex items-center w-full p-2 text-gray-900 transition duration-75 rounded-lg pl-11 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">My
+                                submissions</a>
+                        </li>
+                        <li>
+                            <a href="#" id="new_submission"
+                                class="flex items-center w-full p-2 text-gray-900 transition duration-75 rounded-lg pl-11 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700">New
+                                submission</a>
+                        </li>
+                    </ul>
                 </li>
                 <li>
-                    <a href="#" id="submissions"
+                    <a href="#"
                         class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group">
                         <svg class="flex-shrink-0 w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
                             aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor"
-                            viewBox="0 0 20 20">
-                            <path d="M5 5V.13a2.96 2.96 0 0 0-1.293.749L.879 3.707A2.96 2.96 0 0 0 .13 5H5Z" />
-                            <path
-                                d="M6.737 11.061a2.961 2.961 0 0 1 .81-1.515l6.117-6.116A4.839 4.839 0 0 1 16 2.141V2a1.97 1.97 0 0 0-1.933-2H7v5a2 2 0 0 1-2 2H0v11a1.969 1.969 0 0 0 1.933 2h12.134A1.97 1.97 0 0 0 16 18v-3.093l-1.546 1.546c-.413.413-.94.695-1.513.81l-3.4.679a2.947 2.947 0 0 1-1.85-.227 2.96 2.96 0 0 1-1.635-3.257l.681-3.397Z" />
+                            viewBox="0 0 20 18">
                             <path
-                                d="M8.961 16a.93.93 0 0 0 .189-.019l3.4-.679a.961.961 0 0 0 .49-.263l6.118-6.117a2.884 2.884 0 0 0-4.079-4.078l-6.117 6.117a.96.96 0 0 0-.263.491l-.679 3.4A.961.961 0 0 0 8.961 16Zm7.477-9.8a.958.958 0 0 1 .68-.281.961.961 0 0 1 .682 1.644l-.315.315-1.36-1.36.313-.318Zm-5.911 5.911 4.236-4.236 1.359 1.359-4.236 4.237-1.7.339.341-1.699Z" />
+                                d="M14 2a3.963 3.963 0 0 0-1.4.267 6.439 6.439 0 0 1-1.331 6.638A4 4 0 1 0 14 2Zm1 9h-1.264A6.957 6.957 0 0 1 15 15v2a2.97 2.97 0 0 1-.184 1H19a1 1 0 0 0 1-1v-1a5.006 5.006 0 0 0-5-5ZM6.5 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM8 10H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Z" />
                         </svg>
-                        <span class="flex-1 ms-3 whitespace-nowrap">Submissions</span>
+                        <span class="flex-1 ms-3 whitespace-nowrap">Team</span>
                     </a>
                 </li>
                 <li>
-                    <label for="project_name" class="text-xs font-medium text-white">Hugging Face Token (read-only)
+                    <label for="user_token" class="text-xs font-medium text-white">Hugging Face Token (read-only)
                     </label>
                     <input type="password" name="user_token" id="user_token"
                         class="mt-1 block w-full border border-gray-300 px-3 py-1.5 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500">
@@ -234,19 +284,34 @@
             </ul>
         </div>
     </aside>
-    <article class="prose p-4 sm:ml-64 max-w-5xl" id="content">
-    </article>
+    <div class="p-4 sm:ml-64">
+        <img src={{logo}} alt="Competition logo" class="mx-auto mb-4">
+        <article class="prose max-w-5xl" id="content">
+        </article>
+    </div>
     <div id="submission-modal" tabindex="-1"
         class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
         <div class="form-container max-w-5xl mx-auto mt-3 p-6 shadow-2xl bg-white">
             <form action="#" method="post" class="gap-2" enctype="multipart/form-data">
+                {% if competition_type == 'generic' %}
                 <div class="form-group">
-                    <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white" for="file_input">Upload
+                    <label class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
+                        for="submission_file">Upload
                         file</label>
                     <input
                         class="block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 focus:outline-none "
-                        id="file_input" type="file">
+                        id="submission_file" type="file" name="submission_file">
+                </div>
+                {% endif %}
+                {% if competition_type == 'code' %}
+                <div class="form-group">
+                    <label for="hub_model" class="text-sm font-medium text-gray-700">Hub model
+                    </label>
+                    <input type="text" name="hub_model" id="hub_model"
+                        class="mt-1 block w-full border border-gray-300 px-3 py-1.5 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
+                        placeholder="username/my-model">
                 </div>
+                {% endif %}
                 <div class="form-group mt-2">
                     <label for="params" class="text-sm font-medium text-gray-700">Submission description (optional)
                     </label>
@@ -267,4 +332,48 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.1/flowbite.min.js"></script>
 </body>
 
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        document.querySelector('.confirm').addEventListener('click', function (event) {
+            event.preventDefault();
+
+            var formData = new FormData();
+            var competitionType = '{{ competition_type }}';
+
+            if (competitionType === 'generic') {
+                var submissionFile = document.getElementById('submission_file').files[0];
+                formData.append('submission_file', submissionFile);
+                formData.append('hub_model', 'None');
+            } else if (competitionType === 'code') {
+                var hubModel = document.getElementById('hub_model').value;
+                if (!hubModel) {
+                    alert('Hub model is required.');
+                    return;
+                }
+                formData.append('hub_model', hubModel);
+            } else {
+                alert('Invalid competition type.');
+                return;
+            }
+
+            // Token should be added here if available
+            var token = document.getElementById('user_token').value;
+            formData.append('token', token);
+
+            fetch('/new_submission', {
+                method: 'POST',
+                body: formData
+            })
+                .then(response => response.json())
+                .then(data => {
+                    alert(data.response);
+                    // Close the modal here if needed
+                })
+                .catch((error) => {
+                    console.error('Error:', error);
+                });
+        });
+    });
+</script>
+
 </html>