<div class="row">
    <div class="col-md-12 mt-2">
        <div class="row">
            <div class="col-md-3 offset-md-9">
                <div class="card w-50 float-right mb-2">

                </div>
            </div>
        </div>
        <div class="card card-info">
            <div class="card-header">
                <h3 class="card-title">
                    <%=sectionTitle%>
                </h3>
            </div>

            <div class="card-body">
                <div class="row">
                    <div class="col-md-12 mt-2">
                        <form name="" id="bannerForm" method="post" action="/jobseeker/education-details/save"
                            enctype="multipart/form-data" novalidate>
                            <div class="card card-info">
                                <div class="card-body">
                                    <div class="form-row">
                                        <div class="form-group col-md-3">
                                            <label class="required" for="inputName">Qualification</label>
                                            <select id="qualification_id" name="qualification_id" class="form-control"
                                                required>
                                                <option selected disabled>Select Qualification</option>
                                                <%for(let item of qualificationData){%>
                                                    <option value="<%=item.id%>"
                                                        <%=educationData?.qualification_id?.toString()==item?.id?.toString()
                                                        ? 'selected' : '' %> ><%=item?.qualification_name%>
                                                    </option>
                                                    <%}%>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label class="required" for="inputName">Institute Name</label>
                                            <input type="text" id="institute_name" name="institute_name"
                                                class="form-control" placeholder="Enter Institute Name"
                                                value="<%=educationData.institute_name%>" required>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label class="required" for="inputName">Pass out Year</label>
                                            <input type="text" id="pass_out_year" name="pass_out_year"
                                                class="form-control" placeholder="Enter Pass out Year"
                                                value="<%=educationData.pass_out_year%>" required>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label class="required" for="inputName">Specialization</label>
                                            <input type="text" id="specialization" name="specialization"
                                                class="form-control" placeholder="Enter Specialization"
                                                value="<%=educationData.specialization%>" required>
                                        </div>
                                        <div class="form-group col-md-3">
                                            <label class="required" for="inputName">Grade</label>
                                            <input type="text" id="marks" name="marks" class="form-control"
                                                placeholder="Enter Marks" value="<%=educationData.marks%>" required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="inputName">Description</label>
                                            <textarea type="text" rows="5" cols="5" id="description"
                                            name="description" class="form-control" placeholder="Enter description"
                                             oninput="validate(this)"><%=educationData.description%></textarea>
                                        </div>
                                        <!-- <div class="form-group col-md-3">
                                            <label class="required" for="inputName">Grade</label>
                                            <input type="text" id="grade" name="grade" class="form-control"
                                                placeholder="Enter Grade" value="<%=educationData.grade%>" required>
                                        </div> -->
                                        <div class="form-group col-md-3 align-content-end">
                                            <input type="hidden" id="user_id" name="user_id" value="<%=userData.id%>" />
                                            <input type="hidden" id="user_id" name="education_id"
                                                value="<%=educationData?.id ? educationData?.id : ''%>" />
                                            <button type="submit" class="btn btn-info mr-2" id="adduser"
                                                style="margin-top: 30px;">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="card-body table-responsive">
                <table class="table table-hover table-head-fixed datatable">
                    <thead>
                        <tr>
                            <th style="width: 1%">
                                #
                            </th>
                            <th>
                                Institute Name
                            </th>
                            <th>
                                Qualification
                            </th>
                            <th>
                                Pass out Year
                            </th>
                            <th>
                                Specialization
                            </th>
                            <th>
                                Marks
                            </th>
                            <!-- <th>
                                Grade
                            </th> -->
                            <th data-orderable="false">
                                Actions
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <% let index=1;%>
                            <% for (data of dataList){ %>
                                <tr>
                                    <td>
                                        <%=index++%>
                                    </td>
                                    <td>
                                        <%= data?.institute_name %>
                                    </td>
                                    <td>
                                        <%= data?.qualification_name %>
                                    </td>
                                    <td>
                                        <%= data?.pass_out_year %>
                                    </td>
                                    <td>
                                        <%= data?.specialization %>
                                    </td>
                                    <td>
                                        <%= data?.marks %>
                                    </td>
                                    <!-- <td>
                                        <%= data?.grade %>
                                    </td> -->
                                    <td>
                                        <a class="btn btn-info btn-sm mr-2"
                                            href="/jobseeker/education-details/<%=userData.id%>?education_id=<%=data.id%>"
                                            data-toggle="tooltip" title="Edit">
                                            <i class="fas fa-pencil-alt">
                                            </i>
                                        </a>
                                        <a class="btn btn-danger btn-sm" id="delete_<%=data.id%>"
                                            onclick="deleteDataFunc(`<%=data.id%>`,`jobseeker/education-details/delete/<%=userData.id%>/<%=data.id%>`)"
                                            data-toggle="tooltip" title="Delete">
                                            <i class="fas fa-trash">
                                            </i>
                                        </a>
                                    </td>
                                </tr>
                                <% } %>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.card -->
    </div>
    <!-- /.col -->
</div>
<!-- /.row -->


<%- contentFor('pageModalSection')%>
    <%- contentFor('pageScriptsSection')%>