<div class="row">
  <div class="col-lg-12 mt-3">
    <p>
      <a title="Main Module" href="/manage-blogs/listing"
        ><i class="fa fa-chevron-circle-left"></i> &nbsp; Zurück zur Liste der
        Daten Blog verwalten
      </a>
    </p>

    <div class="card card-info mt-3">
      <div class="card-header align-items-center d-flex">
        <h4 class="card-title mb-0 flex-grow-1"><%=sectionTitle%></h4>
        <div class="flex-shrink-0"></div>
      </div>
      <div class="card-body">
        <div class="row g-3">
          <div class="table-responsive">
            <table id="table-detail" class="table table-striped">
              <tbody>
                <tr>
                  <td width="20%">Titel</td>
                  <td><%= dataInfo.title ? dataInfo.title : 'N/A' %></td>
                </tr>

                <tr>
                  <td width="20%">Kategorie</td>
                  <td>
                    <%= dataInfo.cateogry_name ? dataInfo.cateogry_name : 'N/A'
                    %>
                  </td>
                </tr>

                <tr>
                  <td width="20%">Bild</td>
                  <td>
                    <%if(dataInfo.image !=null && dataInfo.image !="" ){%>
                    <img
                      class="img-thumbnail"
                      id="imagePreview"
                      style="width: 100px"
                      src="/<%=dataInfo.image %>"
                      alt="Image"
                    />
                    <%}else{%>
                    <img
                      class="img-thumbnail"
                      id="imagePreview"
                      style="width: 100px"
                      src="/images/no-image.jpg%>"
                      alt="Image"
                    />
                    <%}%>
                  </td>
                </tr>

                <tr>
                  <td width="20%">Summary</td>
                  <td><%= dataInfo.summary ? dataInfo.summary : 'N/A' %></td>
                </tr>

                <tr>
                  <td width="20%">Inhalt</td>
                  <td><%- dataInfo.content ? dataInfo.content : 'N/A' %></td>
                </tr>

                <tr>
                  <td width="20%">Status</td>
                  <td>
                    <% if( data?.status === 1){%>
                    <span class="badge bg-success">Aktiv</span>
                    <%}else{%>
                    <span class="badge badge-danger">Inaktiv</span>
                    <%}%>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <!-- /.box-body -->
      </div>
    </div>
  </div>
  <!--END AUTO MARGIN-->
</div>
