@extends('admin.layouts.admin')
@section('title', 'البنرات')
@section('content')
    <div class="main-side">
        <div class="main-title">
            <div class="small">
                الرئيسية
            </div>
            <div class="large">
                البنرات
            </div>
        </div>
        <div class="section_content content_view">
            <div class="up_element mb-2">
                <button type="button" class="btn btn-primary " data-bs-toggle="modal" data-bs-target="#create">
                    إضافة
                </button>
                @include('admin.banners.create-modal')
            </div>
            <div class="table-responsive">
                <table class="main-table mb-2">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>العنوان</th>
                            <th>الصورة</th>
                            <th>العمليات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($banners as $banner)
                            <tr>
                                <th>{{ $loop->iteration }}</th>
                                <td>{{ $banner->title }}</td>
                                <td>
                                    @if ($banner->image)
                                        <img src="{{ display_file($banner->image) }}" alt="{{ $banner->title }}"
                                            class="img-thumbnail" width="100px">
                                    @else
                                        <img src="{{ asset('admin-asset/img/no-image.jpg') }}" alt="{{ $banner->title }}"
                                            class="img-thumbnail" width="100px">
                                    @endif
                                </td>
                                <td>
                                    <a class="btn btn-info btn-sm" data-bs-toggle="modal"
                                        data-bs-target="#edit{{ $banner->id }}">
                                        <i class="fa-solid fa-pen"></i>
                                    </a>
                                    <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal"
                                        data-bs-target="#delete{{ $banner->id }}">
                                        <i class="fa-solid fa-trash"></i>
                                    </button>

                                    @include('admin.banners.edit-modal', ['banner' => $banner])
                                    @include('admin.banners.delete-modal', ['banner' => $banner])
                                </td>
                            </tr>
                        @endforeach

                    </tbody>
                </table>
                {{ $banners->links() }}
            </div>
        </div>
    </div>
@endsection