@extends('layouts.dashboard_admin')

@section('content')
    <div class="page-header">
        <h1 class="title">Sliders</h1>
    </div>
    <div class="container" >
        <div class="row" >
            <div class="col-md-12" >
                <div class="panel panel-default" style="display: block;
                height: 66vh;
                overflow: auto;">
                    <div class="panel-title"> Data Sliders </div>
                    <div class="panel-body">  
                        <div class="row">
                            <div class="col-md-12">
                                <a href="{{route('sliders.create')}}" class="btn btn-primary">Create</a>
                            </div>
                            <div class="col-md-12" style="margin-top:1rem;">
                                <table id="example0" class="table table-sm display">
                                    <thead>
                                        <tr>
                                            <th>no</th>
                                            <th>link gambar</th>
                                            <th>active</th>
                                            <th>aksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($sliders as $slider)
                                            <tr>
                                                <td>{{$loop->iteration}}</td>
                                                <td><a href="{{asset($slider->image_url)}}">{{$slider->image_url}}</a></td>
                                                <td>
                                                    <form action="{{route('sliders.update', $slider->id)}}" method="POST">
                                                        @csrf
                                                        {{method_field('PUT')}}
                                                        <button class="btn btn-sm {{$slider->active ? 'btn-info': 'btn-danger'}}">{{$slider->active ? 'Active' : 'Tidak Active'}}</button>
                                                    </form>
                                                </td>
                                                <td>
                                                    <form action="{{route('sliders.destroy', $slider->id)}}" method="post">
                                                        @csrf
                                                        {{method_field('delete')}}
                                                        <button class="btn btn-sm btn-warning">Hapus</button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection