<div class="row">
    <div class="col-md-12 mt-2">
        <form name="" id="siteSettingForm" method="post" action="/site-settings/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="appname" oninput="validate(this)" name="appname" class="form-control" placeholder="Enter Seitentitel" required value="<%=dataInfo.appname%>" >
                        </div>
                       
                        <div class="form-group col-md-6">
                            <label for="inputName">Bild </label>
                            <input
                              type="file"
                              class="form-control imagepickerWithPreviewId"
                              data-previewelement="imagePreview"
                              id="image"
                              name="image_logo"
                              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 mt-2" >
                                <%if(dataInfo.logo !=null && dataInfo.logo !="" ){%>
                                    <img class="img-thumbnail" id="imagePreview" style="width: 100px"
                                        src="/<%=dataInfo.logo %>" 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-6">
                            <label for="inputName">Favicon </label>
                            <input
                              type="file"
                              class="form-control"
                              id="image"
                              name="favicon"
                              accept="image/*"
                              onchange="return fileValidation()"
                              style="padding: 4px 4px;"
                            />
                            <label
                              id="image-error"
                              style="display: none"
                              class="error"
                              for="favicon"
                              >Please upload file having extensions .jpeg/.jpg/.png/.gif
                              only.</label
                            >
              
                        </div>

                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Email</label>
                            <input type="email" id="site_email" oninput="validate(this)" name="site_email" class="form-control" placeholder="Enter Email" required value="<%=dataInfo.site_email%>" >
                        </div>

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

                        <div class="form-group col-md-6">
                            <label class="required" for="inputName">Adresse</label>
                            <textarea
                            type="text"
                            id="site_address"
                            data-lang="en"
                            name="site_address"
                            class="form-control site_address"
                            placeholder="Enter Seiteninhalt"
                            required
                          ><%=dataInfo.site_address %></textarea>
                        </div>

                        <div class="form-group col-md-6">
                            <label  for="inputName">Facebook</label>
                            <input type="url" id="facebook_link" oninput="validate(this)" name="facebook_link" class="form-control" placeholder="Enter Facebook Url" value="<%=dataInfo.facebook_link%>" >
                        </div>


                        <div class="form-group col-md-6">
                            <label  for="inputName">Instagram</label>
                            <input type="url" id="instagram_link" oninput="validate(this)" name="instagram_link" class="form-control" placeholder="Enter Instagram Url" value="<%=dataInfo.instagram_link%>" >
                        </div>


                        <div class="form-group col-md-6">
                            <label  for="inputName">Twitter</label>
                            <input type="url" id="twitter_link" oninput="validate(this)" name="twitter_link" class="form-control" placeholder="Enter Twitter Url" value="<%=dataInfo.twitter_link%>" >
                        </div>


                        <div class="form-group col-md-6">
                            <label  for="inputName">Linkedin</label>
                            <input type="url" id="linkedin_link" oninput="validate(this)" name="linkedin_link" class="form-control" placeholder="Enter Linkedin Url" value="<%=dataInfo.linkedin_link%>" >
                        </div>

                        <div class="form-group col-md-6">
                            <label  for="inputName">Versandkosten(€)</label>
                            <input type="number" id="shipping_charge" oninput="validate(this)" name="shipping_charge" class="form-control" placeholder="Enter Versandkosten" value="<%=dataInfo.shipping_charge%>" >
                        </div>



                        <input type="hidden" id="id" name="id" value="<%=dataInfo.id%>"/>

                        <input type="hidden" id="old_logo" name="old_logo" value="<%=dataInfo.logo%>"/>
                        <input type="hidden" id="old_favicon" name="old_favicon" value="<%=dataInfo.favicon%>"/>

                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-info" >Update</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" />