<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">Edit Offers</h2>
                      </div>
                    </div>
                  </div>

                  <!-- form -->
                  <div class="col-lg-6 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 %>offers/edit">
                      
                        
                        <div class="col-lg-12 grid-margin stretch-card">
                          <div class="card border-0">
                            <div class="card-body">
                              
                              <div class="form-group">
                                <label for="exampleInputName1">Title</label>
                                <input type="text" class="form-control" id="exampleInputName1"
                                name="title" value="<%= data.title %>" placeholder="Enter Offer Name">
                              </div>

                              <div class="form-group">
                                <label for="exampleInputName1">Start Date  *</label>
                                <input type="date" v-model="firstForm.date" class="form-control"
                                  data-target="#timepicker-example" name="start_date" value="<%= moment(data.start_date).format('YYYY-MM-DD') %>"/>
                              </div>

                              <div class="form-group">
                                <label for="exampleInputName1">End Date *</label>
                                <input type="date" v-model="firstForm.date" class="form-control"
                                  data-target="#timepicker-example" name="end_date" value="<%= moment(data.end_date).format('YYYY-MM-DD') %>"/>
                              </div>
      
                              <div class="d-lg-flex flex-wrap">
                                <div class="col-lg-6 form-group p-0 mb-3">
                                  <label for="exampleInputEmail3">Discount *</label>
                                  <div class="input-group mb-2 mr-sm-2">
                                    <div class="input-group-prepend">
                                      <div class="input-group-text">%</div>
                                    </div>
                                    <input
                                      type="number"
                                      name="discount"
                                      class="form-control"
                                      id="inlineFormInputGroupUsername2"
                                      min="0"
                                      max="<%= max_discount %>"
                                      step="any"
                                      placeholder="discount" required value="<%= data.discount %>"
                                    />
                                  </div>
                                </div>
                              </div>
      
                              <div class="form-group" id="s2">
                                <label for="exampleInputCity1"
                                  >Offers Applicable For Shops *</label
                                >
                                <select class="js-example-basic-multiple  w-100" name="shops[]" multiple="multiple">
                                  <% for(let i=0; i < shop_list.length; i++) { %>
                                      <% if (data.shop_id.indexOf(shop_list[i].id.toString()) > -1 ) { %>  
                                          <option value="<%= shop_list[i].id %>" selected><%= shop_list[i].name %></option>
                                      <% } else { %>
                                              <option value="<%= shop_list[i].id %>"><%= shop_list[i].name %></option>
                                      <% } %>
                                  <% } %>
                                </select>
                              </div>
      
                              <input type="hidden" class="form-control" name="id"
                              value="<%= data.id %>">
      
                              <div class="col-lg-12 text-right pr-lg-5">
                                <button type="submit" class="btn btn-primary mr-2">Submit</button>
                                <button class="btn btn-light">Cancel</button>
                              </div>
                             
                            </div>
                          </div>
                        </div>

                        <input type="hidden" class="form-control" name="id"
                                      value="<%= data.id %>">

                        <!-- <div class="form-group">
                          <label for="exampleInputName1">Start Date  *</label>
                          <input type="date" v-model="firstForm.date" class="form-control"
                            data-target="#timepicker-example" name="start_date" value="<%= moment(data.start_date).format('YYYY-MM-DD') %>"/>
                        </div> -->


                        <!-- <div class="form-group">
                          <label for="exampleInputName1">End Date *</label>
                          <input type="date" v-model="firstForm.date" class="form-control"
                            data-target="#timepicker-example" name="end_date" value="<%= moment(data.end_date).format('YYYY-MM-DD') %>"/>
                        </div>

                        <div class="d-lg-flex flex-wrap">
                          <div class="col-lg-6 form-group p-0 mb-3">
                            <label for="exampleInputEmail3">Discount *</label>
                            <div class="input-group mb-2 mr-sm-2">
                              <div class="input-group-prepend">
                                <div class="input-group-text">%</div>
                              </div>
                              <input
                                type="number"
                                name="discount"
                                class="form-control"
                                id="inlineFormInputGroupUsername2"
                                min="0"
                                max="<%= max_discount %>"
                                step="any"
                                placeholder="discount" required value="<%= data.discount %>"
                              />
                            </div>
                          </div>
                        </div>

                        <div class="form-group" id="s2">
                          <label for="exampleInputCity1"
                            >Offers Applicable For Shops *</label
                          >
                          <select class="js-example-basic-multiple  w-100" name="shops[]" multiple="multiple">
                            <% for(let i=0; i < shop_list.length; i++) { %>
                                <% if (data.shop_id.indexOf(shop_list[i].id.toString()) > -1 ) { %>  
                                    <option value="<%= shop_list[i].id %>" selected><%= shop_list[i].name %></option>
                                <% } else { %>
                                        <option value="<%= shop_list[i].id %>"><%= shop_list[i].name %></option>
                                <% } %>
                            <% } %>
                          </select>
                        </div>

                        

                        <div class="col-lg-12 text-right pr-lg-5">
                          <button type="submit" class="btn btn-primary mr-2">Submit</button>
                          <button class="btn btn-light">Cancel</button>
                        </div> -->
                      
                    </form>

                  </div>

                </div>
                <%- include ('../partials/footer.ejs'); %>

              </div>
        </div>
    </div>

    <%- include('../partials/footer_js.ejs'); %>

  </body>

</html>