@extends('admin::layouts.master')

@section('title')
    Blog
@endsection

@section('breadcrumb')
    @php
        $breadcrumbData = [
            [
                'title' => 'Blog',
                'link' => 'null',
            ],
            [
                'title' => 'Dashboard',
                'link' => route('dashboard'),
            ],
            [
                'title' => 'Blogs',
                'link' => null,
            ],
        ];
    @endphp
    @include('admin::layouts.partials.breadcrumb', $breadcrumbData)
@endsection

@section('content')
    <div class="card">
        <div class="row">
            <div class="col-md-6">
                <h4 class="card-header">List of Blog</h4>
            </div>
            <div class="col-md-6">
                <div class="flex-column flex-md-row">
                    <div class="dt-action-buttons text-end pt-3 px-3">
                        <div class="dt-buttons btn-group flex-wrap">
                            <a href="{{ route('cms.blogs.create') }}"
                                class="btn btn-secondary create-new btn-primary d-none d-sm-inline-block text-white">
                                <i class="bx bx-plus me-sm-1"></i>
                                Add New
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card-datatable table-responsive">
            <table class="datatables-users table border-top">
                <thead class="table-light">
                    <tr>
                        <th>S.N</th>
                        <th>Title With Image</th>
                        <th>Author</th>
                        <th>Published Date</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>

                <tbody class="table-border-bottom-0">
                    @if (count($blogs) > 0)
                        @foreach ($blogs ?? [] as $blog)
                            <tr>
                                <td>
                                    #{{ $loop->iteration }}
                                </td>
                                <td>
                                    <div class="d-flex align-items-center me-3">
                                        <img src="{{ asset($blog->image_path ? 'storage/uploads/' . $blog->image_path : 'backend/uploads/images/no-Image.jpg') }}"
                                            alt="Image" class="rounded me-3" height="40" width="60"
                                            style="object-fit: cover">
                                        <div class="card-title mb-0 px-3">
                                            <h6 class="mb-0">{{ $blog->title }}</h6>
                                            <small class="text-muted">{{ Str::limit($blog->summary, 80) }}</small>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    {{ $blog->author }}
                                </td>
                                <td>
                                    {{ $blog->published_date->toFormattedDateString() }}
                                </td>
                                <td>
                                    <span class="badge bg-label-{{ $blog->status == 'active' ? 'success' : 'danger' }}">
                                        {{ $blog->status }}</span>
                                </td>
                                <td>
                                    <div class="dropdown">
                                        <button type="button" class="btn p-0 dropdown-toggle hide-arrow"
                                            data-bs-toggle="dropdown">
                                            <i class="bx bx-dots-vertical-rounded"></i>
                                        </button>
                                        <div class="dropdown-menu">
                                            <a class="dropdown-item"
                                                href="{{ route('cms.blogs.edit', ['uuid' => $blog->uuid]) }}"><i
                                                    class="bx bx-edit-alt me-1"></i>
                                                Edit</a>


                                            <form method="POST"
                                                action="{{ route('cms.blogs.delete', ['uuid' => $blog->uuid]) }}"
                                                id="deleteForm_{{ $blog->uuid }}" class="dropdown-item">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="border-0 bg-transparent deleteBtn"
                                                    style="color:inherit"><i class="bx bx-trash me-1"></i> Delete</button>
                                            </form>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="6">No record found.</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
        <div class="px-3">
            {{ $blogs->links('admin::layouts.partials.pagination') }}
        </div>
    </div>
@endsection

{{-- style --}}
@push('required-styles')
    @include('admin::vendor.dataTables.style')
@endpush

{{-- script --}}
@push('required-scripts')
    @include('admin::vendor.dataTables.script')
@endpush