<!doctype html>
<html>
<head>
<%- include("./partials/head") %>
<title>Add Service</title>
</head>
<body>
<%- include("./partials/alert") %>
<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 Service</h2>
<p class="text-secondary mb-3 text-center">
Select a server and add a service to it. You can later connect an API to this service. Users will be buying this service using their 💎
</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="input-group">
<label class="input-group-text" for="server"
>Select Server</label
>
<select
class="form-select"
id="server"
name="server"
>
<% servers.forEach(function (obj, i){ %>
<% var isSelected = obj.id == myService?.server_id ? "selected" : "" %>
<option value="<%= obj.id %>" <%= isSelected %> ><%= obj.server_name %></option>
<% }) %>