@extends('frontend.layouts.app')
@section('content')
		<section class="innerPageBanner aboutPageBnr">
			<div class="container">
				<div class="contentWrapper__wr wow animate__zoomIn" data-wow-duration="2s">
					<p class="bannerTitle__wr" title="Takhlees-About">{{ translate('About Us')}}</p>
					<ol class="breadcrumb__wr">
						<li><a href="{{route('home-page')}}" title="Takhlees-Home">{{ translate('Home')}}</a></li>
						<li title="Takhlees-About">{{ translate('About Us')}}</li>
					</ol>
				</div>
			</div>
		</section>
		<section class="aboutPageAboutSec__wr">
			<div class="container">
				<div class="row aboutWrap__wr align-items-lg-center">
					<div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
						<picture class="imageBlock__wr wow animate__zoomIn" data-wow-duration="2s">
							<img src="{{uploaded_asset(page_content('about_sec_one_img'))}}" class="img-fluid" alt="about-page-bg" title="about-page-bg" width="" height="">
						</picture>
					</div>
					<div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
						<div class="contentBlock__wr wow animate__fadeInRight" data-wow-duration="2s">
							<div class="secTitle__wr">
								<p class="titleSup__wr">{!! page_content('about_sec_one_sub_title', null, $lang) !!}</p> 
								<p class="title__wr">{{ page_content('about_sec_one_title', null, $lang) }}</p>
							</div>
							{!! page_content('about_sec_one_desc', null, $lang) !!}
						</div>
					</div>
				</div>
				<div class="row missionVisionWrap__wr">
					<div class="col-xl-5 col-lg-5 col-md-12 col-sm-12 col-12">
						<div class="contentBlock__wr wow animate__fadeInLeft" data-wow-duration="2s">
							<div class="secTitle__wr">
								<span class="icon__wr"><img src="{{ uploaded_asset(page_content('about_sec_one_card_one_img')) }}" class="imgsvg"></span>
								<p class="title__wr">{{ page_content('about_sec_one_card_one_title', null, $lang) }}</p>
							</div>
							{!! page_content('about_sec_one_card_one_desc', null, $lang) !!}
							<!-- <p>We have highly professional and well experience Team, who will not only provide you entire satisfaction for your job work, but will guide and support you on each and every step of your work.</p> -->
						</div>
					</div>
					<div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
						<div class="contentBlock__wr wow animate__fadeInRight" data-wow-duration="2s">
							<div class="secTitle__wr">
								<span class="icon__wr"><img src="{{ uploaded_asset(page_content('about_sec_one_card_tow_img')) }}" class="imgsvg"></span>
								<p class="title__wr">{{ page_content('about_sec_one_card_tow_title', null, $lang) }}</p>
							</div>
							{!! page_content('about_sec_one_card_tow_desc', null, $lang) !!}
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="ceoMsgWrapSec__wr abtPageMsg" style="margin-bottom: 80px">
			<div class="container">
				<div class="row align-items-lg-center">
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
						<picture class="jamalImageWrap__wr wow animate__slideInLeft" data-wow-duration="2s">
							<img src="{{ uploaded_asset(page_content('about_sec_tow_img')) }}" class="img-fluid" alt="chaireman-bg" title="chaireman-bg" width="" height="">
						</picture>
					</div>
					<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
						<div class="contentBlock__wr">
							<div class="secTitle__wr">
								<p class="title__wr">{{ page_content('about_sec_tow_title', null, $lang) }}</p>
							</div>
							<p>{!! page_content('about_sec_tow_desc', null, $lang) !!}</p>	
						</div>
					</div>
				</div>
			</div>
		</section>
		<div></div>
		{{--<section class="callStrapSec__wr">
			<div class="container">
				<div class="contentWrap__wr">
					<div class="callBtn__wr wow animate__heartBeat" data-wow-duration="2s"><a href="tel:+971509886666" title="+971509886666"><i class="fa-solid fa-phone"></i></a></div>
					<p class="title__wr">{{ page_content('about_sec_three_title', null, $lang) }}</p>
					<p class="callTitle wow animate__fadeInUp" data-wow-duration="2s">{{ page_content('about_sec_three_sec_title', null, $lang)  }}<a href="{{ page_content('about_sec_three_subtitle_link') }}" title="{{ page_content('about_sec_three_contact_no') }}"><span dir="ltr">{{ page_content('about_sec_three_contact_no', null, $lang) }}</span></a></p>
				</div>
			</div>
		</section>
		 <section class="journeySec__wr">
			<div class="container">
				<div class="secTitle__wr wow animate__fadeInUp" data-wow-duration="2s">
					<p class="title__wr">{{ page_content('about_sec_four_title', null, $lang) }}</p>
				</div>
				<div class="jourTimlineWrapper__wr wow animate__zoomIn" data-wow-duration="2s">
					<div class="swiper timelineYearSwiper">
					 	<div class="swiper-wrapper">
							@if (page_content('about_sec_four_tab_label') != null)
                                @foreach (json_decode(page_content('about_sec_four_tab_label', null, $lang), true) as $key => $value)
					 				<div class="swiper-slide"><a href="javascript:void(0);">{{ date('Y',strtotime($value)) }}</a></div>
								@endforeach
							@endif
					 	</div>
					 	<div class="progressBarWrap__wr">
					 		<div class="timelineLine__wr"></div>
					 	</div>
					</div>
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>
				<div class="jourEventWrapper__wr wow animate__slideInUp" data-wow-duration="2s">
					<div class="swiper timelineEventSwiper">
						<div class="swiper-wrapper">
							@if (page_content('about_sec_four_tab_label') != null)
                                @foreach (json_decode(page_content('about_sec_four_tab_label', null, $lang), true) as $key => $value)
									<div class="swiper-slide">
										<div class="eventContentWrapper__wr container">
											<p class="title__wr">{{ json_decode(page_content('about_sec_four_tab_data_title', null, $lang), true)[$key]}}</p>
											<span class="eventDate__wr">{{ date('Y',strtotime($value)) }}</span>
											<p>{!! json_decode(page_content('about_sec_four_tab_data_desc', null, $lang), true)[$key] !!}</p>
										</div>
									</div>
								@endforeach
							@endif
						</div>
					</div>
				</div>
			</div>
		</section> --}}
		{{--<section class="apointStrapSec__wr">
			<div class="imgOverlay__wr">
				<picture class="imgLeftBlock__wr">
					<img src="{{static_asset('assets/frontend/images/appointment-strap-left-bg.jpg')}}" class="img-fluid" alt="appointment-strap-left-bg" title="appointment-strap-left-bg" width="1500" height="1000">
				</picture>
				<picture class="imgRightBlock__wr">
					<img src="{{static_asset('assets/frontend/images/appointment-strap-right-bg.jpg')}}" class="img-fluid" alt="appointment-strap-right-bg" title="appointment-strap-right-bg" width="1500" height="1000">
				</picture>
			</div>
			<div class="wrapperBlock__wr">
				<p class="title__wr wow animate__fadeInUp" data-wow-duration="2s">{{ page_content('about_sec_five_title', null, $lang) }}</p>
				<p class="callTitle__wr"><a href="{{ page_content('about_sec_five_sub_title_link', null, $lang) }}" title="{{ page_content('about_sec_five_sub_title', null, $lang) }}"><span dir="ltr">{{ page_content('about_sec_five_sub_title', null, $lang) }}</span></a></p>
				<div class="btnParent__wr">
                    <a href="{{ links(page_content('about_sec_five_btn_link', null, $lang)) }}" class="btn primaryBtn__wr appointmentBtn wow animate__zoomIn" data-wow-duration="2s">{{ page_content('about_sec_five_btn_label', null, $lang) }}</a>
                </div>
			</div>
		</section> --}}
@endsection