<div class="row">
    <div class="col-md-12 mt-2">
        <form name="" id="editUserForm" method="post" action="/user/review-update" enctype="multipart/form-data"
            novalidate>
            <div class="card card-info">
                <div class="card-header">
                    <h4 class="card-title">
                        <%=sectionTitle%>
                    </h4>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <input type="hidden" id="id" name="id" value="<%=userData.id%>" />
                        <div class="form-group col-md-6 col-md-6">
                            <label class="required" for="inputName">Rating</label>
                            <input type="text" readonly id="rating" name="rating" class="form-control"
                                value="<%=userData.rating%>"
                                placeholder="Enter rating" required>
                        </div>
                         <div class="form-group col-md-6">
                              <label class="required" for="inputName">Status</label>
                              <select id="active_status" name="active_status" class="form-control" required>
                                  <option selected disabled>Select Status</option>
                                  <option value="true" <%=userData.active_status == true ? 'selected' : '' %>>Active
                                  </option>
                                  <option value="false" <%=userData.active_status == false ? 'selected' : '' %>>Inactive
                                  </option>
                              </select>
                         </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Review Message</label>
                            <textarea class="form-control" rows="4" cols="50" name="review_message" id="review_message"
                                required><%=userData.review%></textarea>
                           
                        </div>
                  
                     

                        <div class="form-group col-md-6">
                          
                        </div>
                    
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-info">Update</button>
                    <button type="button" class="btn btn-default">
                        <a href="/user/review-list">Cancel</a>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<script>
    const togglePassword = document.querySelector('#togglePassword');
    const password = document.querySelector('#password');

    togglePassword.addEventListener('click', function (e) {
        const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
        password.setAttribute('type', type);
        this.classList.toggle('fa-eye-slash');
    });
</script>

<%- contentFor('pageStyleSection')%>
    <link rel="stylesheet" href="/stylesheets/style.css" />