@extends('frontend.layouts.app')
@section('title', 'Blogs')
@section('content')
@include('frontend.common.header')
@if ($contents->count() > 0)
<section class="pt-0">
    <div class="container">
        <div class="row justify-content-between mb-3 mb-sm-5">
            <div class="col-auto">
                <h2><span class="text-danger">From </span> Our Blogs</h2>
            </div>
        
        </div>
     
        <div class="col-lg-12 col-md-8">
          <div class="row">
            @foreach ($contents as $content)
            <div class="col-lg-3 col-md-12">
				<div class=" article-items">
					<div class="card recruiters-card seller-card equal">
						<img src="{{path_image($content->image)}}" alt="{{$content->title}}" class="img-fluid card-img-top" style="height:180px; width=380px">
						<div class="card-body mb-5">
							<p class="mb-3">{{$content->author ?? null}} / {{site_date_format($content->created_at)}}</p>
							<h5 class="mb-3">{{str_limit($content->title, 30)}}</h5>
                            @if(!empty($content->short_text))
							<p class="mb-4">{{str_limit($content->short_text,30)}}</p>
                            @else
                            <p class="mb-4"><br><br></p>
                            @endif
							<div class="d-grid button-bottom">
								<a href="{{$content->getLink()}}" class="btn btn-outline-primary mb-2" target="_blank">More About</a>
							</div>
						</div>
					</div>
				</div>
            </div>
            @endforeach
        </div>
</div>
    </div>
</section>
@endif
@include('frontend.block.subscribe')
@endsection