@extends('master.master')

@section('content') 
    
    <style type="text/css">
        ol{
            font-size: x-large;
        }

    </style>
    <!-- breadcrumb start -->
    <section class="breadcrumb-section p-0">
        <img src="{{ asset('images/inner-background.jpg')}}" class="bg-img img-fluid" alt="">
        <div class="container">
            <div class="breadcrumb-content">
                <div>
                    <h2>Blog</h2>
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{url('/.')}}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Blog</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb end -->



    <!-- blog details section start-->
    <section class="user-dashboard terms-section">
        <div class="container">
            <div class="row log-in">
                <div class="col-xl-12 col-lg-8 col-12">
                    @foreach($blogDetail as $blog)
                        <div class="blog-single-detail theme-card">
                            <div class="blog-title">
                                @php 
                                    $blogTitle = trim(preg_replace("![^a-z0-9]+!i", "-", $blog->post_title), '-'); 
                                @endphp
                                <h3><a href="{{url('blog/'.$blogTitle)}}"> {!! $blog->post_title !!}</a></h3>
                                <ul class="post-detail">
                                    <li><i class="fas fa-clock"></i> {!! htmlspecialchars_decode(date('j<\s\up>S</\s\up> F Y', strtotime($blog->post_date))) !!}</li>
                                    <li><i class="fa fa-user"></i>  By Portmill Property</li>
                                </ul>
                            </div>
                            <div class="terms-wrap" style="padding: 10px;">
                                <div class="terms-wrapper" style="white-space: pre-line;">
                                    {!! $blog->post_content !!}
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <nav class="theme-pagination">
                    <ul class="pagination">
                        {{ $blogDetail->onEachSide(0)->links() }}
                    </ul>
                </nav>
            </div>
        </div>
    </section>
    <!-- blog details section end-->

    @endsection

    @section('scripts')

@endsection