@extends('layouts.index')

@section('content')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.6/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.11.6/js/jquery.dataTables.min.js"></script>

<div class="content-body">
  <div class="container-fluid">
    <div class="form-head d-flex mb-3 mb-md-2 align-items-center justify-content-between">
      <div class="me-auto">
        <h3 class="font-w600 m-0 p-0">{{ $title }}</h3>
      </div>
      <!-- <div class="d-flex align-items-center">
        <a href="{{ $title_button_link }}" class="btn btn-success">{{ $title_button }}</a>
      </div> -->
    </div>
    @include('includes.message') 
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-body news-List">
            <div class="table-responsive">
              <table id="example5" class="table table-hover mb-0">
                <thead>
                  <tr>
                    <th>Sr. No.</th> <!-- Changed header to Sr. No. -->
                    @foreach($table_columns as $column)
                      <!-- Exclude 'id' from the header -->
                      @if($column !== 'id')
                        <th>{{ ucfirst(str_replace('_', ' ', $column)) }}</th>
                      @endif
                    @endforeach
                    <th>Actions</th>
                  </tr>
                </thead>
                <tbody>
                    @foreach($data as $key => $about)
                    <tr>
                      <td>{{ $key + 1 }}</td> <!-- Displaying Sr. No. -->
                      @foreach($table_columns as $column)
                      <!-- Exclude 'id' from being displayed in the table -->
                      @if($column !== 'id' && $column !== 'status')
                          <td>
                              @if($column === 'youtube_link')
                                  <span class="scroll-cell">{{ $about->$column }}</span>
                              @else
                                  {{ $about->$column }}
                              @endif
                          </td>
                      @endif
                      @if($column == 'status')
                        <td>
                        @if($about->$column == 1)
                          <span class="badge badge-success">Active</span>
                        @else
                          <span class="badge badge-danger">Inactive</span>
                        @endif
                        </td>
                      @endif
                      @endforeach
                      <td>
                        <!-- Pass the 'id' in the URL for Edit and Delete actions -->
                        <a href="{{ route('admin.home_page_video-add') }}?id={{$about->id}}" class="btn btn-primary btn-sm">Edit</a>
                        <!-- <a href="{{ route('admin.about-delete', ['table' => 'home_page_video', 'id' => $about->id]) }}" 
                          class="btn btn-danger btn-sm" 
                          onclick="return confirm('Are you sure you want to delete this item?');">
                          Delete
                        </a> -->

                      </td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            <div class="pagination-wrapper">
              {{ $data->links() }}  <!-- Pagination links -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


@endsection