<div class="row">
  <div class="col-lg-12 mt-3">
    <p><a title="Main Module" href="/user-subscriptions/list"><i class="fa fa-chevron-circle-left "></i> &nbsp; Zurück zur Liste der Daten Produkte 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%">Benutzer</td>
                  <td><%= dataInfo.name ? dataInfo.name : 'N/A' %></td>
                </tr>
           
                <tr>
                  <td width="20%">Paket</td>
                  <td><%= dataInfo.package_name ? dataInfo.package_name : 'N/A' %></td>
                </tr>
           
                <tr>
                  <td width="20%">Dauer</td>
                  <td><%= dataInfo.duration ? dataInfo.duration : 'N/A' %></td>

                </tr>
                <tr>
                  <td width="20%">Preis</td>
                  <td>€<%=dataInfo.price %></td>
                </tr>

                <tr>
                  <td width="20%">Start Date</td>
                  <td>       <% if(dataInfo.start_date) { %>
                    <%= new Date(dataInfo.start_date).toLocaleString('en-GB', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' }).replace(',', '') %>
                  <% } else { %>
                    N/A
                  <% } %>
                  </td>
                </tr>

                <tr>
                  <td width="20%">End Date</td>
                  <td>       <% if(dataInfo.end_date) { %>
                    <%= new Date(dataInfo.end_date).toLocaleString('en-GB', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' }).replace(',', '') %>
                  <% } else { %>
                    N/A
                  <% } %>
                  </td>
                </tr>

            
                <tr>
                  <td>Status</td>
                  <td>
                    <% if( dataInfo?.status === 1){%>
                    <span class="badge bg-success">Aktiv</span>
                    <%}else{%>
                    <span class="badge badge-danger">Inaktiv</span>
                    <%}%>
                  </td>
                </tr>
                <tr>
                  <td width="20%">Hergestellt in	</td>
                  <td><%= new Date(dataInfo.created_at).toLocaleDateString('en-GB') %></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <!-- /.box-body -->
      </div>
    </div>
  </div>
  <!--END AUTO MARGIN-->
</div>
