@extends('layouts.frontend.frontend-layout')

@section('content')


@foreach($banner as $page)

@php 


$banner    = $page->banner_image;
$page_name = $page->service_name;

@endphp

@endforeach

<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="http://bmp.litost.co.in/storage/app/public/uploads/banner/{{ $banner }}">
  <div class="container pt-200 pb-50">
    <!-- Section Content -->
    <div class="section-content pt-100">
      <div class="row"> 
        <div class="col-md-12">
          <h3 class="title text-white dis-hidden">{{ $page_name }}</h3>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- Section: Blog -->
<section>
  <div class="container mt-30 mb-30 pt-30 pb-30">
    <div class="row">
      <div class="col-md-12">
        <!-- Blog Masonry -->
        <div id="grid" class="portfolio-gallery grid-2 masonry gutter-30 clearfix">

          <!-- Blog Item Start -->
          @foreach ($blogs as $blog)
          <div class="portfolio-item">
            <article class="post clearfix maxwidth600 mb-30">
              <div class="entry-header">
                <div class="post-thumb thumb"> <img src="http://bmp.litost.co.in/storage/app/public/uploads/blog/{{ $blog->thumbnil_image }}" alt="" class="img-responsive img-fullwidth"> </div>
              </div>
              <div class="entry-content border-1px p-20">
                <h5 class="entry-title mt-0 pt-0"><a href="#">{{$blog->blog_name}}</a></h5>
                <div class="entry-meta">
                  <ul class="list-inline entry-date font-12 mt-5">
                    <li><span class="text-theme-colored">{{$blog->datevalue}}</span></li>
                    <!--<li><a class="text-theme-colored" href="#">| Admin</a></li>-->
                  </ul>
                </div>
                <p class="text-left mb-20 mt-15 font-13">{{$blog->sub_content}}</p>
                <a class="btn btn-dark btn-theme-colored btn-sm btn-flat pull-left mt-0" href="blog_details.php">Read more</a>
                <div class="clearfix"></div>
              </div>
            </article>
          </div>
          @endforeach
          <!-- Blog Item End -->
        </div>
        <!-- Blog Masonry -->
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <nav>
          <ul class="pagination theme-colored xs-pull-center m-0">
            <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">...</a></li>
            <li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</section>

@endsection