@extends('Client.layouts.layout')
@section('title', __('trans.blogs')  )
@section('content')
    
<div class="bread position-relative">
    <div class="in_bread">
        <div class="container w-100 h-100 mt-5">
            <div class="d-flex justify-content-center align-items-center w-100 h-100">
                <nav aria-label="breadcrumb">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item h2"><a href="/" class="text-decoration-none">{{ trans('trans.Home') }}</a></li>
                    <li class="breadcrumb-item h2 active" aria-current="page">{{ __('trans.blogs')  }}</li>
                  </ol>
                </nav>
            </div>
        </div>
    </div>
</div>

<div class="container" style="min-height: 200px;">
    <div class="row">
        @foreach ($Blogs as $Blog)
            <div class="col-12 col-lg-4">
                    <img src="{{ asset($Blog->image) }}" class="w-100" alt="Image" style="height: auto;">
                <div class="p-3">
                    <h5 class="card-title my-2">{{ $Blog->title() }}</h5>
                    <a href="{{ route('client.blog',$Blog) }}" class="btn main_bt">@lang('trans.readMore')</a>
                </div>
            </div>
        @endforeach
    </div>
</div>





@endsection