@extends('layouts.shared.admin-data-listing')

@section('title', 'Blogs')
@section('shortDesc', 'See all resources uploaded.')
@section('url', 'admin/blogs/new')

@section('filters')
<form method="GET" class="d-flex flex-column gap-3">
    <h5 class="card-title m-0">Filter</h5>

    <select name="status" class="form-select form-select-sm">
        <option disabled selected>By payment status</option>
        <option value="success">Published</option>
        <option value="failed">Draft</option>
    </select>

    <button class="btn-cta text-white fill w-100">Apply</button>
</form>
@endsection

@section('data')
<div class="table-responsive">
    <table class="table table-hover align-middle">
        <thead>
            <tr>
                <th>
                    <h6 class="m-0">{{'#'}}</h6>
                </th>
                <th>
                    <h6 class="m-0">{{'Title'}}</h6>
                </th>
                <th>
                    <h6 class="m-0">{{'Category'}}</h6>
                </th>
                <th>
                    <h6 class="m-0">{{'Date'}}</h6>
                </th>
            </tr>
        </thead>
        <tbody>
            @forelse($blogs as $key=>$blog)

            <tr>
                <td>{{$key+1}}.</td>
                <td>
                    <a href="{{url('admin/blog/edit/'.$blog->id)}}">
                        <h6>{{$blog->title}}</h6>
                    </a>
                    <ul class="d-flex gap-2 align-items-center">
                        <li>
                            <a class="text-primary" href="{{url('admin/blog/edit/'.$blog->id)}}">{{'Edit'}}</a>
                        </li>
                        <li>
                            <a class="text-danger" href="{{url('admin/blog/edit/'.$blog->id)}}">{{'Delete'}}</a>
                        </li>
                    </ul>
                </td>
                <td>
                    <span class="status success">{{'Uncategorized'}}</span>
                </td>
                <td>
                    <span class="small d-block fw-medium">{{$blog->published_at ? 'Published' : 'Draft'}}</span>
                    <span class="small text-nowrap">{{ $blog->created_at->format('Y-m-d') }}</span>
                </td>
            </tr>
            @empty
            <p>No blogs found</p>
            @endforelse
        </tbody>
    </table>
</div>
@endsection