@extends('front.app')

@section('content')
<section data-aos="fade-up" class="inner_banner">
	<img class="img-fluid w-100 d-none d-md-block" src="{{asset('front/images/patient_story_banner.webp')}}" alt="banner">
	<img class="img-fluid w-100 d-block d-md-none" src="{{asset('front/images/patient_story_mobbanner.webp')}}" alt="banner">
	<div class="innerbanner_text"></div>
	@include('front.banner_base')
</section>
<!--************************************* patient_story *************************************-->
<section class="patient_story">
	<div class="container">
		<div class="row">
			<div data-aos="fade-up" class="col-12 text-center">
				<h1 class="mb-5">Patient Story</h1>
			</div>
		</div>
		<div class="row align-items-center">

		@foreach($blogs as $blog)
			<div data-aos="fade-up" class="col-xl-4 col-md-6 col-12">
				<a class="w-100 float-start patient_story_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{route('front.patient_story.details',['slug' => $blog->slug ])}}">
					<h4 class="text-center">{{$blog->name}} <br> {{$blog->age}} Yrs  {{$blog->diagnosis_short == '.' ? '' : '– '.$blog->diagnosis_short}}</h4>
					<img class="img-fluid trs ms-2" src="{{asset('front/images/patient_story_list_arrow.svg')}}" alt="Patient Story">
				</a>
			</div>
			
			@endforeach
			
			
			
		</div>
	</div>
</section>
<!--************************************* footer *************************************-->
@endsection