@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
  
    <!--breadcrumb-->
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> 
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">

                    <li class="breadcrumb-item">
                        <a href="{{ route('admin.dashboard') }}"> <i class="bx bx-home-alt"> </i> </a>
                    </li>

                    <li class="breadcrumb-item active" aria-current="page">All Sliders </li>

                </ol>
            </nav>
        </div>
        <div class="ms-auto">
            <div class="btn-group">
                @if (Auth::user()->can('home.slider.add')) 
                   <a href="{{ route('add.slider') }}" class="btn btn-primary px-5">Add Slider </a>  
                @endif
            </div>
        </div>
    </div>
    <!--end breadcrumb-->


    <p class="small"> *Slider with the lowest priority number appears first </p>


    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                {{--<table id="example" class="table table-striped table-bordered" style="width:100%"> --}}
                <table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                   
                    <thead>
                        <tr>
                            <th>Sl</th>
                            
                            <th> Slider Name</th> 
                            <th> Slider Text </th> 
                            <th> Slider Heading </th>
                            <th> Slider Priority  </th>
                            <th> Slider Image </th>
                            <th> Slider URL </th> 
                            <th> Status  </th> 
                          
                            
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>

                        @foreach ($sliders as $key=> $item) 
                        
                        <tr>

                            <td>{{ $key+1 }}</td>

                            <td>{{ $item->slider_name }}</td>

                            <td>{{ $item->slider_heading }}</td>

                            <td> {{ $item->slider_text }} </td>

                            <td> {{ $item->slider_priority }}</td>

                            <td> <img src="{{ (!empty($item->slider_image)) ? asset($item->slider_image) : url('upload/no_image.jpg')}}" alt="" style="width: 70px; height:40px;"> </td>
                           
                            <td>{{ $item->slider_url }}</td>


                            <td> 
                                @if($item->status == 1)
                                <span class="badge rounded-pill bg-success">Active</span>
                                @else
                                <span class="badge rounded-pill bg-danger"> Deactivated </span>
                                @endif
                            </td>


                           

                       

                            

                            <td>

                                @if($item->status == 1)
                                      @if (Auth::user()->can('home.slider.deactivate'))
                                         <a href="{{ route('slider.inactive', $item->id) }}" class="btn btn-lg btn-secondary mx-1" title="Deactivate Slider"> <i class="ri-thumb-down-line"> </i> </a>
                                      @endif 
                                @else
                                      @if (Auth::user()->can('home.slider.activate'))
                                        <a href="{{ route('slider.active', $item->id) }}" class="btn btn-lg btn-primary mx-1 " title="Activate Slider"> <i class="ri-thumb-up-line"></i> </a>
                                      @endif
                                @endif

                                @if (Auth::user()->can('home.slider.edit'))
                                  <a href="{{ route('edit.slider',$item->id) }}" class="btn btn-info px-5">Edit </a>     
                                @endif 
                                
                                @if (Auth::user()->can('home.slider.delete'))
                                  <a href="{{ route('delete.slider',$item->id) }}" class="btn btn-danger px-5" id="delete">Delete </a>                     
                                @endif
                                
                            </td>


                          
                   

                           

                        </tr>

                        @endforeach

                    </tbody>


                    <tfoot>
                        <tr>
                            <th>Sl</th>

                            <th> Slider Name</th> 
                            <th> Slider Text </th> 
                            <th> Slider Heading </th>
                            <th> Slider Priority  </th>
                            <th> Slider Image </th>
                            <th> Slider URL </th> 
                            <th> Status  </th>
                           

                            <th>Action</th>
                        </tr>
                    </tfoot>

                </table>
            </div>
        </div>
    </div>




</div>




@endsection