<!doctype html>
<html>
<head>
<%- include("./partials/head") %>
<title>Add Server</title>
</head>
<body>
<%- include("./partials/alert") %>
<!-- Contact 1 - Bootstrap Brain Component
Credits: https://bootstrapbrain.com/component/bootstrap-5-simple-contact-form-example/#tab-css
-->
<section class="py-3 py-md-5">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-12 col-md-10 col-lg-8 col-xl-7 col-xxl-6">
<h2 class="mb-2 display-5 text-center">Add Server</h2>
<p class="text-secondary mb-3 text-center">
Add a server to your bot. You can later add a service and connect
it with your added server.
</p>
<hr class="w-50 mx-auto mb-5 mb-xl-9 border-dark-subtle" />
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-lg-center">
<div class="col-12 col-lg-9">
<div class="bg-white border rounded shadow-sm overflow-hidden">
<form id="add-form">
<div class="row gy-4 gy-xl-5 p-4 p-xl-5">
<div class="col-12">
<label for="name" class="form-label"
>Server Name <span class="text-danger">*</span></label
>
<input
type="text"
class="form-control"
id="name"
name="name"
placeholder="Server 1"
value="<%= myServer?.server_name %>"
required
/>
</div>
<div class="col-12">
<label for="code" class="form-label"
>Server Country Code<span class="text-danger"
>*</span
></label
>
<input
type="number"
class="form-control"
id="code"
name="code"
placeholder="91"
value="<%= myServer?.country %>"
required
/>
</div>
<div class="input-group mb-3">
<label class="input-group-text" for="flag"
>Server Country</label
>
<select
class="form-select"
id="flag"
name="flag"
>
<% var countries = Object.keys(flags) %>
<% countries.forEach(function (val){ %>
<% var isSelected = ""; %>
<% if(myServer?.flag) isSelected = myServer.flag == val ? "selected" : "";
else isSelected = val.toLowerCase() == "india" ? "selected" : "" %>
<option value="<%= val %>" <%=isSelected %>><%= flags[val] %> - <%= val %></option>
<% }) %>
</select>
</div>
<div class="col-12">
<div class="d-grid">
<button
class="btn btn-primary btn-md"
type="submit"
id="submit-btn"
>
Submit
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<%- include("./partials/script") %>
</body>
</html>