@extends('admin.layout.app')
@section('content')
    <div class="main-panel">
        <div class="content">
            <div class="page-inner element-1">

                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header d-flex" style="justify-content: space-between;">
                                <h4 class="card-title">Blog Management</h4>
                                <div>

                                    <a class="btn btn-primary" href="{{ route('admin_create_blog')}}"><b><i
                                                class="fa fa-plus"></i> Add Blog</b></a>
                                </div>

                            </div>
                            <div class="card-body element-2">
                                <div class="table-responsive">
                                    <table id="basic-datatables" class="display table table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th>S.No.</th>
                                                <th>Category</th>
                                                <th>Title</th>
                                                <th>Image</th>
                                                <th>Status</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php $sr = 1 @endphp

                                            @forelse($blogs as $blog)
                                                <tr>
                                                    <td>{{ $sr++ }}</td>
                                                    <td>{{$blog->blogCategory ? $blog->blogCategory->title : ''}}</td>
                                                    <td>{{$blog->title ?? ''}}</td>
                                                    <td>
                                                        <img src="{{ $blog->image ? asset($blog->image) : asset('notImage.jpg') }}"
                                                            width="auto" height="50" alt="Image">
                                                    </td>
                                                    <td>
                                                        @if($blog->status == 1)
                                                            <span class="text-success">Active</span>
                                                        @else
                                                            <span class="text-danger">Inactive</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <div class="form-button-action">
                                                            <a href="{{ route('edit_blog', [base64_encode($blog->id)]) }}"
                                                                class="btn  btn-primary btn-sm mr-1" title="Edit"><i
                                                                    class="fa fa-edit"></i>
                                                            </a>


                                                            <button type="button" @if($blog->status == 1)
                                                            class="btn btn-danger btn-xs mr-2" id="deactivate" @else
                                                                class="btn btn-success btn-xs mr-2" id="activate" @endif
                                                                href="{{ url('admin/status-blog')}}/{{base64_encode($blog->id)}}">@if($blog->status == 1)
                                                                    <i class="fa fa-lock" aria-hidden="true" title="In Active"></i>
                                                                @else <i class="fa fa-unlock" aria-hidden="true"
                                                                title="Active"></i> @endif</button>

                                                            <button id="delete" href="{{ route('delete_blog', [$blog->id]) }}"
                                                                class="btn btn-danger btn-sm jsgrid-delete-button" type="button"
                                                                title="Delete"><i class="fa fa-trash"></i>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @empty

                                            @endforelse
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


@endsection