<div class="row">
    <div class="col-md-12 mt-2">
        <form name="" id="cmsForm" method="post" action="/cms/update" enctype="multipart/form-data" novalidate  >
            <div class="card card-info">
                <div class="card-header">
                    <h4 class="card-title">
                        <%=sectionTitle%>
                    </h4>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Seitentitel</label>
                            <input type="text" id="page_title" name="page_title" class="form-control"
                                placeholder="Enter title" required value="<%=dataInfo.page_title%>"
                                oninput="validate(this)">
                        </div>
                        
                        <div class="form-group  col-md-6">
                            <label for="inputName">Ausgewähltes Bild
                            </label>
                            <input type="file" class="form-control imagepickerWithPreviewId"
                                data-previewelement="imagePreview" id="image" name="image" accept="image/*"
                                onchange="return fileValidation()"  style="padding: 4px 4px;">
                            <label id="image-error" style="display: none;" class="error" for="image">Please upload file
                                having extensions .jpeg/.jpg/.png/.gif only.</label>
                                <div class="form-group col-md-6">
                                    <%if(dataInfo.featured_image !=null && dataInfo.featured_image !="" ){%>
                                        <img class="img-thumbnail " id="imagePreview" style="width: 100px"
                                            src="/<%=dataInfo.featured_image %>" alt="Image">
                                        <%}else{%>
                                            <img class="img-thumbnail" id="imagePreview" style="width: 100px"
                                                src="/images/no-image.jpg%>" alt="Image">
                                            <%}%>
                                </div>
                        </div>

                        <div class="form-group col-md-12">
                            <label class="required" for="inputName">Seiteninhalt</label>
                            <textarea type="text" id="editor" data-oc-toggle="ckeditor" data-lang="en" name="html_data"
                                class="form-control editor" placeholder="Enter Seiteninhalt" required  oninput="validate(this)"
                            ><%=dataInfo.html_data%></textarea>
                            <div id="editor-error" style="color: red;font-weight: 700; display: none;">Please provide the Seiteninhalt.</div>

                        </div>


                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Meta-Titel</label>
                            <input type="text" id="meta_title" name="meta_title" class="form-control"
                                placeholder="Enter meta-titel" value="<%=dataInfo.meta_title%>"
                                required
                                oninput="validate(this)">
                        </div>


                  
                        <div class="form-group col-md-6">
                            <label for="inputName">Meta-Keywords</label>
                            <input type="text" id="meta_keyword" name="meta_keyword" class="form-control"
                                placeholder="Enter meta keyword" value="<%=dataInfo.meta_keyword%>"
                                oninput="validate(this)">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="inputName">Meta-Beschreibung</label>
                                <textarea type="text" rows="3" cols="5" id="meta_description"
                                name="meta_description" class="form-control" placeholder="Enter Meta-Beschreibung"
                                 oninput="validate(this)"><%=dataInfo.meta_description%></textarea>
                        </div>
                      
                     
                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Status</label>
                            <select id="active_status" name="active_status" class="form-control" required>
                                <option selected disabled>Select Status</option>
                                <option value="1" <%=dataInfo.status==1 ? 'selected' : '' %>>Active
                                </option>
                                <option value="0" <%=dataInfo.status==0 ? 'selected' : '' %>>Inactive
                                </option>
                            </select>
                        </div>

                        <input type="hidden" id="page_id" name="page_id" value="<%=dataInfo.id%>" />
                        <input type="hidden" id="featured_image" name="featured_image" value="<%=dataInfo.featured_image%>" />
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" id="savebtn" class="btn btn-info">Speichern</button>
                    <button type="button" class="btn btn-default">
                        <a href="/cms/list">Zurück</a>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<%- contentFor('pageStyleSection')%>
    <link rel="stylesheet" href="/stylesheets/style.css" />