@extends('front.layouts.app')
@section('content')
	
<section class="about-sec">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<div class="about-cont animate__animated wow animate__fadeInUp">
					<h2>
						{{__('front.home-about title')}}
					</h2>
					<p>
						{{__('front.home-about text')}}
					</p>
					@foreach (explode('|', __('front.home-about list')) as $item)
						
					<div class="item">
						<img src="/assets/pic/Group 11628.png" alt="">
						<span class="text">{{$item}}</span>
					</div>
					@endforeach

				</div>
			</div>
			<div class="col-lg-6">
				<div class="pic-effect-outer mt-3 mt-lg-0 wow animate__animated animate__rotateInUpRight">
					<div class="inner">
						<img src="/assets/pic/pic-eff.png" alt="">
					</div>
					<div class="years">
						<div class="num">{{__('front.home-about num')}}</div>
						<div class="text">{{__('front.home-about badge')}}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="serv-sec">
	<div class="container">
		<div class="sec-title">
			<div class="bold">{{__('front.home-Our Services')}}</div>
			<p class="text-gray">
				{{__('front.home-Our Services text')}}
			</p>
		</div>
	</div>
	<div class="container">
		<div class="row">
			@foreach ($services as $item)
				@include('front.pages.blocks.home.service')
			@endforeach
		</div>
	</div>
</section>
<section class="work-sec">
	<div class="container-fluid">
		<div class="sec-title wow animate__animated animate__zoomIn">
			<div class="bold">{{__('front.home-Our Work')}}</div>
			<p class="text-gray">
				{{__('front.home-Our Work text')}}
				
			</p>
		</div>
		<div class="row projects-row">
			<!-- each col has 4 cards -->
			@php
				$i=0;
				$ii=0;
			@endphp
				@foreach ($projects as $item)
				@if ($i%4 == 0)
				<div class="col-md-4 col-sm-12">
					
					@endif
					
					@include('front.pages.blocks.home.project')
				@php
					$i++;
					$ii++;
					if($i == 4){
						$i = 0;
					}
				@endphp
				@if (($i % 4) == 0 || ($projects->count() == $ii))
				</div>
				@endif
				@endforeach
		</div>
	</div>
	</div>
</section>
<section class="news-sec">
	<div class="container">
		<div class="sec-title">
			<div class="bold">{{__('front.home-Latest News')}}</div>
			<p class="text-gray">
				{{__('front.home-Latest News text')}}
				
			</p>
		</div>
		<div class="swiper news-slider">
			<div class="swiper-wrapper">
				@foreach (\App\Models\Post::latest()->limit(10)->get() as $item)
				<div class="swiper-slide">
					@include('front.pages.blocks.home.post')
				</div>
				@endforeach
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination s-pagi1"></div>
		</div>
	</div>
</section>
<section class="clints-sec">
	<div class="sec-bg-wr">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="need-card wow animate__animated animate__fadeInUp">
						<h3>{{__('front.home-review text')}}</h3>
						<a href="{{route('page.contact')}}" class="btn btnstyle3 hov1">
							<span>{{__('front.home-Contact Us')}}</span>
						</a>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="speech-card">
						<div class="swiper speech-slider">
							<div class="swiper-wrapper">
								@foreach (\App\Models\Review::orderby('sort_by', 'asc')->limit(15)->get() as $item)
								<div class="swiper-slide">
									@include('front.pages.blocks.home.review')
								</div>
									
								@endforeach
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="container">
		<div class="sec-title">
			<div class="bold">{{__('front.home-Partners')}}</div>
			<p class="text-gray">
				{{__('front.home-Partners text')}}
			</p>
		</div>
		<div class="row">
			@foreach ($partners as $item)
				<div class="col-lg-2 col-md-4 col-6">
					<div class="clint-card wow animate__animated animate__zoomIn">
						<img src="{{getImage($item->image)}}" alt="">
					</div>
				</div>
				
			@endforeach

		</div>
	</div>
</section>
<section class="contact-sec">
	<div class="container">
		<div class="row">
			<div class="col-lg-7 wow animate__animated animate__fadeInUp">
				<div class="sec-title">
					<div class="bold">{{__('front.home-contact')}}</div>
					<p class="text-gray">
						{{__('front.home-contact text')}}
					</p>
				</div>
				
				<form method="post" action="{{route('page.contact')}}" class="mx-auto form-style " id="checkformValid">
                        @csrf
					<div class="row">
						<div class="col-md-6">
							<input type="text" name="name" required class="form-control" placeholder="{{__('front.contact-Your Name')}}">
							@error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
						</div>
						<div class="col-md-6">
							<input type="email" name="email" required class="form-control" placeholder="{{__('front.contact-Your Email')}}">
							@error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
						</div>
						<div class="col-md-6" style=" direction: ltr; ">
							<input type="tel" name="phone" required class="form-control phone-inp" id="" placeholder="{{__('front.contact-Phone Number')}}">
							@error('phone')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                            @if(app()->getLocale() == 'ar')
                            <span class="error-msg">يرجي ادخال رقم هاتف صحيح</span>
                            @else
                            <span class="error-msg">Invalid phone number</span>
                            @endif
						</div>
						<div class="col-md-6">
							<input type="text" name="subject" required class="form-control" placeholder="{{__('front.contact-Subject')}}">
							@error('subject')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
						</div>
						<div class="col-sm-12 mt-2">
							<textarea name="message" required class="form-control" placeholder="{{__('front.contact-Your Message')}}" rows="5"></textarea>
							@error('message')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
						</div>
						<div class="col-12 btn-wr">
							<button type="submit" class="btn btnstyle4 hov2">
								<span>
									{{__('front.home-Send')}}
									<i data-feather="arrow-right"></i>
								</span>
							</button>
						</div>
					</div>
				</form>
			</div>
			<div class="d-none d-lg-block col-lg-5">
				<div class="ph-outer wow animate__animated animate__fadeInUp">
					<div class="img-wr phov1">
						<img src="{{getImage(getSettingValue('contact_image'))}}" alt="">
					</div>
				</div>

			</div>
		</div>
	</div>
</section>
@endsection