@extends('dreamon.welcome')
@section('content')
<main class="wrapper">
            <!-- Page Header -->
            <div class="wptb-page-heading" style="background-image: url('dreamon/assets/img/background/page-header-bg.jpg');">
                <div class="container">
                    <div class="wptb-item--inner">
                        <h2 class="wptb-item--title ">Blogs </h2>
                        <div class="wptb-breadcrumb-wrap">
                            <ul class="wptb-breadcrumb">
                                <li><a href="{{route('home')}}">Home</a></li>
                                <li><a href="#">Pages</a></li>
                                <li><span>Blog List</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Blog List -->
            <section class="wptb-blog-list-one">
                <div class="container">
                    
                    <div class="row">
                        @php
                            $lim=0;
                        @endphp
                        @foreach(CCMS::getBlogs() as $blog)
                        @if(!($blog->parent_blog))
                        @if($lim<4)
                        @php
                            $lim++;
                        @endphp
                        
                        <div class="col-sm-6">
                            <div class="wptb-blog-grid1 active highlight wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="{{route('blogs.single', $blog->alias)}}" class="wptb-item-link"><img src="{{asset($blog->image)}}" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        
                                        <h5 class="wptb-item--title"><a href="{{route('blogs.single', $blog->alias)}}">{{$blog->title}}</a></h5>
                                        <style>
                                            #special-description {
                                                display: -webkit-box;
                                                -webkit-line-clamp: 4;
                                                -webkit-box-orient: vertical;
                                                overflow: hidden;
                                            }
                                        </style>
                                        <div id="special-description">
                                        <p class="wptb-item--description">{!!$blog->text!!}</p>
                                        </div>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="{{route('blogs.single', $blog->alias)}}"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                        @endif
                        @endforeach
                        <!-- <div class="col-sm-6">
                            <div class="wptb-blog-grid1 wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="blog-details.php" class="wptb-item-link"><img src="{{asset('dreamon/assets/img/blog/2.jpg')}}" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        
                                        <h5 class="wptb-item--title"><a href="blog-details.php">How to be selected in the top
                                            ranked university fro all over
                                            United Kingdom</a></h5>
                                        <p class="wptb-item--description">  Our business consulting programs helps to break the performance of your business down into customers and product groups so you know exactly</p>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="blog-details.php"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="wptb-blog-grid1 wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="blog-details.php" class="wptb-item-link"><img src="assets/img/blog/3.jpg" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        
                                        <h5 class="wptb-item--title"><a href="blog-details.php">What should you do for
                                            2nd attempt if your first visa
                                            attempt rejected</a></h5>
                                        <p class="wptb-item--description">  Our business consulting programs helps to break the performance of your business down into customers and product groups so you know exactly</p>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="blog-details.php"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="wptb-blog-grid1 wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="blog-details.php" class="wptb-item-link"><img src="assets/img/blog/4.jpg" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        
                                        <h5 class="wptb-item--title"><a href="blog-details.php">Papers you needed for Spouse
                                            visa accompanied with work
                                            permit</a></h5>
                                        <p class="wptb-item--description">  Our business consulting programs helps to break the performance of your business down into customers and product groups so you know exactly</p>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="blog-details.php"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="wptb-blog-grid1 wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="blog-details.php" class="wptb-item-link"><img src="assets/img/blog/11.jpg" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        <h5 class="wptb-item--title"><a href="blog-details.php">We help Making your dream
                                            into Reality when you want to
                                            study abroad</a></h5>
                                        <p class="wptb-item--description">  Our business consulting programs helps to break the performance of your business down into customers and product groups so you know exactly</p>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="blog-details.php"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="wptb-blog-grid1 wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="blog-details.php" class="wptb-item-link"><img src="assets/img/blog/12.jpg" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        
                                        <h5 class="wptb-item--title"><a href="blog-details.php">How to be selected in the top
                                            ranked university fro all over
                                            United Kingdom</a></h5>
                                        <p class="wptb-item--description">  Our business consulting programs helps to break the performance of your business down into customers and product groups so you know exactly</p>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="blog-details.php"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="wptb-blog-grid1 wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="blog-details.php" class="wptb-item-link"><img src="assets/img/blog/13.jpg" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        
                                        <h5 class="wptb-item--title"><a href="blog-details.php">What should you do for
                                            2nd attempt if your first visa
                                            attempt rejected</a></h5>
                                        <p class="wptb-item--description">  Our business consulting programs helps to break the performance of your business down into customers and product groups so you know exactly</p>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="blog-details.php"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="wptb-blog-grid1 wow fadeInLeft">
                                <div class="wptb-item--inner">
                                    <div class="wptb-item--image">
                                        <a href="blog-details.php" class="wptb-item-link"><img src="assets/img/blog/14.jpg" alt="img"></a>
                                    </div>
                                    <div class="wptb-item--holder">
                                        
                                        <h5 class="wptb-item--title"><a href="blog-details.php">Papers you needed for Spouse
                                            visa accompanied with work
                                            permit</a></h5>
                                        <p class="wptb-item--description">  Our business consulting programs helps to break the performance of your business down into customers and product groups so you know exactly</p>
                                        
                                        <div class="wptb-item--button"> 
                                            <a class="btn--readmore" href="blog-details.php"> 
                                                <span class="btn-readmore--text" style="color: #04adef;"> Read More </span> 
                                                <span class="btn-readmore--icon" style="color: #04adef;"> <i class="bi bi-arrow-right"></i> </span> 
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    </div>

                    <div class="wptb-pagination-wrap text-center">
                        <ul class="pagination">
                            <li><a class="disabled page-number previous" href="#"><i class="bi bi-chevron-left"></i></a></li>
                            <li><span class="page-number current">1</span></li>
                            <li><a class="page-number" href="#">2</a></li>
                            <li><a class="page-number" href="#">3</a></li>
                            <li>.....</li>
                            <li><a class="page-number" href="#">9</a></li>
                            <li><a class="page-number next" href="#"><i class="bi bi-chevron-right"></i></a></li>
                        </ul>
                    </div>
                </div>
            </section>

        </main>
@endsection