<div class="row">
    <div class="col-md-12 mt-2">
        <form name="" id="commonForm" method="post" action="/how-it-works/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">
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Used For</label>
                            <select id="used_for" name="used_for" class="form-control" required>
                                <option selected disabled>Select Status</option>
                                <option value="employer" <%=dataInfo.used_for=="employer" ? 'selected' : '' %>>Employer
                                </option>
                                <option value="jobseeker" <%=dataInfo.used_for=="jobseeker" ? 'selected' : '' %>>Jobseeker
                                </option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Serial Number</label>
                            <input type="text" id="serial_number" name="serial_number" class="form-control"
                                placeholder="Enter serial number" value="<%=dataInfo.serial_number%>" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Title</label>
                            <input type="text" id="title" name="title" class="form-control"
                                placeholder="Enter title" value="<%=dataInfo.title%>" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Icon Class Name</label>
                            <input type="text" id="icon_name" name="icon_name" class="form-control"
                                placeholder="Enter icon class name" value="<%=dataInfo.icon_name%>" required>
                        </div>
                        <div class="form-group col-md-12">
                            <label class="required" for="inputName">Description</label>
                            <textarea type="text" id="content" name="content" class="form-control"
                                placeholder="Enter description" required><%=dataInfo.content%></textarea>
                        </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" <%=dataInfo.active_status==true ? 'selected' : '' %>>Active
                                </option>
                                <option value="false" <%=dataInfo.active_status==false ? 'selected' : '' %>>Inactive
                                </option>
                            </select>
                        </div>
                        <input type="hidden" id="data_id" name="data_id" value="<%=dataInfo.id%>" />
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-info">Update</button>
                    <button type="submit" class="btn btn-default">
                        <a href="/how-it-works/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> -->

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