@extends('layouts.app')
@section('title', $blogs_meta_title)
@section('keywords', $blogs_meta_keywords)
@section('description', $blogs_meta_description)
@section('content')
<div class="tour-title">
  <img  class="w-100 h-100" src="{{ asset('images/bg-banner.jpg') }}" alt="Qualified home tutors in lahore">
  <h2 class="white text-center shadow-text center-text">{{ $blogs_page_heading }}</h2>
</div>
<section id="section3">
  <div class="container-fluid blog-container">
    <div class="row">
      <div class="col-xs-12 col-md-6 col-lg-3 ml-lg-5 order-lg-first order-last mt-3 mt-lg-0">
          <div class="more-info tags">
              <h6 class="black semibold text-center mx-4 mt-3 mb-3 info-title">Popular Tags</h6>   
              <div class="text-center px-3 px-lg-2 pb-3">   
                  @foreach(explode(', ', $blogs_meta_keywords) as $t)
                  <a class="btn btn-outline-primary px-3  mr-1 mb-1 btn-sm " href="#" role="button">{{ $t }}</a>
                  @endforeach
              </div>
          </div> 
          <div class="more-info mx-auto mt-3">
              <h6 class="black semibold text-center mx-4 mt-3 mb-3 info-title">Quick Contact</h6>
              <div class="pb-2">
                  <a href="tel:+923212055553"><h5 class="grey text-center tel-info"><i class="fa text-success fa-phone faa-tada animated mr-2 grey my-lg-0 mb-1"></i>03212055553</h5></a>  
                  <a href="mailto:info@thetutors.pk"><h5 class="grey text-center mail-info"><i class="fa fa-envelope faa-horizontal animated text-success mr-2"></i>info@thetutors.pk</h5></a>
              </div>
          </div>
      </div>
      <div class="col-xs-12 col-md-6 col-lg-8">
        <div class="row">
            @foreach($blogs as $b)
            <div class="col-lg-12 travel-left">
                <div class="single-travel media mb-5">
                    <img class="img-fluid d-flex  mr-3 " src="{{ asset($b->thumbnail) }}" alt="{{ $b->heading }}">
                    <div class="dates tiny white">
                        <span>{{ date('d', strtotime($b->created_at)) }}</span>
                        <p class="white  text-center">{{ date('M', strtotime($b->created_at)) }}</p>
                    </div>
                    <div class="media-body mt-sm-0 mt-3">
                        <a class="title-blog black" href="{{ route('blog.detail', $b->slug) }}"><h6 class="mt-0 ">{{ $b->heading }}</h6></a>
                        <p>{{ str_limit(strip_tags($b->description), 350) }}</p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
      </div>
    </div>
  </div>
</section>
@endsection