@extends('backend.layout')
@section('titre')
    Sliders
@endsection
 
@section('content')
    <!-- Container-fluid starts-->
    @php $modele='sliders' @endphp
    @if (session('successMsg'))
        <div  class="alert alert-success" role="alert">
            {{(session('successMsg'))}}
        </div>
    @endif

                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-md-8">
                                <h5>Liste des sliders</h5>
                            </div>
                            <div class="col-md-4 text-success text-lg-end iconeadd"><button onclick="window.location.href='{{route("$modele.create")}}'"  class="btn btn-primary">Ajouter slider</button> </div>
                        </div>

                    </div>

                        <div class="card-body">
                            <table id="example1" class="table table_list tableDnD table-bordered table-striped">
                                <thead>
                                    <tr class="nodrag nodrop">
    
                                    <th class="d-none">ID</th>
                                    <th>Titre</th>
                                    <th>Position</th>
                                    <th>Image</th>
                                    <th>Active</th>
                                    <th>action</th>

                                </tr>
                                </thead>
                              
                                <tbody>
                                    @foreach ($sliders as $slide)
                                    <tr id="tr_{{$slide->id}}" class=" odd">
                                        <td class="d-none" >{{ $slide->position }}</td>
                                    <td>{{$slide->title}}</td>

                                    <td class="text-center dragHandle ">
                                        <div class="dragGroup">
                                            
                                            <div class="positions">
                                                {{ $slide->position }}
                                            </div>
                                        </div>
                                    </td>
                                    <td><img class="img-thumbnail-admin" src="{{asset('images/sliders').'/'.$slide->image}}"></td>
                                    <td class="text-center tdstatus" id="etat{{$slide->id}}">
                                        @if($slide->active==1)
                                            <a title="cliquez pour désactiver" onclick="enable({{$slide->id}},0,'sliders')"><i class="fa fa-circle font-success f-18"></i></a>
                                        @else
                                            <a title="cliquez pour activer" onclick="enable({{$slide->id}},1,'sliders')"> <i class="fa fa-circle font-error f-18"></i></a>
                                        @endif
                                    </td>
                                    <td  class="actions" >
                                        <form method="post"  id="delete-from-{{$slide->id}}" action="{{route("$modele.destroy",$slide->id)}}">
                                            @csrf
                                            @method('DELETE')
                                            
                                            <a href="{{route("$modele.edit",$slide->id)}}">
                                                <button  title="Modifier" type="button" class="btn btn-edit"><i class="fa fa-edit"></i></button>
                                            </a>
                                            <button  title="Supprimer"  onclick="return confirm('vous etes sure pour supprimer ce slide ?');" class="btn btn-remove"><i class="fa fa-trash"></i></button>
                                        
                                         </form>


                                    </td>
                                </tr>
                            @endforeach
                                </tbody>


                            </table>
                        </div>

                </div>

    <!-- Container-fluid Ends-->
<script>
        var update_position = "sliders/position";
</script>   
@endsection