<title> تعديل سمة</title>
<!--content wrapper -->
<div class="content-header row">
    <div class="content-header-left col-md-9 col-12 mb-2">
        <div class="row breadcrumbs-top">
            <div class="col-12">
                <h2 class="content-header-title float-left mb-0"></h2>
                <div class="breadcrumb-wrapper col-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="/dashboard/features">السمات</a></li>
                        <li class="breadcrumb-item active">تعديل</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
<!--end of content wrapper -->

<div class="content-body">
    <!-- // Basic multiple Column Form section start -->
    <section id="multiple-column-form">
        <div class="row match-height">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">تعديل سمة</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form method="POST" action="/dashboard/features/editFeature/<%= feature.featureId %>" class="store form-horizontal needs-validation" novalidate>
                                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-md-12 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column">اختر القسم</label>
                                                <div class="controls">
                                                    <select name="departmentId" class="select2 form-control" required>
                                                        <option value>تحديد قسم</option>
                                                        <% departments.forEach((item)=>{%>
                                                          <option value="<%=item._id%>" <%=(feature.departmentId.equals(item._id))  ? "selected":""%>> <%=item.ar%></option>
                                                        <%})%>
                                                    </select>
                                                    <div class="invalid-feedback">
                                                        يرجى ادخال القسم *
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <% languages.forEach((lang)=>{%>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label for="first-name-column"><%= i18n.__(lang+'Required');%></label>
                                                    <div class="controls">
                                                        <input type="text" name="name[<%=lang%>]" class="form-control" value="<%=feature[lang]%>" placeholder="  <%= i18n.__(lang+'Required');%>" required >
                                                        <div class="invalid-feedback">
                                                            <%= i18n.__(lang+'Required');%>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <%})%>

                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1 submit_button">  <%= i18n.__('common.edit');%></button>
                                            <a href="/dashboard/features" type="reset" class="btn btn-outline-warning mr-1 mb-1"> <%= i18n.__('common.back');%></a>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- // Basic Floating Label Form section end -->
</div>
