@extends('website.layouts.master')

@section('site_title')الرئيسة - @endsection
@section('content')
		<!-- Start banner -->
		<section class="banner">
			<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
				<div class="carousel-inner">
					@if ($sliders->count())
					@foreach ($sliders as $slider)
					<div class="carousel-item {{ $loop->first? 'active' : '' }}">
						<div style="background-image: url('{{ URL::asset('/img/main_slider/' . $slider['image']) }}');" class="d-block w-100"></div>
					</div>
					@endforeach
					@else
					<div class="carousel-item active ">
						<div style="background-image: url('{{ URL::asset('/assets/website/images/banner.png') }}');" class="d-block w-100"></div>
					</div>
					@endif
				</div>
				<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
					<span class="carousel-control-next-icon" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>
		</section>
		<!-- End banner -->
		<!-- Start mobile location -->
		<section class="mobile-location">
			@auth
			@if (Auth::guard('web')->user()->user_addresses()->where('is_default', 1)->count())
			<div class="set-address">
				<div>
					<h4>
						<i class="fas fa-map-marker-alt"></i>
						عنواني الحالي,
						{{ Auth::guard('web')->user()->user_addresses()->where('is_default', 1)->get()->first()['name'] }}
					</h4>
					<p>
						{{ Auth::guard('web')->user()->user_addresses()->where('is_default', 1)->get()->first()['description'] }}
						(<a href="{{ route('website.users.addresses') }}">تغيير</a>)
					</p>
				</div>
			</div>
			@else
			<div class="set-address">
				<div>
					<h4>
						<i class="fas fa-map-marker-alt"></i>
						عنواني الحالي
					</h4>
					<p>
						لم تقم باختيار عنوان التوصيل بعد
						(<a href="{{ route('website.users.addresses') }}">اختر الآن</a>)
					</p>
				</div>
			</div>
			@endif
			@else
			<div class="set-address">
				<div>
					<h4><i class="fas fa-map-marker-alt"></i>حدد عنوانك</h4>
					<p>عرض متاجر المياه في:</p>
				</div>
				<span class="city" style="color: #ffffff!important;">
					@if (\Session::get('guest_city'))
						{{ App\Models\City::find(\Session::get('guest_city'))['name'] }}
					@endif
				</span>
				<div class="select-address">
					<select class="form-control">
						<option value="0">اختار مدينتك</option>
						@foreach(App\Models\Region::has('company_regions')->with('cities')->get() as $covering_region)
						@foreach($covering_region->cities as $covering_city)
						<option value="{{ $covering_city['id'] }}" {{ (\Session::get('guest_city') == $covering_city['id'])? 'selected' : '' }} >{{ $covering_city['name'] }}</option>
						@endforeach
						@endforeach
					</select>
				</div>
			</div>
			@endauth
		</section>
		<!-- End mobile location -->

		<section class="market-types">
			<div class="center slider">
				@if (App\Models\Offer::count())
				<div>
					<a href="{{ route('website.offers.index') }}">
						<div style="background-image:url('{{ URL::asset('/img/company_thumbnail/assets/logo.png') }}')"> </div>
					</a>
					<p>عروض سقياكم</p>
				</div>
				@endif
				@foreach($specail_companies as $specail_company)
				<div>
					<a href="{{ route('website.products.index', ['slug' => $specail_company->slug]) }}">
						<div style="background-image:url('{{ URL::asset('/img/company_thumbnail/' . $specail_company['image']) }}')"> </div>
					</a>
					<p>{{ $specail_company['name'] }}</p>
				</div>
				@endforeach
			</div>
		</section>
		<section class="water-companies">
			<div class="container-fluid">
				<div class="companies-title">
					<h4>شركات المياه</h4>
				</div>
				<div class="companies">
					<div class="row">
						@foreach($companies as $company)
						<div class="col-6 col-md-4 col-xl-3">
							<div class="single-company">
								<div class="row">
									<div class="col-lg-4">
										<a href="{{ route('website.products.index', ['slug' => $company->slug]) }}">
											<div class="company-logo" style="background-image:url('{{ URL::asset('/img/company_thumbnail/' . $company['image']) }}')"></div>
										</a>
									</div>
									<div class="col-lg-8">
										<div class="company-details">
											<a href="{{ route('website.products.index', ['slug' => $company->slug]) }}" class="company-item">
												<p>{{ $company['name'] }}</p>
											</a>
											<span>الحد الأدنى {{ $company['min_amount'] }} ر س</span>
											<div class="company-pay">
												<div class="pay">
													<div style="background-image:url('{{ URL::asset('/assets/website/images/Mada_Logo.png') }}')"></div>
												</div>
												<div class="pay">
													<div style="background-image:url('{{ URL::asset('/assets/website/images/applepaylogo.png') }}')"></div>
												</div>
												<div class="pay">
													<div style="background-image:url('{{ URL::asset('/assets/website/images/viza.png') }}')"></div>
												</div>
												<div class="pay">
													<div style="background-image:url('{{ URL::asset('/assets/website/images/stcpay.png') }}')"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						@endforeach
					</div>
				</div>
			</div>
		</section>
@endsection