<% title = trans.cruds.MODULE.POST + ' - ' + companyInfo.NAME %>
<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-sm-6 col-12">
                <h2><%= trans.cruds.POST?.title %></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/posts' %>"><%= trans.cruds.POST?.title %></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">
          <div>            
            <h3><%= trans.cruds?.POST.title %></h3>
          </div>
          <ul class="nav nav-tabs border-tab tab-wrapper mt-3" id="top-tab" role="tablist">
            <li class="nav-item" role="presentation">
              <a class="nav-link active" id="top-timeline" data-bs-toggle="tab" href="#product" role="tab" aria-controls="product" aria-selected="false" tabindex="-1">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M3.17773 7.43994L12.0077 12.5499L20.7777 7.46991" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M12.0078 21.6099V12.5399" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M9.93793 2.48L4.59793 5.45003C3.38793 6.12003 2.39795 7.80001 2.39795 9.18001V14.83C2.39795 16.21 3.38793 17.89 4.59793 18.56L9.93793 21.53C11.0779 22.16 12.9479 22.16 14.0879 21.53L19.4279 18.56C20.6379 17.89 21.6279 16.21 21.6279 14.83V9.18001C21.6279 7.80001 20.6379 6.12003 19.4279 5.45003L14.0879 2.48C12.9379 1.84 11.0779 1.84 9.93793 2.48Z" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M17.0076 13.24V9.58002L7.51758 4.09998" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                <%= trans.cruds.POST?.tab_heading?.product?.title %>
              </a>
            </li>
            <!-- <li class="nav-item" role="presentation">
              <a class="nav-link" id="top-about" data-bs-toggle="tab" href="#job" role="tab" aria-controls="job" aria-selected="true">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M8.00001 22H16C20.02 22 20.74 20.39 20.95 18.43L21.7 10.43C21.97 7.99 21.27 6 17 6H7.00001C2.73001 6 2.03001 7.99 2.30001 10.43L3.05001 18.43C3.26001 20.39 3.98001 22 8.00001 22Z" stroke="#171717" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M8 6V5.2C8 3.43 8 2 11.2 2H12.8C16 2 16 3.43 16 5.2V6" stroke="#171717" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M14 13V14C14 14.01 14 14.01 14 14.02C14 15.11 13.99 16 12 16C10.02 16 10 15.12 10 14.03V13C10 12 10 12 11 12H13C14 12 14 12 14 13Z" stroke="#171717" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M21.65 11C19.34 12.68 16.7 13.68 14 14.02" stroke="#171717" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M2.62 11.27C4.87 12.81 7.41 13.74 10 14.03" stroke="#171717" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                <%= trans.cruds.POST?.tab_heading?.job?.title %>
              </a>
            </li>
            <li class="nav-item" role="presentation">
              <a class="nav-link" id="top-friends" data-bs-toggle="tab" href="#community" role="tab" aria-controls="community" aria-selected="false" tabindex="-1">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M18 7.16C17.94 7.15 17.87 7.15 17.81 7.16C16.43 7.11 15.33 5.98 15.33 4.58C15.33 3.15 16.48 2 17.91 2C19.34 2 20.49 3.16 20.49 4.58C20.48 5.98 19.38 7.11 18 7.16Z" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M16.9699 14.44C18.3399 14.67 19.8499 14.43 20.9099 13.72C22.3199 12.78 22.3199 11.24 20.9099 10.3C19.8399 9.59004 18.3099 9.35003 16.9399 9.59003" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M5.96998 7.16C6.02998 7.15 6.09998 7.15 6.15998 7.16C7.53998 7.11 8.63998 5.98 8.63998 4.58C8.63998 3.15 7.48998 2 6.05998 2C4.62998 2 3.47998 3.16 3.47998 4.58C3.48998 5.98 4.58998 7.11 5.96998 7.16Z" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M6.99994 14.44C5.62994 14.67 4.11994 14.43 3.05994 13.72C1.64994 12.78 1.64994 11.24 3.05994 10.3C4.12994 9.59004 5.65994 9.35003 7.02994 9.59003" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M12 14.63C11.94 14.62 11.87 14.62 11.81 14.63C10.43 14.58 9.32996 13.45 9.32996 12.05C9.32996 10.62 10.48 9.46997 11.91 9.46997C13.34 9.46997 14.49 10.63 14.49 12.05C14.48 13.45 13.38 14.59 12 14.63Z" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M9.08997 17.78C7.67997 18.72 7.67997 20.26 9.08997 21.2C10.69 22.27 13.31 22.27 14.91 21.2C16.32 20.26 16.32 18.72 14.91 17.78C13.32 16.72 10.69 16.72 9.08997 17.78Z" stroke="#171717" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                <%= trans.cruds.POST?.tab_heading?.community?.title %>
              </a>
            </li> -->
            <li class="nav-item" role="presentation">
              <a class="nav-link" id="top-photos" data-bs-toggle="tab" href="#service" role="tab" aria-controls="service" aria-selected="false" tabindex="-1">
                <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M12.0156 15C13.6725 15 15.0156 13.6569 15.0156 12C15.0156 10.3431 13.6725 9 12.0156 9C10.3588 9 9.01562 10.3431 9.01562 12C9.01562 13.6569 10.3588 15 12.0156 15Z" stroke="#171717" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M2.01562 12.8801V11.1201C2.01562 10.0801 2.86563 9.22006 3.91563 9.22006C5.72563 9.22006 6.46562 7.94006 5.55562 6.37006C5.03562 5.47006 5.34562 4.30006 6.25562 3.78006L7.98562 2.79006C8.77562 2.32006 9.79563 2.60006 10.2656 3.39006L10.3756 3.58006C11.2756 5.15006 12.7556 5.15006 13.6656 3.58006L13.7756 3.39006C14.2456 2.60006 15.2656 2.32006 16.0556 2.79006L17.7856 3.78006C18.6956 4.30006 19.0056 5.47006 18.4856 6.37006C17.5756 7.94006 18.3156 9.22006 20.1256 9.22006C21.1656 9.22006 22.0256 10.0701 22.0256 11.1201V12.8801C22.0256 13.9201 21.1756 14.7801 20.1256 14.7801C18.3156 14.7801 17.5756 16.0601 18.4856 17.6301C19.0056 18.5401 18.6956 19.7001 17.7856 20.2201L16.0556 21.2101C15.2656 21.6801 14.2456 21.4001 13.7756 20.6101L13.6656 20.4201C12.7656 18.8501 11.2856 18.8501 10.3756 20.4201L10.2656 20.6101C9.79563 21.4001 8.77562 21.6801 7.98562 21.2101L6.25562 20.2201C5.34562 19.7001 5.03562 18.5301 5.55562 17.6301C6.46562 16.0601 5.72563 14.7801 3.91563 14.7801C2.86563 14.7801 2.01562 13.9201 2.01562 12.8801Z" stroke="#171717" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                <%= trans.cruds.POST?.tab_heading?.service.title %>
              </a>
            </li>
          </ul>
        </div>
        
        <div class="card-body pt-0">
          <div class="tab-content" id="top-tabContent">
            <div class="tab-pane fade active show" id="product" role="tabpanel" aria-labelledby="product">
              <!-- <%- include('./common/categories', {
                  parentClass: 'product',
                }) 
              %> -->

              <!-- Filteration & Download -->
              <%- include('./common/filteration-and-download', {
                parentClass: 'product-search-filter',
                postType: 'product'
              }) %>
              <div class="table-responsive theme-scrollbar">
                <table class="table table-lg display productsTable" id=" row_create" style="width:100%">
                  <thead>
                      <tr>
                        <th>#</th>
                        <th data-data="title"><%= trans.cruds.POST.fields.title %></th>
                        <th data-data="postedBy"><%= trans.cruds.POST.fields.postedBy %></th>
                        <th data-data="status"><%= trans.cruds.POST.fields.status %></th>
                        <th data-data="createdAt"><%= trans.cruds.POST.fields.createdAt %></th>
                        <th><%= trans.cruds.POST.fields.action %></th>
                      </tr>
                  </thead>
                  <tbody>
                      <!-- Data will be loaded via AJAX -->
                  </tbody>
                </table>
              </div>
            </div>
            <div class="tab-pane fade" id="job" role="tabpanel" aria-labelledby="job">
              <!-- Filteration & Download -->
              <%- include('./common/filteration-and-download', {
                  parentClass: 'job-search-filter',
                  postType: 'job'
              }) %>
              <div class="table-responsive theme-scrollbar">
                <table class="table table-lg display jobsTable" id=" row_create" style="width:100%">
                  <thead>
                      <tr>
                        <th>#</th>
                        <th data-data="title"><%= trans.cruds.POST.fields.title %></th>
                        <th data-data="postedBy"><%= trans.cruds.POST.fields.postedBy %></th>
                        <th data-data="status"><%= trans.cruds.POST.fields.status %></th>
                        <th data-data="createdAt"><%= trans.cruds.POST.fields.createdAt %></th>
                        <th><%= trans.cruds.POST.fields.action %></th>
                      </tr>
                  </thead>
                  <tbody>
                      <!-- Data will be loaded via AJAX -->
                  </tbody>
                </table>
              </div>
            </div>
            <div class="tab-pane fade" id="community" role="tabpanel" aria-labelledby="community">
              <!-- Filteration & Download -->
              <%- include('./common/filteration-and-download', {
                  parentClass: 'community-search-filter',
                  postType: 'community',
                }) 
              %>
              <div class="table-responsive theme-scrollbar">
                <table class="table table-lg display communitiesTable" id=" row_create" style="width:100%">
                  <thead>
                      <tr>
                        <th>#</th>
                        <th data-data="title"><%= trans.cruds.POST.fields.title %></th>
                        <th data-data="postedBy"><%= trans.cruds.POST.fields.postedBy %></th>
                        <th data-data="status"><%= trans.cruds.POST.fields.status %></th>
                        <th data-data="createdAt"><%= trans.cruds.POST.fields.createdAt %></th>
                        <th><%= trans.cruds.POST.fields.action %></th>
                      </tr>
                  </thead>
                  <tbody>
                      <!-- Data will be loaded via AJAX -->
                  </tbody>
                </table>
              </div>
            </div>
            <div class="tab-pane fade" id="service" role="tabpanel" aria-labelledby="service">
              <!-- Filteration & Download -->
              <%- include('./common/filteration-and-download', {
                  parentClass: 'service-search-filter',
                  postType: 'service',
                }) 
              %>
              <div class="table-responsive theme-scrollbar">
                <table class="table table-lg display servicesTable" id=" row_create" style="width:100%">
                  <thead>
                      <tr>
                        <th>#</th>
                        <th data-data="title"><%= trans.cruds.POST.fields.title %></th>
                        <th data-data="postedBy"><%= trans.cruds.POST.fields.postedBy %></th>
                        <th data-data="status"><%= trans.cruds.POST.fields.status %></th>
                        <th data-data="createdAt"><%= trans.cruds.POST.fields.createdAt %></th>
                        <th><%= trans.cruds.POST.fields.action %></th>
                      </tr>
                  </thead>
                  <tbody>
                      <!-- Data will be loaded via AJAX -->
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<%- include('./script') %>