@extends('admin.dashboard.layouts.app')

@section('main')
<div class="content-wrapper">
  <section class="content-header d-flex justify-content-between">
    <h1>Banner List</h1>
    <a href="{{ route('banner.create') }}" class="btn btn-primary">Add Banner</a>
  </section>

  <section class="content">
    <div class="card">
      <div class="card-body">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th>#</th>
              <th>Image</th>
              <th>Title</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            @foreach($banners as $key => $banner)
            <tr>
              <td>{{ $key + 1 }}</td>
              <td>
                <img src="{{ asset('storage/'.$banner->image) }}" width="120">
              </td>
              <td>{{ $banner->title }}</td>
              <td>
                <a href="{{ route('banner.edit', $banner->id) }}" class="btn btn-sm btn-warning">Edit</a>

                <form action="{{ route('banner.destroy', $banner->id) }}" method="POST" class="d-inline">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-sm btn-danger" onclick="return confirm('Delete banner?')">Delete</button>
                </form>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </section>
</div>
@endsection