@extends('admin.layout.admin')
@section('content')
    <div class="content-page">
        <div class="content">
            <div class="card shadow">
                <div class="card-body">
                    <table id="example">
                        <thead>
                        <tr>
                            <th>Title</th>
                            <th>Image</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($imagesliders as $imageslider)
                            <tr>
                                <td>{{ $imageslider->title }}</td>
                                <td>
                                    @if ($imageslider->hasMedia('imageslider'))
                                        <img src="{{ $imageslider->getFirstMediaUrl('imageslider') }}" width="100" height="100">
                                    @endif
                                </td>
                                <td>
                                    <a href="{{route('admin.imageslider.edit', $imageslider->id)}}">Edit</a>
                                    <a href="{{route('admin.imageslider.destroy' , $imageslider->id)}}">Delete</a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>
            </div>

        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.js"></script>
    <script src="https://cdn.datatables.net/2.0.5/js/dataTables.bootstrap5.js"></script>
    <script>
        $(document).ready(function () {
            $('#example').DataTable();
        });
    </script>
@endsection