<div class="row">
  <div class="col-md-12 mt-2">
    <div class="row">
      <div class="col-md-3 offset-md-9">
        <div class="card w-50 float-right mb-2">
            <a href="/banner/add" class="btn btn-sm btn-info m-1"><i class="fas fa-plus"></i> Add Banner</a>
        </div>
      </div>
    </div>
    <div class="card card-info">
      <div class="card-header">
        <h3 class="card-title">
          <%=sectionTitle%>
        </h3>
      </div>
      <div class="card-body table-responsive">
        <table class="table table-hover table-head-fixed datatable table-striped ">
          <thead>
            <tr>
              <th style="width: 1%">
                #
              </th>
              <th>
                Title
              </th>
              <!-- <th>
                Sub Heading
              </th> -->
              <th>
                Page Name
              </th>
              <th data-orderable="false">
                Image
              </th>
              <th>
                Status
              </th>
              <th data-orderable="false">
                Actions
              </th>
            </tr>
          </thead>
          <tbody>
            <% let index=1;%>
              <% for (data of dataList){ %>
                <tr>
                  <td>
                    <%=index++%>
                  </td>
                  <td>
                    <%= data.banner_name ? (data.banner_name.length> 100 ? data.banner_name.slice(0,100) + '...' :
                      data.banner_name) : 'N/A' %>
                  </td>
                  <!-- <td>
                    <%= data.banner_sub_title ? (data.banner_sub_title.length> 100 ? data.banner_sub_title.slice(0,60) +
                      '...' : data.banner_sub_title) : 'N/A' %>
                  </td> -->
                  <td>
                    <%= data.page_name ? (data.page_name.length> 100 ? data.page_name.slice(0,100) + '...' :
                      data.page_name) : 'N/A' %>
                  </td>
                  <td>
                    <%if(data.banner_pic !=null && data.banner_pic !="" ){%>
                      <img class="img-thumbnail " style="width: 50px" src="/uploads/banner/<%=data.banner_pic %>"
                        alt="Image">
                      <%}else{%>
                        <img class="img-thumbnail " style="width: 50px" src="/images/no-image.jpg%>" alt="Image">
                        <%}%>
                  </td>
                  <td>
                    <% if(data.active_status){%>
                      <span class="badge badge-primary">Active</span>
                      <%}else{%>
                        <span class="badge badge-danger">Inactive</span>
                        <%}%>
                  </td>
                  <td>
                    <a class="btn btn-info btn-sm mr-2" href="/banner/edit/<%=data.id%>" data-toggle="tooltip"
                      title="Edit">
                      <i class="fas fa-pencil-alt">
                      </i>
                    </a>
                    <a class="btn btn-danger btn-sm" id="delete_<%=data.id%>"
                      onclick="deleteDataFunc(`<%=data.id%>`,`banner/delete/<%=data.id%>`)" data-toggle="tooltip"
                      title="Delete">
                      <i class="fas fa-trash">
                      </i>
                    </a>

                  </td>
                </tr>
                <% } %>
          </tbody>
        </table>
      </div>
    </div>

  </div>
  <script>
    $(document).ready(function () {
  $(".web-tab").addClass("active");
    })
</script>
</div>



<%- contentFor('pageModalSection')%>
  <%- contentFor('pageScriptsSection')%>