@extends('frontend.layouts-user.app')
@section('title')@endsection
@section('content')
<!--start content-->
          <main class="page-content">

            <!--breadcrumb-->
            <div class="page-breadcrumb d-none d-sm-flex align-items-center">
              <div class="breadcrumb-title pe-3 text-white">User Dashboard</div>
              <div class="ps-3">
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt text-white"></i></a>
                    </li>
                    <li class="breadcrumb-item active text-white" aria-current="page">Blog Post</li>
                  </ol>
                </nav>
              </div>
            
            </div>
            <!--end breadcrumb-->
           
            <div class="profile-cover bg-dark"></div>

            <div class="card radius-10">
              <div class="card-header bg-transparent">
                <div class="row g-3 align-items-center">
                  <div class="col">
                    <h5 class="mb-0">Blog Post list</h5>
                   
                  </div>
                  <div class="col">
                    <div class="d-flex align-items-center justify-content-end gap-3 cursor-pointer">
   
                <a href="{{ url('blog-create') }}" class="btn btn-danger">Create Post</a>
								
                    </div>
                  </div>
                 </div>
              </div>
              <div class="card-body">
                <div class="table-responsive">
                  <table class="table align-middle mb-0">
                  <thead class="table-dark">
                      <tr>
                          <th>Sn.</th>
                          <th>Image</th>
                          <th>Title</th>
                          <th>Published At</th>
                          <th colspan="2">Action</th>
                      </tr>
                  </thead>
                  <tbody>
                     
                      @forelse($posts as $key => $item)
                      <tr>
                          <td>{{ $key + 1 }}</td>
                          <td>
                              <img src="{{ asset('post_images/'.$item->featured_image) }}" 
                                  alt="{{ $item->name }}" width="80">
                          </td>
                          <td>{{ $item->name }}</td>

                          <td>{{ \Carbon\Carbon::parse($item->created_at)->format('Y-m-d') }}</td>

                          <td>
                              <div class="d-flex align-items-center gap-3 fs-6">

                                  {{-- View --}}
                                  <a href="{{ url('blogs', $item->slug) }}" 
                                    class="text-primary" title="View" target="_blank">
                                      <i class="bi bi-eye-fill"></i>
                                  </a>

                                  {{-- Edit --}}
                                  <a href="{{ url('blogedit', $item->id) }}" 
                                    class="text-warning" title="Edit">
                                      <i class="bi bi-pencil-fill"></i>
                                  </a>

                              </div>
                          </td>
                      </tr>

                      @empty
                      <tr>
                          <td colspan="5" class="text-center">No posts found</td>
                      </tr>
                      @endforelse

                  </tbody>
              </table>
                </div>
              </div>
            </div>

      
          </main>
       <!--end page main-->
@endsection