File "add-service.ejs"

Full Path: /home/wiomgjqe/neduas.store/v2/partials/views/add-service.ejs
File size: 6.42 KB
MIME-type: text/html
Charset: utf-8

<!doctype html>
<html>
<head>
  <%- include("./partials/head") %>
    <title>Add Service</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 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>
                          <% }) %>

                          </select>
                        </div>

                        <div class="col-12">
                          <label for="service_id" class="form-label"
                            >Service ID <span class="text-danger">*</span></label
                          >
                          <input
                          type="text"
                          class="form-control"
                          id="service_id"
                          name="service_id"
                          placeholder="Other"
                          value="<%= myService?.service_id %>"
                          required
                          />
                      </div>
                      
                        <div class="col-12">
                          <label for="name" class="form-label"
                            >Service Name <span class="text-danger">*</span></label
                          >
                          <input
                          type="text"
                          class="form-control"
                          id="name"
                          name="name"
                          placeholder="My Service"
                          value="<%= myService?.name %>"
                          required
                          />
                      </div>

                      <div class="col-12">
                        <label for="logo" class="form-label"
                          >Service Logo <span class="text-danger">*</span></label
                        >
                        <input
                        type="url"
                        class="form-control"
                        id="logo"
                        name="logo"
                        placeholder="Service Logo Url"
                        value="<%= myService?.logo %>"
                        required
                        />
                    </div>

                    <div class="col-12">
                      <label for="code" class="form-label"
                        >Service Code <span class="text-danger">*</span></label
                      >
                      <input
                      type="text"
                      class="form-control"
                      id="code"
                      name="code"
                      placeholder="Serv1"
                      value="<%= myService?.code %>"
                      required
                      />
                  </div>

                  <div class="col-12">
                    <label for="description" class="form-label"
                      >Service  Description <span class="text-danger">*</span></label
                    >
                    <textarea
                      class="form-control"
                      id="description"
                      name="description"
                      placeholder="My Small Service Description..."
                      rows="2"
                      required
                      ><%= myService?.description %></textarea>
                  </div>

                  <div class="col-12">
                    <label for="price" class="form-label"
                      >Service Price <span class="text-danger"
                        >*</span
                      ></label
                    >
                    <input
                    type="number"
                    class="form-control"
                    id="price"
                    name="price"
                    placeholder="10"
                    step="0.01"
                    value="<%= myService?.price %>"
                    required
                    />
                </div>
                
                  <div class="col-12">
                    <label for="cancel_disable" class="form-label"
                      >Disable Cancellation till __ minutes</label
                    >
                    <input
                    type="number"
                    class="form-control"
                    id="cancel_disable"
                    name="cancel_disable"
                    placeholder="0"
                    value="<%= myService?.cancel_disable %>"
                    required
                    />
                </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>