<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">
            
                <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 Client</h2>
                      </div>
                  </div>
              </div>
              
              
              <div class="content-wrapper">
                <form class="forms-sample" method="POST" action="<%= url %>client/edit">
                    <h1>
                        <%= message %>
                    </h1>

                    <% if (roleId === 2) { %>
                        <a class="btn btn-primary"href="<%= url %>invoice/create"">Voucher Entry </a>
                    <% } %>
                    
                      <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="exampleInputName1">Full Name</label>
                                          <input type="text" name="name" value="<%= data.name %>" class="form-control" id="exampleInputName1" placeholder="Enter Full Name">
                                      </div>

                                      <input type="hidden" class="form-control" name="id"
                                      value="<%= data.id %>">
              
                                      <div class="form-group">
                                          <label for="exampleInputEmail3">Email address</label>
                                          <input class="form-control" name="email" value="<%= data.email %>" data-inputmask="'alias': 'email'" im-insert="true">
                                      </div>
                                      <div class="form-group">
                                          <label for="exampleInputName1">Service Requirements</label>
                                          <input type="text" name="service_requirement" value="<%= data.service_requirement %>" class="form-control" id="exampleInputName1" placeholder="Enter Service Requirements">
                                      </div>
                                      <div class="d-lg-flex flex-wrap">
                                          <div class="col-lg-12 form-group p-0 mb-3">
                                              <label for="exampleInputEmail3">Discount</label>
                                              <div class="input-group col-lg-6 mb-2 mr-sm-2" >
                                                  <div class="input-group-prepend">
                                                      <div class="input-group-text">%</div>
                                                  </div>
                                                  <input type="text" name="discount" value="<%= data.discount %>" max="<%= max_discount %>" class="form-control" id="inlineFormInputGroupUsername2" placeholder="Enter User ID"
                                                   >
                                              </div>
                                              <div class="input-group mb-2 mr-sm-2">
                                                  <div class="input-group-prepend">
                                                      <div class="input-group-text">Client ID</div>
                                                  </div>
                                                  <input type="text" name="" value="<%= data.client_id %>" class="form-control" disabled
                                                   >
                                              </div>
                                          </div>
                                          <!-- <div class="col-lg-6 form-group p-0 mb-3 pl-lg-2">
                                              <label for="exampleInputName1">Alarm Date</label>
                                              <input type="date" class="form-control" id="exampleInputName1" placeholder="Enter Date" style="height: 50px!important;">
                                          </div> -->
                                      </div>
                                      <!-- <div class="form-group">
                                          <label for="exampleTextarea1">
                                              Alarm Details
                                          </label>
                                          <textarea class="form-control" id="exampleTextarea1" rows="4" spellcheck="false"></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" im-insert="true">
                                      </div> -->
                                      <div class="form-group">
                                          <label>Mobile:</label>
                                          <input name="mobile_no" value="<%= data.mobile_no %>" class="form-control">
                                          <!-- <input name="mobile_no" value="<%= data.mobile_no %>" class="form-control" data-inputmask-alias="(+99) 999-9999-99" im-insert="true"> -->
                                      </div>
              
                                      <div class="form-group" id="s2">
                                          <label for="exampleInputCity1">Discount For Shops</label>
                                          <select class="js-example-basic-multiple  w-100" name="shops[]" multiple="multiple" <% if (roleId !== 1) { %> disable  <% } %> >
                                            <% 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="form-group" id="s2">
                                          <label for="exampleInputCity1">Select Groups</label>
                                          <select class="js-example-basic-multiple  w-100" name="groups[]">
                                            <% for(let i=0; i < group_list.length; i++) { %>
                                                <% if (data.group_id.indexOf(group_list[i].id.toString()) > -1 ) { %>  
                                                    <option value="<%= group_list[i].id %>" selected><%= group_list[i].title %></option>
                                                <% } else { %>
                                                        <option value="<%= group_list[i].id %>"><%= group_list[i].title %></option>
                                                <% } %>
                                            <% } %>
                                          </select>
                                      </div>
                                      <div class="form-group">
                                          <label for="exampleTextarea1">
                                              Address
                                          </label>
                                          <textarea class="form-control" id="exampleTextarea1" name="address" rows="4" spellcheck="false"><%= data.address %></textarea>
                                      </div>
                                  </div>
                              </div>
                          </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>
                      </div>
                  </form>
              
              </div>
               
              </div>
              <%- include ('../partials/footer.ejs'); %>

            </div>
        </div>
    </div>

    <%- include('../partials/footer_js.ejs'); %>

  </body>

</html>