@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-start justify-content-between">
    <div class="me-auto d-none d-lg-block">
        <h3 class="font-w600 m-0 p-0">Banner List</h3>
    </div>
    <div class="d-flex align-items-center">
        <!-- <div class="form-group me-2">
            <input type="text" id="searchInput" class="form-control" placeholder="Search...">
        </div> -->
        <div>
            <a href="{{ route('admin.banner-add') }}" class="btn btn-success">Add Banner</a>
        </div>
    </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>
                    <th>Image</th>
                    <th>Title</th>
                    <th>Sequence</th>
                    <th>Status</th>
                    <th>Edit</th>
                    <th>Delete</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($banner_list as $key => $banner)
                    <tr>
                      <td>{{ $banner_list->firstItem() + $key }}</td>
                      <td><img src="{{ asset('banner/' . $banner->image) }}" alt="Banner" width="100" height="50"></td>
                      <td>{{ $banner->title ??"" }}</td>
                      <td>{{ $banner->sequence ??"" }}</td>
                      <td>{{ $banner->status == 1 ? 'Active' : 'Inactive' }}</td>
                      <td>
                        <a href="{{ route('admin.banner-edit', ['id' => $banner->id]) }}" class="btn btn-success btn-sm">Edit</a>
                      </td>
                      <td>
                          <a href="{{ route('admin.banner-delete', ['id' => $banner->id]) }}" 
                            class="btn btn-primary btn-sm" 
                            onclick="return confirm('Are you sure you want to delete this banner?');">
                              Delete
                          </a>
                      </td>

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


@endsection