<div class="row">
    <div class="col-md-12 mt-2">
        <form name="" id="roleForm" method="post" action="/role/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="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="required" for="inputName">Role Name</label>
                                <input type="text" id="name" name="roleDisplayName" class="form-control"
                                    onkeypress="return /[a-zA-Z_\s]/i.test(event.key)" placeholder="Enter role name"
                                    value="<%=dataInfo.roleDisplayName%>" required oninput="validate(this)">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="required" for="inputName">Description</label>
                                <input type="text" id="desc" name="desc" class="form-control"
                                oninput="validate(this)" placeholder="Enter role description" value="<%=dataInfo.desc%>" required>
                            </div>
                        </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" selected>Active</option>
                                <option value="false">Inactive</option>
                            </select>
                        </div>
                        <input type="hidden" id="_id" name="_id" value="<%=dataInfo._id%>" />
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-info mr-2" id="adduser">Update</button>
                    <button type="button" class="btn btn-default">
                        <a href="/role/list">Cancel</a>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

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