
<div class="content-body">
    <!-- // Basic multiple Column Form section start -->
    <section id="multiple-column-form" class="kt-info-editor">
        <%- include('../components/editorHero.ejs', { mode: 'show', icon: 'ti-sparkles', listUrl: '/dashboard/infoServices', description: (typeof lang === 'undefined' || lang !== 'en') ? 'راجع عنوان الخدمة ووصفها كما يظهران للمستخدم.' : 'Review the service title and description as shown to customers.' }) %>
        <div class="row match-height">
            <div class="col-12">
                <div class="card">
                  
                    <div class="card-content">
                        <div class="card-body">
                            <form id="editService" method="post" class="needs-validation" novalidate action="/dashboard/editServices">
                                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                                <div class="form-body">
                                    <div class="row">
                                        <%languages.forEach((item)=>{%>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label for="first-name-column"> <%= i18n.__('infoSite.title'+item.key) %></label>
                                                    <div class="controls">
                                                        <input type="text" name="title.<%=item.value%>" class="form-control" placeholder="<%= i18n.__('infoSite.title'+item.key) %>" value="<%=ourService.title[item.value]%>" readonly required>
                                                        <div class="invalid-feedback">
                                                            <%= i18n.__('infoSite.enterTitle'+item.key) %> *
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <%})%>
                                        <%languages.forEach((item)=>{%>
                                            <div class="col-md-6 col-12">
                                                <div class="form-group">
                                                    <label for="first-name-column"> <%= i18n.__('infoSite.description'+item.key) %></label>
                                                    <div class="controls">
                                                        <textarea name="description.<%=item.value%>" class="form-control" readonly placeholder="<%= i18n.__('infoSite.description'+item.key) %>" required  cols="30" rows="10"><%=ourService.description[item.value]%></textarea>
                                                        <div class="invalid-feedback">
                                                            <%= i18n.__('infoSite.enterDescription'+item.key) %> *
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <%})%> 
                                    
                                        <div class="col-12 d-flex justify-content-center mt-3">
                                            <a class="btn btn-label-dribbble waves-effect"  href="<%=referer%>"> <%= i18n.__('common.referer') %></a>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- // Basic Floating Label Form section end -->
</div>
