<link rel="stylesheet" href="/admin/assets/libs/select2/select2.css" />

<div class="content-body">
    <section id="multiple-column-form">
        <div class="row match-height">
            <div class="col-12">
                <div class="card">

                    <div class="card-content">
                        <div class="card-body">
                            <form class="needs-validation" novalidate
                                action="/dashboard/departments/edit/<%= department._id %>" method="POST"
                                id="editDepartment" enctype="multipart/form-data">
                                <%- include('../components/input.ejs',inputAttrs={ type:"hidden", name:"_csrf",
                                    value:csrfToken, classes:"", ids:"" })%>

                                    <div class="form-body">
                                        <div class="row">

                                            <%- include('../components/image.ejs', {
                                                required: '',
                                                url: department.imageUrl || '',
                                                id: 'image',
                                                name: 'image',
                                                imgClass: 'd-block uploadedAvatar medium-img rounded',
                                                invalidFeedback: i18n.__('common.pleaseEnterImage'),
                                                layout: 1
                                            }) %>

                                                <%- include('../components/input.ejs',inputAttrs={ type:"text",
                                                    name:"nameAr", label:i18n.__('departments.nameAr'), required:true,
                                                    value:department?.name?.ar,
                                                    invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('departments.nameAr')}),
                                                    placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('departments.nameAr')}),
                                                    classes:["form-control"], ids:["department-name-ar"],
                                                    oninput:"validateInput(this)" })%>

                                                    <%- include('../components/input.ejs',inputAttrs={ type:"text",
                                                        name:"nameEn", label:i18n.__('departments.nameEn'),
                                                        required:true, value:department.name?.en,
                                                        invalidMsg:i18n.__('common.{{field}}Required',{field:i18n.__('departments.nameEn')}),
                                                        placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('departments.nameEn')}),
                                                        classes:["form-control"], ids:["department-name-en"],
                                                        oninput:"validateInput(this)" })%>

                                                    <div class="col-md-6 col-12 mb-3">
                                                        <label class="form-label" for="department-active">
                                                            <%= i18n.__('departments.status') %>
                                                        </label>
                                                        <select
                                                            id="department-active"
                                                            name="active"
                                                            class="form-select"
                                                            required
                                                        >
                                                            <option value="true" <%= department.active ? 'selected' : '' %>>
                                                                <%= i18n.__('common.available') %>
                                                            </option>
                                                            <option value="false" <%= !department.active ? 'selected' : '' %>>
                                                                <%= i18n.__('common.notAvailable') %>
                                                            </option>
                                                        </select>
                                                    </div>

                                                    <div
                                                        class="pt-4 d-flex justify-content-center mt-3">
                                                        <button type="submit"
                                                            class="btn btn-primary me-sm-3 me-1 waves-effect waves-light submit_button">
                                                            <%= i18n.__('common.edit') %>
                                                        </button>
                                                        <a class="btn btn-label-dribbble waves-effect"
                                                            href="<%=referer%>">
                                                            <%= i18n.__('common.referer') %>
                                                        </a>
                                                    </div>
                                        </div>


                                    </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

    </section>
</div>


<%- include('includes.ejs') %>
    <%- include('../includes/imageJs.ejs') %>
