@extends('quanlynhatro.landing_layout')
@section('title')
    <title>{{ !empty($category) ? $category->meta_title : 'Tổng hợp các kiến thức, kinh nghiệm quản lý nhà trọ - ITRO' }}</title>
@endsection
@section('meta')


    <meta property="og:url" content="{{ url()->current() }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="{{ !empty($category) ? $category->meta_title : 'Tổng hợp các kiến thức, kinh nghiệm quản lý nhà trọ - ITRO' }}"/>
    <meta property="og:description"
          content="{{ !empty($category) ? $category->meta_description : 'Tổng hợp tất cả các kiến thức, các kinh nghiệm hữu ích dành cho chủ nhà trọ. Các kinh nghiệm quản lý nhà trọ, các mô hình kinh doanh nhà trọ...' }}"/>
    <meta property="og:image" content="https://quanlynhatro.com/frontend3/assets/img/logo.png"/>

    <meta name='dmca-site-verification' content='OVl5UDY0M0NyNFRHMGpQT3RhTGFCQT090'/>
    <meta name="yandex-verification" content="4fa39a76cda86dcd"/>
    <meta name="msvalidate.01" content="56882A3F1EB152F4873F9FFE797640F1"/>
    <link rel='canonical' expr:href='data:blog.url'/>
    <meta name="revisit-after" content="1 days">
    <!-- Start Shema.org -->
    <script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "PostalAddress",
        "addressLocality": "Thanh Xuân",
        "addressRegion": "Viet Nam",
        "postalCode":"100000",
        "streetAddress": "Tầng 4, tháp T1, toà nhà Times Tower, 35 Lê Văn Lương, Thanh Xuân, Hà Nội"
    }



    </script>
    <!-- End Shema.org -->

@endsection

@section('content')
    @include('frontend3.header_landing')

    <div class="block-breadcrumb">
        <div class="container">
            <nav class="nav-breadcrumb" aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Trang chủ</a></li>
                    <li class="breadcrumb-item"><a href="/blog">Blog</a></li>
                    @if(isset($category))
                        <li class="breadcrumb-item active" aria-current="page">{{ optional($category)->name }}</li>
                    @else

                    @endif
                </ol>
            </nav>
        </div>
    </div>
    <div class="block-blog">
        <div class="container">
            <div class="block-blog__wrap">
                <div class="block-blog">
                    @if(isset($featuredBlogs))
                        @if($featuredBlogs->count() > 0)
                            <div class="block-blog__featured-posts">
                                <div id="carouselFeaturedBlogPost" class="carousel slide carousel-fade"
                                     data-ride="carousel">
                                    <ol class="carousel-indicators">
                                        <li data-target="#carouselFeaturedBlogPost" data-slide-to="0"
                                            class="active"></li>
                                        <li data-target="#carouselFeaturedBlogPost" data-slide-to="1"></li>
                                    </ol>
                                    <div class="carousel-inner">
                                        @foreach($featuredBlogs as $featuredBlog)
                                            <div class="carousel-item  @if($loop->index == 0) active @endif">
                                                <a href="{{ url('blog/' . $featuredBlog->slug) }}"
                                                   class="single-featured-post">
                                                    <div class="post__photo h-rtg h-rtg--r31">
                                                        <div class="h-rtg__inner h-bg-cover"
                                                             style="background-image: url('{{ $featuredBlog->image_url }}')"></div>
                                                    </div>
                                                    <div class="post__content">
                                                        <h3 class="post__content__title">{{ $featuredBlog->title }}</h3>
                                                        <div class="post__content__excerpt">{{ \Illuminate\Support\Str::words(strip_tags(html_entity_decode($featuredBlog->content))) }}</div>
                                                    </div>
                                                </a>
                                            </div>
                                        @endforeach
                                    </div>
                                    <a class="carousel-control carousel-control-prev" href="#carouselFeaturedBlogPost"
                                       role="button" data-slide="prev">
                                        <i class="mdi mdi-chevron-left"></i>
                                    </a>
                                    <a class="carousel-control carousel-control-next" href="#carouselFeaturedBlogPost"
                                       role="button" data-slide="next">
                                        <i class="mdi mdi-chevron-right"></i>
                                    </a>
                                </div>


                                @endif
                                @endif
                            </div>
                            <div class="block-blog__list-posts">
                                <div class="row">
                                    @foreach($blogs as $blog)
                                        <div class="col-12 col-sm-6 col-md-4">
                                            <div class="block-blog__single-post">
                                                <div class="post__photo h-rtg h-rtg--r32">
                                                    <a href="{{ url('blog/' . $blog->slug) }}"
                                                       class="h-rtg__inner bg-color-grey-200"><img
                                                                src="{{ $blog->image_url }}" alt=""
                                                                class="ht-img-obj-cover"></a>
                                                </div>
                                                <div class="post__content">
                                                    @if($blog->is_sale)
                                                        @if($blog->sale_status != App\Models\Blog::SALE_NO_TIME)
                                                            <div class="post__tag">

                                                                <div class="tag-post-status">
                                                                    @if($blog->sale_status == App\Models\Blog::SALE_ONGOING)
                                                                        <span class="badge badge--orange">Đang diễn ra</span>
                                                                    @elseif($blog->sale_status == App\Models\Blog::SALE_END)
                                                                        <span class="badge badge--teal">Đã kết thúc</span>
                                                                    @elseif($blog->sale_status == App\Models\Blog::SALE_END)
                                                                        <span class="badge badge--blue">Sắp diễn ra</span>
                                                                    @endif
                                                                </div>
                                                                <div class="tag-post-time active">
                                                                    {{ optional($blog->start_date)->format('d/m') }}
                                                                    - {{ optional($blog->end_date)->format('d/m') }}
                                                                </div>
                                                            </div>
                                                        @endif
                                                    @endif
                                                    <h3 class="post__content__title"><a
                                                                href="{{ url('blog/'. $blog->slug) }}">{{ $blog->title }}</a>
                                                    </h3>
                                                    <div class="post__content__meta ht-oneline">
                                                        @if(!empty($blog->category_first))
                                                            <span><a href="{{ url('blog/danh-muc/'. $blog->slug) }}">{{ $blog->categories_text }}</a></span>
                                                        @endif
                                                        <span>{{ $blog->created_at->format('d/m/Y') }}</span>
                                                    </div>
                                                    <div class="post__content__descr">{{ \Illuminate\Support\Str::words(strip_tags(html_entity_decode($blog->content))) }}</div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="d-flex justify-content-center mt-3">
                                <nav class="nav-pagination">
                                    {!! $blogs->appends(request()->except(['page','_token']))->onEachSide(4)->links('vendor.pagination.new_ui_pagination') !!}
                                </nav>
                            </div>
                </div>
            </div>
        </div>
@endsection