<!doctype html>
<html lang="en">
<head>
<title>EatQ</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<%- include('../../template/header') %>
</head>
<body class="font-kanit-sm">
<%- include('../../template/navbar') %>
<div class="container px-3">
<div class="d-flex justify-content-between">
<a href="/staff" class="text-dark text-decoration-none">
<div class="d-flex align-items-center">
<i class="fa-solid fa-arrow-left me-2"></i>
<p class="mb-0">ย้อนกลับ</p>
</div>
</a>
<form id="deleteForm" method="POST" action="/staff/delete">
<input type="hidden" name="id" value="<%= staffData.id %>">
<button type="button" class="btn btn-danger btn-sm" onclick="confirmDelete(event)" <%= isSelf == true ? "disabled" : "" %>>ลบพนักงาน</button>
</form>
</div>
<div class="container mx-2 my-3">
<div class="d-flex">
<h5>แก้ไขข้อมูลพนักงาน</h5>
</div>
<form method="POST" action="/staff/update">
<input type="hidden" name="id" value="<%= staffData.id %>">
<div class="form-group">
<label for="name">ชื่อ</label>
<input type="text" class="form-control" name="name" id="name" placeholder="ชื่อ" value="<%= staffData.name %>">
</div>
<div class="form-group">
<label for="role">ตำแหน่ง</label>
<select id="role" name="role" class="form-control" <%= isSelf == true ? "disabled" : "" %>>
<% rolesData.forEach(element=> { %>
<option value="<%= element.name %>" <%=staffData.role==element.role ? 'selected' : '' %>><%= element.name %></option>
<% }) %>
</select>
</div>
<div class="form-group">
<label for="user_id">บัญชีผู้ใช้</label>
<select id="user_id" name="user_id" class="form-control">
<option value="0" <%=staffData.user_id==null ? 'selected' : '' %>>ไม่ระบุ</option>
<% usersData.forEach(element=> { %>
<option value="<%= element.id %>" <%=staffData.user_id==element.id ? 'selected' : '' %>>(<%= element.id %>) <%= element.phone_number %></option>
<% }) %>
</select>
<!-- <input type="text" class="form-control" name="user_id" id="user_id" placeholder="กรอกไอดีบัญชีผู้ใช้ของพนักงาน" value="<%= staffData.user_id %>"> -->
</div>
<div class="form-group">
<label for="phone_number">เบอร์โทรศัพท์</label>
<input type="text" class="form-control" id="phone_number" value="<%= staffData.phone_number %>" readonly>
</div>
<button type="submit" class="my-2 btn btn-success">บันทึก</button>
</div>
</div>
<script src="https://unpkg.com/check-password-strength/dist/umd.js"></script>
<script type="text/javascript">
function confirmDelete(event) {
event.preventDefault();
if (confirm("คุณแน่ใจหรือไม่ว่าต้องการลบพนักงานคนนี้?")) {
document.getElementById('deleteForm').submit();
}
}
</script>
<%- include('../../template/bottom_nav') %>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
crossorigin="anonymous"></script>
</body>
</html>