<!DOCTYPE html>
<html lang="en">
<head>
<!-- Default page settings -->
<title>Admin Panel</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="../Images/UFO.png" />
<!-- Default page settings end -->
<!-- CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="../Styles/Index.css" />
<link rel="stylesheet" href="../Styles/AdminPage.css" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/css/OverlayScrollbars.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
crossorigin="anonymous"
/>
<!-- CSS end -->
<!-- Header scripts -->
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"
></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/moment.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.5/dist/jquery.inputmask.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/js/jquery.overlayScrollbars.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js"
integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js"
integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG"
crossorigin="anonymous"
></script>
<!-- Header scripts end -->
</head>
<body>
<div class="HeaderPanel" id="header">
<div class="HeaderLeft">
<a style="display: inline-block" href="../Index.html">
<i class="fas fa-arrow-left"></i>
</a>
</div>
<div class="HeaderTitle">
<h2 style="margin-bottom: 0px">Admin Panel</h2>
</div>
</div>
<!--Opret game jam-->
<br />
<br />
<h3>Administration</h3>
<h5>Opret Game Jam</h5>
<div class="container">
<form id="createGameJam" method="POST">
<div class="row">
<div class="FormField">
<input type="text"
class="FormFieldInput"
placeholder="Gamejam title"
name="newGameJam"
id="gamejamTitle"
required />
<label for="gamejamTitle" class="FormFieldLabel">
Gamejam title
</label>
</div>
</div>
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<input type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
name="startDate"
id="startDate"
required />
<label for="startDate" class="FormFieldLabel" id="startDateLabel">
Start dato
</label>
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
name="startTime"
id="startTime"
required />
<label for="startTime" class="FormFieldLabel" id="startTimeLabel">
Start tid
</label>
</div>
</div>
</div>
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<input type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
name="endDate"
id="endDate"
required />
<label for="endDate" class="FormFieldLabel" id="endDateLabel">
Slut dato
</label>
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
name="endTime"
id="endTime"
required />
<label for="endTime" class="FormFieldLabel" id="endTimeLabel">
Slut tid
</label>
</div>
</div>
</div>
<div class="FormField">
<input type="text"
class="FormFieldInput"
placeholder="Emne / Keywords (Ikke obligatorisk)"
name="keyWord"
id="keyWord" />
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Emne (Ikke obligatorisk)
</label>
</div>
<div class="FormField">
<textarea class="FormFieldInput"
placeholder="Beskrivelse"
name="description"
id="Beskrivelse"
required></textarea>
<label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
Beskrivelse
</label>
</div>
<input type="submit" name="newGameJam" id="indsend" value="Indsend" />
</form>
</div>
<!-- Opret game jam slut -->
<hr class="GradientDivider">
<!-- updater game jam start -->
<h5>updater Game Jam</h5>
<div class="container">
<form id='UpdateGameJam' method='post'>
<section id="game-jame-update-drop-down">
</section>
<section id="game-jame-update">
<div class="row">
<div class="FormField">
<label for='UGameJamTitle' class="FormFieldLabel" id="UGameJamTitleLabel">Game Jam tittle</label>
<input type='text'
class="FormFieldInput"
placeholder="Gamejam title"
id='UGameJamTitle'
required value=""
name="gameJamName" />
</div>
</div>
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<label for="UStartDate" class="FormFieldLabel" id="UStartDateLabel">Start dag</label>
<input type='date'
class="FormFieldInput"
placeholder="mm/dd/yyyy"
id='UStartDate'
required name="startDate" />
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<label for="UStartTime" class="FormFieldLabel" id="UStartTimeLabel">Start tid</label>
<input type="time"
class="FormFieldInput"
placeholder="hh:mm"
id="UStartTime"
required name="startTime" />
</div>
</div>
</div>
<div class="row row-cols-2">
<div class="col" id="colDate">
<div class="FormField">
<label for="UEndDate" class="FormFieldLabel" id="UEndDateLabel">Slut dag</label>
<input type="date"
class="FormFieldInput"
placeholder="mm/dd/yyyy"
id="UEndDate"
required name="endDate" />
</div>
</div>
<div class="col" id="colTime">
<div class="FormField">
<label for="UEndTime" class="FormFieldLabel" id="UEndTimeLabel">slut tid</label>
<input type="time"
Class="FormFieldInput"
placeholder="hh:mm"
id="UEndTime"
required name="endTime" />
</div>
</div>
</div>
<div class="FormField">
<label for="UKeyWord" class="FormFieldLabel" id="UKeyWordLabel">Emne(Ikke obligatorisk)</label>
<input type="text"
class="FormFieldInput"
placeholder="Emne / Keywords (Ikke obligatorisk)"
id="UKeyWord"
name="keyWord" />
</div>
<div class="FormField">
<label for="UKeyWord" class="FormFieldLabel" id="UDescriptionLabel">Beskrivelse</label>
<textarea class="FormFieldInput"
placeholder="Beskrivelse"
id="UDescription"
required name="description"></textarea>
</div>
<input type="submit"
value="set"
name="updateGameJam"
id="updateGameJam" />
</section>
</form>
</div>
<!-- Body scripts -->
<script src="../Javascript/OverlayScrollbar.js"></script>
<!--<script src="../Javascript/AddEvent.js"></script>-->
<script src="../Javascript/AddGameJam.js"></script>
<!-- Body scripts end -->
<script src="../Javascript/AdminPageScript.js"></script>
</body>
</html>