
<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-slideshow', listUrl: '/dashboard/infoSliders', description: (typeof lang === 'undefined' || lang !== 'en') ? 'راجع الصورة والنصوص المنشورة لهذه الشريحة.' : 'Review the published image and copy for this slide.' }) %>
        <div class="row match-height">
            <div class="col-12">
                <div class="card">
                   
                    <div class="card-content">
                        <div class="card-body">
                            <form id="editSlider" method="post" class="needs-validation" novalidate action="/dashboard/editSlider" enctype="multipart/form-data">
                                <input type="hidden" name="_csrf" value="<%= csrfToken %>">
                                <input type="hidden" name="sliderId" value="<%= slider.sliderId %>">
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="col-md-6 col-12 ">
                                                <div class="imgMontg col-12 d-flex justify-content-start mb-3">
                                                    <div class="dropBox">
                                                                <div class="textCenter">
                                                            <div class="imagesUploadBlock">
                                                                <label class="uploadImg">
                                                                    <a data-fancybox="gallery" id="output-link-image" href="<%=slider.image%>"><img id="output-img-image" src="<%=slider.image%>" width="130px" height="135px" style="border-radius: 10%;"></a>
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                           
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column"> <%= i18n.__('infoSite.titleAr') %> </label>
                                                <div class="controls">
                                                    <input type="text" name="titleAr" class="form-control" value ="<%=slider.title['ar']%>" placeholder="<%= i18n.__('infoSite.titleAr') %>" required readonly>
                                                    <div class="invalid-feedback">
                                                        <%= i18n.__('infoSite.enterTitleArabic') %> *
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column"> <%= i18n.__('infoSite.titleEn') %></label>
                                                <div class="controls">
                                                    <input type="text" name="titleEn" class="form-control" value ="<%=slider.title['en']%>" placeholder="<%= i18n.__('infoSite.titleEn') %>" required readonly>
                                                    <div class="invalid-feedback">
                                                        <%= i18n.__('infoSite.enterTitleEnglish') %> *
                                                    </div>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column"><%= i18n.__('infoSite.descriptionAr') %> </label>
                                                <div class="controls">
                                                    <textarea name="descriptionAr" class="form-control" placeholder="<%= i18n.__('infoSite.descriptionAr') %>" required readonly  cols="30" rows="10"> <%=slider.description['ar']%></textarea>
                                                    <div class="invalid-feedback">
                                                        <%= i18n.__('infoSite.enterDescriptionArabic') %> *
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="first-name-column"> <%= i18n.__('infoSite.descriptionEn') %></label>
                                                <div class="controls">
                                                    <textarea name="descriptionEn" class="form-control" placeholder="<%= i18n.__('infoSite.descriptionEn') %>" required readonly cols="30" rows="10"> <%=slider.description['en']%></textarea>
                                                    <div class="invalid-feedback">
                                                        <%= i18n.__('infoSite.enterDescriptionEnglish') %> *
                                                    </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>


<script>

    $(document).ready(function()
    {
        $(document).on('submit','#editSlider',function(e)
        {
            e.preventDefault();

            const confirm  = "<%=i18n.__('common.edit')%>";

            const objData  = new FormData(this);
           
            ajaxUpload($(this), objData, "uploadWithImage", confirm);  
        });
    })
 
</script>
