@extends('frontend.layouts.master')
@section('title') {{ __('header.home_title') }} @endsection
@section('main-content')
@include('frontend.layouts.notification')
	
<!-- Hero Section Begin -->
@if(count($banners)>0)
	<section class="hero-section" id="hero-1-section" style="min-height: 55vh;">
		
		<div class="hero-slider owl-carousel">
			@foreach($banners as $key=>$banner)
				<div class="hs-item set-bg" data-setbg="{{ Storage::url($banner->photo) }}">
					<div class="container">
						<div class="row">
							<div class="col-lg-6">
								<div class="hero-text">
									<h1>{{$banner->title}}</h1>
									<p>{{$banner->description}}</p>
									<a href="{{$banner->link}}" class="primary-btn">{{$banner->button}}</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				{{-- <div class="hs-item set-bg" data-setbg="{{ asset('frontend/img/hero/hero-2.jpg')}}"></div> --}}
			@endforeach
		</div>
	</section>
	<script>
		(function($){
			jQuery('#hero-1-section').owlCarousel({
				margin: 0,
				dots: true,
				autoplay: true,
				autoplayTimeout: 1000,
				navText: ["<span><</span>","<span>></span>"]
			});
		})(jQuery);
	</script>
@endif
<!-- Hero Section End -->

<!-- About Us Section Begin -->
<section class="aboutus-section spad">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<div class="about-text">
					<div class="section-title">
						<span>{{ __('about.about_title') }}</span>
						<h2>{{ __('about.home_subtitle') }}</h2>
					</div>
					@php
                        $settings=DB::table('settings')->get();
                    @endphp
					<p class="f-para">
						{{-- @foreach($settings as $data) {{$data->description}} @endforeach --}}
						{{ __('about.home_content') }}
					</p>
					{{-- <p class="s-para">So when it comes to booking the perfect hotel, vacation rental, resort,
						apartment, guest house, or tree house, we’ve got you covered.</p> --}}
					<a href="{{ route('about-us') }}" class="primary-btn about-btn">{{ __('about.read_btn') }}</a>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="about-pic">
					<div class="row">
						<div class="col-lg-12">
							<img src="{{ asset('frontend/img/about.jpeg') }}" alt="">
						</div>
						{{-- <div class="col-sm-6">
							<img src="{{ asset('frontend/img/about/about-2.jpg') }}" alt="">
						</div> --}}
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- About Us Section End -->

<!-- Home Room Section Begin -->
<section class="hp-room-section">
	<div class="container-fluid">
		<div class="hp-room-items">
			<div class="row">
				<div class="col-lg-12">
					<div class="section-title">
						<span>{{ __('about.room_title') }}</span>
						<h2>{{ __('about.room_subtitle') }}</h2>
					</div>
				</div>
			</div>
			<div class="row">
				@php
					$room_lists=DB::table('rooms')->where('status','active')->orderBy('id','DESC')->limit(3)->get();
				@endphp
				@foreach($room_lists as $room)
				<div class="col-lg-4 col-md-6">
					<div class="room-item">
						@php
							$photo=explode(',',$room->photo);
						@endphp
						<img src="{{ Storage::url($room->photo) }}" alt="{{ Storage::url($room->photo) }}">
						<div class="ri-text">
							<h4>{{$room->title}}</h4>
							@php
								$after_discount=($room->price-($room->price*$room->discount)/100);
							@endphp
							<h3>{{number_format($room->price,2)}} FBU<span>/Pernight</span></h3>
							
							<table>
								<tbody>
								</tbody>
							</table>
							<a href="{{route('room-detail',$room->slug)}}" class="primary-btn">{{ __('about.more_btn') }}</a>
						</div>
					</div>
				</div>
				@endforeach
			</div>
		</div>
	</div>
</section>
<!-- Home Room Section End -->

<!-- Services Section End -->
<section class="services-section spad">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="section-title">
					<span>{{ __('about.service_title') }}</span>
					<h2>{{ __('about.service_subtitle') }}</h2>
				</div>
			</div>
		</div>
		<div class="row">
			@php
            $services=DB::table('services')->where('status','active')->get();
            @endphp
            @if($services)
				@foreach($services as $serv)
					<div class="col-lg-4 col-sm-6">
						<div class="service-item">
							@if($serv->photo)
								<img src="{{ Storage::url($serv->photo) }}" alt="{{ Storage::url($serv->photo) }}">
							@else
								<img src="https://via.placeholder.com/600x370" alt="#">
							@endif
							<h4>{{$serv->title}}</h4>
							<p>{{$serv->summary}}</p>
						</div>
					</div>
                @endforeach
            @endif
		</div>
	</div>
</section>
<!-- Services Section End -->

<!-- Testimonial Section Begin -->
<section class="testimonial-section spad">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="section-title">
					<span>{{ __('about.testimony_title') }}</span>
					<h2>{{ __('about.testimony_subtitle') }}</h2>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-8 offset-lg-2">
				<div class="testimonial-slider owl-carousel">
					@if(count($testimonials)>0)
						@foreach($testimonials as $testimonial)
							<div class="ts-item">
								<p>{{$testimonial->message}}</p>
								<div class="ti-author">
									<div class="rating">
										<i class="icon_star"></i>
										<i class="icon_star"></i>
										<i class="icon_star"></i>
										<i class="icon_star"></i>
										<i class="icon_star-half_alt"></i>
									</div>
									<h5> - {{$testimonial->name}}</h5>
								</div>
								@php
									$photo=explode(',',$testimonial->photo);
								@endphp
								<img src="{{ Storage::url($testimonial->photo) }}" alt="{{ Storage::url($testimonial->photo) }}" style="width: 50px; height: 50px;">
							</div>
						@endforeach
					@endif
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Testimonial Section End -->

<!-- Blog Section Begin -->
<section class="blog-section spad">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="section-title">
					<span>{{ __('about.news_subtitle') }}</span>
					<h2>{{ __('header.news_title') }}</h2>
				</div>
			</div>
		</div>
		<div class="row">
			@if($posts)
                @foreach($posts as $post)
					<div class="col-lg-4">
						@php
							$photo=explode(',',$post->photo);
						@endphp
						<div class="blog-item set-bg" data-setbg="{{ Storage::url($post->photo) }}">
							<div class="bi-text">
								<h4><a href="{{route('blog.detail',$post->slug)}}">{{$post->title}}</a></h4>
								<div class="b-time"><i class="icon_clock_alt"></i> {{$post->created_at->format('d M , Y. D')}}</div>
								<span class="b-tag"><a href="{{route('blog.detail',$post->slug)}}" class="btn btn-primary">{{ __('about.continue_read_btn') }}</a></span>
							</div>
						</div>
					</div>
				@endforeach
			@endif
		</div>
	</div>
</section>
<!-- Blog Section End -->
	
@endsection