@extends('Client.layouts.layout')
@section('title', $Blog->title()  )
@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">{{ $Blog->title()  }}</li>
                  </ol>
                </nav>
            </div>
        </div>
    </div>
</div>

<div class="container" style="min-height: 200px;">
    <div class="row py-5">
        <div class="col-12">
            <div class="text-center">
                <img src="{{ asset($Blog->image ?? setting('logo')) }}" alt="Image" class="my-3 SettingImage">
            </div>
            <p class="between_bold h5" style="line-height: 2.2">{!! $Blog->desc() !!}</p>
        </div>
    </div>
    
    <hr>
    <div class="row">
        @foreach ($Blogs as $Blog)
            <div class="col-md-4 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