@extends('admin.layout.index')

@section('title')
    بنرها
@endsection

@section('style')
    <style>
        .img-thumbnail{
            max-width: 200px;
            height: auto;
        }
        .border-none{
            border: none !important;
        }
    </style>
@endsection

@section('content')

    <div class="table-responsive">
        <table class="table table-bordered table-striped text-center">
            <thead>
            <tr>
                <th>#</th>
                <th>تصویر</th>
                {{--                            <th>thumbnail</th>--}}
{{--                <th>عنوان</th>--}}
{{--                <th>متن</th>--}}
                <th>لینک </th>
{{--                <th>متن دکمه</th>--}}
{{--                <th>موقعیت نمایش</th>--}}
                <th>عملیات</th>
            </tr>
            </thead>
            <tbody>
            @foreach ($banners as $key => $banner)
                <tr>
                    <th>
                        {{ $banners->firstItem() + $key }}
                    </th>
                    <th>
                        <a target="_blank" href="{{ url( env('BANNER_IMAGES_UPLOAD_PATH').$banner->image ) }}">
                            <img class="img-thumbnail" src="{{ imageExist( env('BANNER_IMAGES_UPLOAD_PATH'),$banner->image ) }}">
                        </a>
                    </th>
                    {{--                                <th>--}}
                    {{--                                    <a target="_blank" href="{{ url( env('BANNER_IMAGES_UPLOAD_PATH').$banner->image ) }}">--}}
                    {{--                                        <img class="img-thumbnail" src="{{ imageExist( env('BANNER_IMAGES_UPLOAD_PATH'),$banner->thumbnail ) }}">--}}
                    {{--                                    </a>--}}
                    {{--                                </th>--}}
{{--                    <th>--}}
{{--                        {{ $banner->title }}--}}
{{--                    </th>--}}
{{--                    <th>--}}
{{--                        {{ $banner->text }}--}}
{{--                    </th>--}}
                    <th>
                        {{ $banner->button_link }}
                    </th>
{{--                    <th>--}}
{{--                        {{ $banner->button_text }}--}}
{{--                    </th>--}}
{{--                    <th>--}}
{{--                        {{ $banner->position }}--}}
{{--                    </th>--}}
                    <th class="d-flex border-none">
                        <a title="ویرایش" class="btn btn-sm btn-info mr-3"
                           href="{{ route('admin.banners.edit', ['banner' => $banner->id]) }}">
                            <i class="fa fa-edit"></i>
                        </a>
                    </th>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

    <div class="d-flex justify-content-center mt-5">
        {{ $banners->render() }}
    </div>
@endsection