@extends('layout.mainlayout')
@section('content')
    @component('components.breadcrumb')
        @slot('title')
            Doctor Pending Blog
        @endslot
        @slot('li_1')
            Doctor Pending Blog
        @endslot
    @endcomponent
    <!-- Page Content -->
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-md-5 col-lg-4 col-xl-3 theiaStickySidebar">
                    @component('components.sidebar_doctor')
                    @endcomponent
                </div>
                <div class="col-md-7 col-lg-8 col-xl-9">
                    <div class="doc-review review-listing">
                        <div class="row mb-5">
                            <div class="col">
                                <ul class="nav nav-tabs nav-tabs-solid">
                                    <li class="nav-item">
                                        <a class="nav-link" href="{{ url('doctor-blog') }}">Acitive Blog</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link active" href="{{ url('doctor-pending-blog') }}">Pending Blog</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-auto">
                                <a class="btn btn-primary btn-sm" href="{{ url('doctor-add-blog') }}"><i
                                        class="fas fa-plus me-1"></i> Add Blog</a>
                            </div>
                        </div>

                        <!-- Blog -->
                        <div class="row blog-grid-row">

                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-01.jpg') }}" alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-01.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Ruby Perrin</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 4 Dec 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">Doccure – Making your
                                                clinic painless visit?</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed do
                                            eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-02.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-02.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Darren Elder</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 3 Dec 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">What are the benefits of
                                                Online Doctor Booking?</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed do
                                            eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-03.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-03.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Deborah Angel</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 3 Dec 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">Benefits of consulting
                                                with an Online Doctor</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-04.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-04.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Sofia Brient</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 2 Dec 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">5 Great reasons to use
                                                an Online Doctor</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-05.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-05.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Marvin Campbell</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 1 Dec 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">Online Doctor
                                                Appointment Scheduling</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-06.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-06.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Katharine Berthold</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 30 Jun 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">Simple steps to make
                                                your doctor visits exceptional!</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-07.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-07.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Linda Tobin</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 28 Jun 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">Choose your own Online
                                                Doctor Appointment</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-08.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-08.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Paul Richard </span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 25 Jun 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">Simple steps to visit
                                                your doctor today</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-09.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-09.jpg') }}"
                                                            alt="Post Author"> <span>Dr. John Gibbs</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 24 Jun 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">5 Great reasons to use
                                                an Online Doctor</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                            <div class="col-md-6 col-xl-4 col-sm-12">

                                <!-- Blog Post -->
                                <div class="blog grid-blog">
                                    <div class="blog-image">
                                        <a href="{{ url('blog-details') }}"><img class="img-fluid"
                                                src="{{ URL::asset('/assets/img/blog/blog-10.jpg') }}"
                                                alt="Post Image"></a>
                                    </div>
                                    <div class="blog-content">
                                        <ul class="entry-meta meta-item">
                                            <li>
                                                <div class="post-author">
                                                    <a href="{{ url('doctor-profile') }}"><img
                                                            src="{{ URL::asset('/assets/img/doctors/doctor-thumb-10.jpg') }}"
                                                            alt="Post Author"> <span>Dr. Olga Barlow</span></a>
                                                </div>
                                            </li>
                                            <li><i class="far fa-clock"></i> 23 Jun 2023</li>
                                        </ul>
                                        <h3 class="blog-title"><a href="{{ url('blog-details') }}">Online Doctoral
                                                Programs</a></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur em adipiscing elit, sed
                                            do eiusmod tempor.</p>
                                    </div>
                                    <div class="row pt-3">
                                        <div class="col"><a href="{{ url('edit-blog') }}" class="text-success"><i
                                                    class="far fa-edit"></i> Edit</a></div>

                                    </div>
                                </div>
                                <!-- /Blog Post -->

                            </div>
                        </div>

                        <!-- Blog Pagination -->
                        <div class="row">
                            <div class="col-md-12">
                                <div class="blog-pagination">
                                    <nav>
                                        <ul class="pagination justify-content-center">
                                            <li class="page-item disabled">
                                                <a class="page-link" href="javascript:;" tabindex="-1"><i
                                                        class="fas fa-angle-double-left"></i></a>
                                            </li>
                                            <li class="page-item">
                                                <a class="page-link" href="javascript:;">1</a>
                                            </li>
                                            <li class="page-item active">
                                                <a class="page-link" href="javascript:;">2 <span
                                                        class="visually-hidden">(current)</span></a>
                                            </li>
                                            <li class="page-item">
                                                <a class="page-link" href="javascript:;">3</a>
                                            </li>
                                            <li class="page-item">
                                                <a class="page-link" href="javascript:;"><i
                                                        class="fas fa-angle-double-right"></i></a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <!-- /Blog Pagination -->
                        <!-- /Blog -->

                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- /Page Content -->
@endsection