@extends('manager.layouts.app')
@section('page_title')
    {{ !empty($page_title) && isset($page_title) ? $page_title : '' }}
@endsection
@push('head-scripts')
    {{-- <link rel="stylesheet" href="{{ asset('admin/datatable/datatables.min.css') }}" rel="stylesheet" /> --}}
@endpush
@section('content')
    <div class="card mt-3">
        <div class="card-body">
            {{-- Start: Page Content --}}
            <div class="d-flex justify-content-between">
                <div>
                    <h4 class="card-title mb-0">Blog Posts</h4>
                    <div class="small text-medium-emphasis">List of All Blog Posts</div>
                </div>
                <div class="btn-toolbar d-none d-md-block" role="toolbar" aria-label="Toolbar with buttons">
                    {{-- @can('manager_news-event_create') --}}
                        <a href="{{ route('manager.blogs.create') }}" class="btn btn-sm btn-primary">Add New</a>
                    {{-- @endcan --}}
                    {{-- @can('manager_news-event_activity-log-trash')
                        <a href="{{ !empty($trash) && isset($trash) ? $trash : '' }}"
                            class="btn btn-sm btn-danger">{{ !empty($trash_text) && isset($trash_text) ? $trash_text : '' }}</a>
                    @endcan --}}
                    {{-- @can('manager_news-event_category-list') --}}
                        <a>
                            <li class="nav-item dropdown d-flex float-end mx-1">
                                <a class="dropdown-toggle  btn btn-info py-1" href="#" data-coreui-toggle="dropdown"
                                    data-coreui-auto-close="outside"><i class="nav-icon text-dark cil-settings fw-bold"></i></a>
                                <ul class="dropdown-menu shadow ">
                                    <li><a class="dropdown-item " href="{{ route('manager.blog.category.index') }}"> <i
                                                class="cil-map"></i> Categories</a>
                                    </li>
                                </ul>
                            </li>
                        </a>
                    {{-- @endcan --}}

                </div>
            </div>
            <hr>

            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-coreui-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            <form method="GET" action="{{ route('manager.blogs.index') }}"
                class="d-flex justify-content-between align-items-center mb-3">
                <div class="d-flex align-items-center">
                    <label for="status" class="me-2 mb-0">Status:</label>
                    <select name="status" id="status" class="form-select me-3" style="width: 180px;"
                        onchange="this.form.submit()">
                        <option value="">All</option>
                        <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>Draft</option>
                        <option value="published" {{ request('status') == 'published' ? 'selected' : '' }}>Published
                        </option>
                        <option value="archived" {{ request('status') == 'archived' ? 'selected' : '' }}>Archived</option>
                    </select>
                </div>

                <div class="d-flex align-items-center">
                    <label class="me-2 mb-0">Search:</label>
                    <input type="text" name="search" value="{{ request('search') }}" class="form-control"
                        placeholder="Search..." style="width: 250px;">
                </div>
            </form>



            {{-- Datatatble : Start --}}
            <div class="row">
                <div class="col-12">
                    <div class="table-responsive">
                        <table id="indextable"
                            class="table table-bordered table-striped table-hover table-responsive w-100 pt-1">
                            <thead class="table-dark">
                                <th>#</th>
                                <th>Title</th>
                                <th>Date</th>
                                <th>Summary</th>
                                <th>Status</th>
                                <th>Actions</th>
                            </thead>
                            <tbody>
                                @forelse($blogs as $blog)
                                    @php
                                        if ($blog->status == 'published') {
                                            $badge = 'bg-success';
                                        } elseif ($blog->status == 'draft') {
                                            $badge = 'bg-warning text-dark';
                                        } else {
                                            $badge = 'bg-secondary';
                                        }
                                    @endphp
                                    <tr>
                                        <td>{{ $blog->id }}</td>

                                        <td>{{ $blog->title }}</td>

                                        <td>{{ $blog->created_at->format('d M Y') }}</td>

                                        <td>{{ $blog->excerpt }}</td>

                                        {{-- STATUS BADGE --}}
                                        <td>
                                            <span class="badge {{ $badge }}">
                                                {{ ucfirst($blog->status) }}
                                            </span>
                                        </td>
                                        {{-- ACTION BUTTONS --}}
                                        <td>
                                            <a href="{{ route('manager.blogs.edit', $blog->id) }}" class="btn btn-sm btn-primary">
                                                Edit
                                            </a>

                                            <form action="{{ route('manager.blogs.destroy', $blog->id) }}" method="POST"
                                                class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger"
                                                    onclick="return confirm('Delete this blog?')">
                                                    Delete
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center">No Blogs Found</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            {{-- Datatatble : End --}}
            {{-- Page Description : Start --}}
            @if (!empty($p_description) && isset($p_description))
                <div class="card-footer">
                    <div class="row">
                        <div class="col-12 mb-sm-2 mb-0">
                            <p>{{ !empty($p_description) && isset($p_description) ? $p_description : '' }}</p>
                        </div>
                    </div>
                </div>
            @endif
            {{-- Page Description : End --}}
            {{-- End: Page Content --}}
        </div>
    </div>
@endsection
@push('footer-scripts')
    <script type="text/javascript" src="{{ asset('admin/datatable/datatables.min.js') }}"></script>
    {{-- Toastr : Script : Start --}}
    @if (Session::has('messages'))
        <script>
            noti({!! json_encode(Session::get('messages')) !!});
        </script>
    @endif
    {{-- Toastr : Script : End --}}
@endpush