<html lang="en">
  <%- include('../partials/header.ejs'); %>

  <body>
    <div class="container-scroller">
      <%- include ('../partials/nav.ejs') %>

      <div class="container-fluid page-body-wrapper">
        <%- include ('../partials/theme-setting') %> <%-
        include('../partials/sidebar.ejs') %>

        <div class="main-panel">
          <div class="content-wrapper p-0">
            <!-- title -->
            <div class="welcome-message">
              <div class="d-lg-flex justify-content-between align-items-center">
                <div class="pl-4">
                  <h2 class="text-white font-weight-bold mb-1">Create Shop</h2>
                </div>
              </div>
            </div>

            <!-- form -->
            <div class="content-wrapper">
              <% if(message){ %>
              <div class="col-12 alert alert-fill-success" role="alert">
                <i class="mdi mdi-alert-circle"></i>
                <%= message %>
              </div>
              <% } %>
              <form
                class="forms-sample"
                method="POST"
                action="<%= url %>shop/create"
              >
                <!-- <h1> <%= message %>   </h1> -->
                <div class="row">
                  <div class="col-lg-6 grid-margin stretch-card">
                    <div class="card border-0">
                      <div class="card-body">
                        <div class="form-group">
                          <label for="exampleInputEmail3">Shop Name *</label>
                          <div class="input-group mb-2 mr-sm-2">
                            <input
                              type="text"
                              class="form-control"
                              id="inlineFormInputGroupUsername2"
                              name="shop_name"
                              placeholder="Enter Shop Name"
                              required
                            />
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="exampleInputEmail3">Franchise Name *</label>
                          <div class="input-group mb-2 mr-sm-2">
                            <input
                              type="text"
                              class="form-control"
                              id="inlineFormInputGroupUsername2"
                              name="franchise_name"
                              placeholder="Enter Franchise Name"
                              required
                            />
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="exampleInputEmail3">NID No *</label>
                          <div class="input-group mb-2 mr-sm-2">
                            <input
                              type="number"
                              class="form-control"
                              id="inlineFormInputGroupUsername2"
                              name="nid_no"
                              placeholder="Enter NID No",
                              required
                            />
                          </div>
                        </div>
                        <div class="form-group">
                          <label for="exampleTextarea1"> Address *</label>
                          <textarea
                            class="form-control"
                            id="exampleTextarea1"
                            name="address"
                            rows="4"
                            spellcheck="false"
                            required
                          ></textarea>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-6 grid-margin stretch-card">
                    <div class="card border-0">
                      <div class="card-body">
                        <div class="form-group">
                          <label>Phone:</label>
                          <input
                            class="form-control"
                            data-inputmask-alias="(+99) 999-9999-9999"
                            name="phone_no"
                            im-insert="true"
                          />
                        </div>
                        <div class="form-group">
                          <label>Mobile: *</label>
                          <input
                            class="form-control"
                            data-inputmask-alias="(+99) 999-9999-99"
                            name="mobile_no"
                            im-insert="true",
                            required
                          />
                        </div>
                        <div class="form-group">
                          <label for="exampleInputEmail3">BIN </label>
                          <div class="input-group mb-2 mr-sm-2">
                            <input
                              type="number"
                              class="form-control"
                              id="inlineFormInputGroupUsername2"
                              name="bin_no"
                              placeholder="Enter BIN No"
                            />
                          </div>
                        </div>

                        <div class="form-group">
                          <label for="exampleInputEmail3">Trade License No </label>
                          <div class="input-group mb-2 mr-sm-2">
                            <input
                              type="number"
                              class="form-control"
                              id="inlineFormInputGroupUsername2"
                              name="trade_license_no"
                              placeholder="Trade License No "
                            />
                          </div>
                        </div>

                      </div>
                    </div>
                  </div>
                  
                  <div class="col-lg-12 text-right pr-lg-5">
                    <button type="submit" class="btn btn-primary">
                      Submit
                    </button>
                    <button class="btn btn-light">Cancel</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <%- include ('../partials/footer.ejs'); %>
        </div>
      </div>
    </div>

    <%- include('../partials/footer_js.ejs'); %>
  </body>
</html>
