@extends('layouts.frontend')
@section('title_page', 'Blog - Rusizi Veterinary')

@section('content')


        <!--Start Single Post Info Area-->
        <section class="single-post-info-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="single-post-info-content text-center">
                            <div class="meta-box">
                                <ul class="meta-info">
                                    <li>By <a href="#">{{ $post->user->name ?? 'Admin' }}</a></li>
                                    <li>On <a href="#">{{ $post->Date->format('F d, Y') }}</a></li>
                                    <li>In <a href="#">{{ $post->CategoryType ?? 'General' }}</a></li>
                                </ul>
                            </div>
                            <h1 class="blog-title"> {{ $post->NewsTitle }}</h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Single Post Info Area-->

        <!--Start blog single area-->
        <section id="blog-area" class="blog-single-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-9 col-lg-8 col-md-12 col-sm-12">
                        <div class="blog-post">
                            <div class="single-blog-post">
                                <div class="main-image-box">
                                    <img src="{{ asset('public/news/' . $post->Image) }}" alt="Awesome Image">
                                </div>
                               
                                <div class="author-quote-box">
                                    <div class="row">
                                        <div class="col-xl-12 col-lg-12">
                                            <div class="text">
                                                <p> {{ $post->NewsDetails }} .</p>
                                                <div class="name">
                                                    <h3>Rusizi Vet Manager, <span>CEO</span></h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
 
                                
 
 
                            </div>

                            <div class="author-box-holder">
                                <div class="inner-box">
                                    <div class="img-box">
                                        <img src="{{asset('images/DefaultImage.png')}}" alt="Awesome Image">
                                    </div>
                                    <div class="text">
                                        <h3>Rusizi Vet Admin, <span>Author</span></h3>
                                        <p>Rusizi Veterinary Company.</p>
                                        <div class="author-social-links">
                                            <p>Follow On:</p>
                                            <ul class="fix">
                                                <li><a href="#">Facebook</a></li>
                                                <li><a href="#">Twitter</a></li>
                                                <li><a href="#">Instagram</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>

                           

                        </div>
                    </div>

                    <!--Start sidebar Wrapper-->
                    <div class="col-xl-3 col-lg-4 col-md-7 col-sm-12">
                        <div class="sidebar-wrapper">
                            <div class="sidebar-search-box">
                        <form action="{{ route('blog.search') }}" method="GET" class="search-form">
                            <input name="query" placeholder="Search news..." type="text">
                            <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                        </form>
                    </div>
                            <!--Start single sidebar-->
                            <div class="single-sidebar categories-box">
                                <div class="sidebar-title">
                                    <div class="title">Categories</div>
                                </div>
                                <ul class="categories clearfix">
                         <li><a href="{{route('frontend.category','Insemination')}}">Insemination</a></li>
                         <li><a href="{{ route('frontend.category','Vaccination') }}">Vaccination</a></li>
                          <li><a href="{{ route('frontend.category','Animal Treatment') }}">Animal Treatment</a></li>
                           <li><a href="{{ route('frontend.category','Animal Insurance') }}">Animal Insurance</a></li>
                            <li><a href="{{ route('frontend.category','Iniative Youth') }}">Iniative Youth</a></li>
                             <li><a href="{{ route('frontend.category','Animal Product Inspection') }}">Animal Product Inspection</a></li>
                             <li><a href="{{ route('frontend.category','One Health') }}">One Health</a></li>
                              
                    </ul>
                            </div>
                            <!--End single sidebar-->
                            <!--Start single sidebar-->
                            <div class="single-sidebar">
                                <div class="sidebar-title">
                                    <div class="title">Recent Post</div>
                                </div>
                                <ul class="recent-post">
                                      @forelse ($recentNews as $recent)
                                <li>
                                    <div class="img-holder">
                                        <img src="{{ asset('public/news/' . $recent->Image) }}" alt="{{ $recent->NewsTitle }}">
                                        <div class="overlay-style-one">
                                            <div class="box">
                                                <div class="content">
                                                    <a href="{{ route('frontend.blog.view', $recent->id) }}">
                                                        <span class="icon-link"></span>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="title-holder">
                                        <span>{{ \Carbon\Carbon::parse($recent->Date)->format('F d, Y') }}</span>
                                        <h5 class="post-title">
                                            <a href="{{ route('frontend.blog.view', $recent->id) }}">
                                                {{ Str::limit($recent->NewsTitle, 40) }}
                                            </a>
                                        </h5>
                                    </div>
                                </li>
                            @empty
                                <li><p>No recent posts.</p></li>
                            @endforelse
                                </ul>
                            </div>
                            <!--End single sidebar-->
                        
                             
                            <!--Start single-sidebar-->
                            <div class="single-sidebar">
                                <div class="sidebar-title">
                                    <div class="title">Our Gallery</div>
                                </div>
                                <ul class="instagram">
                                   

                                    @forelse ($recentImages as $image)
                                    
                                    <li>
                                        <div class="img-holder">
                                            <img width="50"  height="50" src="{{ asset('public/gallery/thumbnails/'.$image->image_path) }}" alt="Awesome Image">
                                            <div class="overlay-style-one">
                                                <div class="box">
                                                    <div class="content">
                                                        <a href="#"><span class="icon-heart"></span>1k</a>
                                                        <a href="#"><span class="icon-comment"></span>84</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                    @empty
                                    <li><p>No images available.</p></li>
                                    @endforelse
                                </ul>
                                <div class="follow-us-button">
                                    <a class="btn-two" href="#">View More Gallery<span class="flaticon-next"></span></a>
                                </div>
                            </div>
                            <!--End single-sidebar-->
                            
                        </div>
                    </div>
                    <!--End Sidebar Wrapper-->


                </div>
            </div>

        </section>
        <!--End blog single area-->


        
@endsection('content')