@extends('layouts.app')

@section('content')
    <div class="container">

        <br>
        <br>
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-heading">All Slider Images

                </div>

                <div class="panel-body">
                    <div class="table-responsive">
                        <table class="table table-hover table-condensed" id="slidersTable">
                            <thead>
                            <tr>
                                <th><span>id.</span></th>
                                <th><span>Image</span></th>
                                <th><span>Action</span></th>

                            </tr>
                            </thead>
                            <tbody >

                            @foreach($sliders as $slider)
                                <tr>
                                    <th>{{$slider->id}}</th>
                                   <th><img height="150" width="150" src="{{asset($slider->image_url)}}" /></th>
                                    <th><a href="{{url('/admin/slider/delete/'.$slider->id)}}" class="btn btn-danger">Delete</a> </th>
                                </tr>

                            @endforeach
                            </tbody>
                        </table>

                    </div>

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

@endsection
@section('footerscript')
    <script>
        $("#slidersTable").dataTable();
    </script>

@endsection