
<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-route', listUrl: '/dashboard/howWorks', description: (typeof lang === 'undefined' || lang !== 'en') ? 'راجع صورة الخطوة وعنوانها كما يظهران في رحلة المستخدم.' : 'Review the step image and title as shown in the customer journey.' }) %>
        <div class="row match-height">
            <div class="col-12">
                <div class="card">

                    <div class="card-content">
                        <div class="card-body">
                            <form id="editHowWork" method="post" class="needs-validation" novalidate action="/dashboard/howWorks/edit" enctype="multipart/form-data">
                                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                                <input type="hidden" name="id" value="<%= howWork.id %>">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-12">

                                            <div class="imgMontg col-12 d-flex justify-content-start mb-3 mt-2">
                                                <div class="dropBox">
                                                        <div class="textCenter">
                                                        <div class="imagesUploadBlock">
                                                            <label class="uploadImg">
                                                                <a data-fancybox="gallery" id="output-link-image" href="<%=howWork.image%>"><img id="output-img-image" src="<%=howWork.image%>" width="130px" height="135px" style="border-radius: 10%;"></a>
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column"> <%= i18n.__('infoSite.name_Ar') %> </label>
                                                <div class="controls">
                                                    <input type="text" name="nameAr" value="<%= howWork.name.ar %>" class="form-control" placeholder="<%= i18n.__('infoSite.name_Ar') %>" readonly required>
                                                    <div class="invalid-feedback">
                                                        <%= i18n.__('infoSite.pleaseEnterArabicName') %> *
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column"> <%= i18n.__('infoSite.name_En') %></label>
                                                <div class="controls">
                                                    <input type="text" name="nameEn" value="<%= howWork.name.en %>" class="form-control" placeholder="<%= i18n.__('infoSite.name_En') %>" readonly required>
                                                    <div class="invalid-feedback">
                                                        <%= i18n.__('infoSite.pleaseEnterEnglishName') %> *
                                                    </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>
