generated from pricelees/issue-pr-template
112 lines
4.6 KiB
HTML
112 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>방탈출 어드민</title>
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<a class="navbar-brand" href="/admin">
|
|
<img src="/image/admin-logo.png" alt="LOGO" style="height: 40px;">
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/admin/reservation">Reservation</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/admin/waiting">Waiting</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/admin/theme">Theme</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/admin/time">Time</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/login">Login</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
|
|
aria-haspopup="true" aria-expanded="false">
|
|
<img class="profile-image" src="/image/default-profile.png" alt="Profile">
|
|
<span id="profile-name">Profile</span> <!-- 프로필 이름을 넣을 span 추가 -->
|
|
</a>
|
|
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
|
<a class="dropdown-item" href="/reservation-mine">My Reservation</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="#" id="logout-btn">Logout</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="content-container">
|
|
<h2 class="content-container-title">방탈출 예약 페이지</h2>
|
|
<div class="d-flex">
|
|
<div class="table-container flex-grow-1 mr-3">
|
|
<div class="table-header d-flex justify-content-end">
|
|
<button id="add-button" class="btn btn-custom mb-2">예약 추가</button>
|
|
</div>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>예약번호</th>
|
|
<th>예약자</th>
|
|
<th>테마</th>
|
|
<th>날짜</th>
|
|
<th>시간</th>
|
|
<th>결제 완료 여부</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="table-body">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="filter-section ml-3">
|
|
<form id="filter-form">
|
|
<div class="form-group">
|
|
<label for="member">예약자</label>
|
|
<select type="text" id="member" name="member" class="form-control">
|
|
<option value="">전체</option>
|
|
<option style="display:none"></option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="theme">테마</label>
|
|
<select type="text" id="theme" name="theme" class="form-control">
|
|
<option value="">전체</option>
|
|
<option style="display:none"></option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="date-from">From</label>
|
|
<input type="date" id="date-from" name="date-from" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="date-to">To</label>
|
|
<input type="date" id="date-to" name="date-to" class="form-control">
|
|
</div>
|
|
<button type="submit" class="btn btn-primary float-right">적용</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/user-scripts.js"></script>
|
|
<script src="/js/reservation-with-member.js"></script>
|
|
</body>
|
|
</html>
|