<% title = trans.cruds.MODULE.ADVERTISEMENT + ' - ' + companyInfo.NAME %>
<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-sm-6 col-12">
                <h2><%= trans.cruds.MODULE.ADVERTISEMENT %></h2>
            </div>
            <div class="col-sm-6 col-12">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="<%= '/admin/dashboard' %>"><i class="iconly-Home icli svg-color"></i> <%= trans.global.home %></a></li>
                  <li class="breadcrumb-item"><a href="<%= '/admin/advertisements' %>"><%= trans.cruds.MODULE.ADVERTISEMENT %></a></li>
                  <li class="breadcrumb-item active"><%= trans.global.list %></li>
                </ol>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      <div class="card">
        
        <div class="card-header card-no-border d-flex justify-content-between align-items-center">
          <div class="">            
            <h3><%= trans.cruds.ADVERTISEMENT.heading.advertisement_list || 'advertisement_list' %></h3>
          </div>
          <% if (userInfo.permissions.includes("create_advertisement")) { %>
            <div class="btn-showcase d-flex justify-content-end">
                <a href="/admin/advertisement/create" title="<%= trans.global.create %>" class="btn btn-pill btn-success" id="btnAddAdvertisement">
                  <%= trans.global.create %>
                </a>
            </div>
          <% } %>
        </div>
        <div class="card-body pt-0"> 
          <div class="filter-select">
            <div class="status-select d-flex gap-1">
              <label for="statusFilter">Status Filter:</label>
              <select id="statusFilter" class="form-select">
                <option value="" selected><%= trans.global.all %></option>
                <option value="active">Active</option>
                <option value="inactive">Inactive</option>
                <option value="expired">Expired</option>
                <option value="pending">Pending</option>
              </select>
            </div>
          </div>
          <div class="table-responsive theme-scrollbar">
            <table class="table table-lg display advertisementsTable" id=" row_create" style="width:100%">
              <thead>
                  <tr>
                    <th>#</th>
                    <th data-data="title"><%= trans.cruds.ADVERTISEMENT.fields.title %></th>
                    <th data-data="status"><%= trans.cruds.ADVERTISEMENT.fields.status %></th>
                    <th data-data="createdBy"><%= trans.cruds.ADVERTISEMENT.fields.createdBy %></th>
                    <th data-data="createdAt"><%= trans.cruds.ADVERTISEMENT.fields.createdAt %></th>
                    <% if (userInfo.permissions.includes("view_advertisement") || userInfo.permissions.includes("edit_advertisement") || userInfo.permissions.includes("delete_advertisement")) { %>
                      <th data-data="action"><%= trans.cruds.ADVERTISEMENT.fields.action %></th>
                    <% } else { %>
                      <th></th>
                    <% } %>
                  </tr>
              </thead>
              <tbody>
                  <!-- Data will be loaded via AJAX -->
              </tbody>
          </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<%- include('./script') %>