@extends('layouts.index')

@section('content')
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<div class="content-body">
  <!-- row -->
  <div class="container-fluid">
    <div class="form-head d-flex mb-3 mb-md-4 align-items-start">
      <div class="me-auto d-none d-lg-block m-0">
        <h3 class="font-w600 m-0">Blogs List</h3>
      </div>
      <div style="text-align: end;"> <a href="{{route('admin.blog-add')}}" class="btn btn-success">Add Blogs</a> </div>
      @if(session('success'))
      <div class="alert alert-success"> {{ session('success') }} </div>
      @endif
      @if(session('error'))
      <div class="alert alert-danger"> {{ session('error') }} </div>
      @endif </div>
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-body">
            <div class="table-responsive">
              <table id="example5" class="table table-hover mb-0">
                <thead>
                  <tr>
                    <th style="width:50px;">Sr. No.</th>
                    <th style="width:100px;">Blog Pic</th>
                    <th style="width:150px; !important">Title</th>
                    <th style="width:30px;">Status</th>
                    <th style="width:30px;">Edit</th>
                    <th style="width:30px;">Delete</th>
                  </tr>
                </thead>
                <tbody>
                
                @foreach($bloglist as $blog)
                <tr>
                  <td>{{ $bloglist->firstItem() + $loop->index }}</td>
                  <td><img src="{{ asset('blog_images/' . $blog->blog_pic) }}" alt="Blog Picture" width="100" ></td>
                  <td style="max-width: 200px; overflow-x: auto;">{{$blog->title}}</td>
                  <td>{{ucfirst($blog->status)}}</td>
                  <td><a href="{{route('admin.blog-edit',['id' =>$blog->id])}}" class="btn btn-primary">Edit</a></td>
                  <td><a href="{{route('admin.blog-delete',['id' => $blog->id])}}" class="btn btn-danger" onclick="return confirm('Are you sure you want to delete this blog?')">Delete</a> </td>
                <tr> @endforeach
                  </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-12"> {{$bloglist->links()}} </div>
    </div>
  </div>
</div>
@endsection