@extends('dashboard.app')

@section('content')
    <div class="container mx-auto py-5">
        <div class="card">
            <div class="card-title px-3 pt-3">
                <h3>All Blog Posts</h3>
            </div>
        <div class="card-body">
    <div class="table-responsive">
        <table class="table">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">#</th>
                             <th scope="col">Photo</th>
                    <th scope="col">Title</th>
                    <th scope="col">Author</th>
                    <th scope="col">Created At</th>
                    <th scope="col">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($blogs as $d)
                    <tr>
                        <th scope="row">{{ $loop->iteration }}</th>
                            <td>
                                <img src="{{ asset($d->photo) }}" alt="" style="width: 50px; height: 50px;">
                            </td>
                        <td>{{ $d->title }}</td>
                        <td>{{ Str::limit(strip_tags($d->content), 200, ' ...') }}</td>
                        <td>{{ $d->created_at->format('D, M Y') }}</td>
                        <td>

                            <div class="btn-group" role="group" aria-label="Basic example">
  <a href="{{ route('blog.edit', $d->id) }}" class="btn btn-primary">Edit</a>
  <a href="{{ route('blog.show', $d->id) }}" class="btn btn-secondary">View</a>
  <a href="{{ route('blog.delete', $d->id) }}" class="btn btn-danger">Delete</a>
</div>




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

            <div class="card-footer">
                {{ $blogs->links() }}
            </div>
        </div>
    </div>
@endsection