@extends('layouts.admin')

@section('title', 'Banners')
@section('heading', 'Banner Management')

@section('content')
    <section class="panel">
        <div class="panel-head"><h2>All Banners</h2><a class="button" href="{{ route('admin.banners.create') }}">Add Banner</a></div>
        <table>
            <thead><tr><th>Preview</th><th>Title</th><th>Position</th><th>Order</th><th>Status</th><th>Action</th></tr></thead>
            <tbody>
                @foreach($banners as $banner)
                    <tr>
                        <td><img class="table-img wide-img" src="{{ asset('storage/'.$banner->image_path) }}" alt=""></td>
                        <td>{{ $banner->title }}</td><td>{{ $banner->position }}</td><td>{{ $banner->sort_order }}</td><td>{{ $banner->is_active ? 'Active' : 'Hidden' }}</td>
                        <td class="actions"><a href="{{ route('admin.banners.edit', $banner) }}">Edit</a><form method="post" action="{{ route('admin.banners.destroy', $banner) }}">@csrf @method('delete')<button>Delete</button></form></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        {{ $banners->links() }}
    </section>
@endsection