@extends('admin.layouts.main')
@section('title',"Danh sánh slider")
@section('css')
@endsection

@section('content')
<div class="content-wrapper lb_template_list_slider">

    @include('admin.partials.content-header',['name'=>"Slider","key"=>"Danh sách slider"])

    <!-- Main content -->
    <div class="content">
      <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                @if(session("alert"))
                    <div class="alert alert-success">
                        {{session("alert")}}
                    </div>
                    @elseif(session('error'))
                    <div class="alert alert-warning">
                        {{session("error")}}
                    </div>
                @endif
                <a href="{{route('admin.slider.create')}}" class="btn  btn-info btn-md mb-2">+ Thêm mới</a>
                 <div class="card card-outline card-primary">
                    <div class="card-body table-responsive p-0 lb-list-category">
                        <table class="table table-head-fixed" style="font-size: 13px;">
                            <thead>
                                <tr>
                                    <th>STT</th>
                                    <th>ID</th>
                                    <th>Name</th>
                                    {{-- <th>slug</th> --}}
                                    <th class="white-space-nowrap ">Mô tả</th>
                                     <th class="white-space-nowrap">Hình ảnh</th>
                                     <th class="white-space-nowrap">Hiển thị</th>
                                    <th style="width:150px;">Action</th>
                                </tr>
                            </thead>
                            <tbody>

                                @foreach($data as $sliderItem)
                                <tr>
                                    <td>{{$loop->index}}</td>
                                    <td>{{$sliderItem->id}}</td>
                                    <td>{{$sliderItem->name}}</td>
                                    {{-- <td>{{$sliderItem->slug}}</td> --}}
                                    <td class="w-50">{{$sliderItem->description}}</td>
                                    <td><img src="{{asset($sliderItem->image_path)}}" alt="{{$sliderItem->name}}" style="width:80px;"></td>
                                    <td class="wrap-load-active" data-url="{{ route('admin.slider.load.active',['id'=>$sliderItem->id]) }}">
                                        @include('admin.components.load-change-active',['data'=>$sliderItem,'type'=>'slider'])
                                     </td>
                                    <td>
                                        <a href="{{route('admin.slider.edit',['id'=>$sliderItem->id])}}" class="btn btn-sm btn-success"><i class="fas fa-edit"></i></a>
                                        <a data-url="{{route('admin.slider.destroy',['id'=>$sliderItem->id])}}" class="btn btn-sm btn-danger lb_delete"><i class="far fa-trash-alt"></i></a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                {{$data->links()}}
            </div>
        </div>
      </div>
    </div>
</div>
@endsection

@section('js')
@endsection