@extends('site.master')

@section('content')
			<!-- ======================= Searchbar Banner ======================== -->
			<div class="featured-slick">
				<div class="featured-gallery-slide">
					<div class="dlf-flew"><a href="assets/img/lg-1.png" class="mfp-gallery"><img src="assets/img/lg-1.png" class="img-fluid mx-auto" alt="" /></a></div>
					<div class="dlf-flew"><a href="assets/img/lg-2.png" class="mfp-gallery"><img src="assets/img/lg-2.png" class="img-fluid mx-auto" alt="" /></a></div>
					<div class="dlf-flew"><a href="assets/img/lg-3.png" class="mfp-gallery"><img src="assets/img/lg-3.png" class="img-fluid mx-auto" alt="" /></a></div>
					<div class="dlf-flew"><a href="assets/img/lg-4.png" class="mfp-gallery"><img src="assets/img/lg-4.png" class="img-fluid mx-auto" alt="" /></a></div>
					<div class="dlf-flew"><a href="assets/img/lg-5.png" class="mfp-gallery"><img src="assets/img/lg-5.png" class="img-fluid mx-auto" alt="" /></a></div>
					<div class="dlf-flew"><a href="assets/img/lg-6.png" class="mfp-gallery"><img src="assets/img/lg-6.png" class="img-fluid mx-auto" alt="" /></a></div>
					<div class="dlf-flew"><a href="assets/img/lg-7.png" class="mfp-gallery"><img src="assets/img/lg-7.png" class="img-fluid mx-auto" alt="" /></a></div>
					<div class="dlf-flew"><a href="assets/img/lg-8.png" class="mfp-gallery"><img src="assets/img/lg-8.png" class="img-fluid mx-auto" alt="" /></a></div>
				</div>
				<div class="ftl-diope"><a href="javascript:void(0);" class="btn bg-white text-dark ft-medium rounded">See 20+ Photos</a></div>
				<div class="Goodup-ops-bhri">
					<div class="Goodup-lkp-flex d-flex align-items-start justify-content-start">
						<div class="Goodup-lkp-thumb">
							<img src="assets/img/burger-king.png" class="img-fluid" width="90" alt="" />
						</div>
						<div class="Goodup-lkp-caption ps-3">
							<div class="Goodup-lkp-title"><h1 class="text-light mb-0 ft-bold">{{$company->title}}</h4></div>

                <div class="list-lioe-single mt-2">
                  <a href="javascript:void(0);" class="text-light ft-medium">{{$main_cat->name}}</a> >
                  <a href="javascript:void(0);" class="text-light ft-medium">{{$sub_cat->name}}</a>
                </div>
							<div class="Goodup-ft-first">
								<div class="Goodup-rating">
									<div class="Goodup-rates">
										<i class="fas fa-star"></i>
										<i class="fas fa-star"></i>
										<i class="fas fa-star"></i>
										<i class="fas fa-star"></i>
										<i class="fas fa-star"></i>
									</div>
								</div>
								<div class="Goodup-price-range">
									<span class="ft-medium text-light">{{$total_comment}} Yorum</span>
								</div>
							</div>
							<div class="d-block mt-3">
								<div class="list-lioe">
                  @if($company->is_verified)
									<div class="list-lioe-single"><span class="ft-medium text-info"><i class="fas fa-check-circle me-1"></i>Doğrulanmış İşletme</span></div>
                  @endif
								</div>
							</div>
              <!--
							<div class="d-block mt-1">
								<div class="list-lioe">
									<div class="list-lioe-single"><span class="ft-medium text-danger">Closed</span><span class="text-light ft-medium ms-2">11:00 AM - 12:00 AM</span></div>
								</div>
							</div>
            -->
            </div>
					</div>
				</div>
			</div>
			<!-- ======================= Searchbar Banner ======================== -->

			<!-- ============================ Listing Details Start ================================== -->
			<section class="gray py-5 position-relative">
				<div class="container">
					<div class="row">
						<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12">

							<!-- About The Business -->
							<div class="bg-white rounded mb-4">
								<div class="jbd-01 px-4 py-4">
									<div class="jbd-details">
										<h5 class="ft-bold fs-lg">İşletme Hakkında</h5>

										<div class="d-block mt-3">
																				</div>
									</div>

								</div>
							</div>

							<!-- Location & Hours -->
							<div class="bg-white rounded mb-4">
								<div class="jbd-01 px-4 py-4">
									<div class="jbd-details mb-4">
										<h5 class="ft-bold fs-lg">Konum & Çalışma Saatleri</h5>
										<div class="Goodup-lot-wrap d-block">
											<div class="row g-4">
												<div class="col-xl-6 col-lg-6 col-md-12">
													<div class="list-map-lot">
														<iframe src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=&z=14&output=embed" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
													</div>
													<div class="list-map-capt">
														<div class="lio-pact"><span class="ft-medium text-info">{{$detail->address}}</span></div>
													</div>
												</div>
												<div class="col-xl-6 col-lg-6 col-md-12">
													<table class="table table-borderless">
														<tbody>
															<tr>
																<th scope="row">Pazartesi</th>
																<td>5:00 PM - 8:30 PM</td>
																<td class="text-success">Şuan Açık</td>
															</tr>
															<tr>
																<td>Salı</td>
																<td>5:00 PM - 8:30 PM</td>
																<td></td>
															</tr>
															<tr>
																<td>Çarşamba</td>
																<td>5:00 PM - 8:30 PM</td>
																<td></td>
															</tr>
															<tr>
																<td>Perşembe</td>
																<td>5:00 PM - 8:30 PM</td>
																<td></td>
															</tr>
															<tr>
																<td>Cuma</td>
																<td>5:00 PM - 6:30 PM</td>
																<td></td>
															</tr>
															<tr>
																<td>Cumartesi</td>
																<td>Closed</td>
																<td></td>
															</tr>
															<tr>
																<td>Pazar</td>
																<td>Closed</td>
																<td></td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<!-- Recommended Reviews -->
							<div class="bg-white rounded mb-4">
								<div class="jbd-01 px-4 py-4">
									<div class="jbd-details mb-4">
										<h5 class="ft-bold fs-lg">İşletme Yorumları</h5>
										<div class="reviews-comments-wrap">
@if($total_comment > 0)
@foreach($reviews as $r)
											<div class="reviews-comments-item">
												<div class="review-comments-avatar">
													<img src="assets/img/t-1.png" class="img-fluid" alt="">
												</div>
												<div class="reviews-comments-item-text">
													<h4><a href="#">Kayla E. Claxton</a><span class="reviews-comments-item-date"><i class="ti-calendar theme-cl me-1"></i>27 Oct 2019</span></h4>
													<span class="agd-location"><i class="lni lni-map-marker me-1"></i>San Francisco, USA</span>
													<div class="listing-rating high"><i class="fas fa-star active"></i><i class="fas fa-star active"></i><i class="fas fa-star active"></i><i class="fas fa-star active"></i><i class="fas fa-star active"></i></div>
													<div class="clearfix"></div>
													<p>" Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident. "</p>
													<div class="pull-left reviews-reaction">
														<a href="#" class="comment-like active"><i class="ti-thumb-up"></i> 12</a>
														<a href="#" class="comment-dislike active"><i class="ti-thumb-down"></i> 1</a>
														<a href="#" class="comment-love active"><i class="ti-heart"></i> 07</a>
													</div>
												</div>
											</div>
@endforeach

											<ul class="pagination">
												<li class="page-item">
												  <a class="page-link" href="#" aria-label="Previous">
													<span class="fas fa-arrow-circle-right"></span>
													<span class="sr-only">Previous</span>
												  </a>
												</li>
												<li class="page-item"><a class="page-link" href="#">1</a></li>
												<li class="page-item"><a class="page-link" href="#">2</a></li>
												<li class="page-item active"><a class="page-link" href="#">3</a></li>
												<li class="page-item"><a class="page-link" href="#">...</a></li>
												<li class="page-item"><a class="page-link" href="#">18</a></li>
												<li class="page-item">
												  <a class="page-link" href="#" aria-label="Next">
													<span class="fas fa-arrow-circle-right"></span>
													<span class="sr-only">Next</span>
												  </a>
												</li>
											</ul>
@else
  <div class="alert alert-warning">
    <p>İşletme hakkında yorum yapılmamıştır.</p>
  </div>
@endif
										</div>
									</div>
								</div>
							</div>
							<div class="bg-white rounded mb-4">
								<div class="jbd-01 px-4 py-4">
									<div class="jbd-details mb-4">
										<h5 class="ft-bold fs-lg">Yorum Yap</h5>
										<div class="review-form-box form-submit mt-3">
											<form>
												<div class="row">
													<div class="col-lg-12 col-md-12 col-sm-12">
														<div class="form-group mb-3">
															<label class="ft-medium small mb-1">Puan Veriniz</label>
															<select class="form-control rounded">
																<option>Puanınız</option>
																<option>1</option>
																<option>2</option>
																<option>3</option>
																<option>4</option>
																<option>5</option>
															</select>
														</div>
													</div>

													<div class="col-lg-6 col-md-6 col-sm-12">
														<div class="form-group mb-3">
															<label class="ft-medium small mb-1">Adınız ve Soyadınız</label>
															<input class="form-control rounded" type="text" placeholder="Adınız ve Soyadınız">
														</div>
													</div>

													<div class="col-lg-6 col-md-6 col-sm-12">
														<div class="form-group mb-3">
															<label class="ft-medium small mb-1">Email</label>
															<input class="form-control rounded" type="email" placeholder="E-Mail Adresiniz">
														</div>
													</div>

													<div class="col-lg-12 col-md-12 col-sm-12">
														<div class="form-group mb-3">
															<label class="ft-medium small mb-1">Yorum</label>
															<textarea class="form-control rounded ht-140" placeholder="Yorum"></textarea>
														</div>
													</div>

													<div class="col-lg-12 col-md-12 col-sm-12">
														<div class="form-group">
															<button type="submit" class="btn theme-bg text-light rounded">Yorumu Kaydet</button>
														</div>
													</div>

												</div>
											</form>
										</div>
									</div>
								</div>
							</div>

						</div>

						<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">

							<div class="row g-3 mb-3">
								<div class="col-12"><a href="javascript:void(0);" class="adv-btn full-width">Bu İşletmenin Sahibi misiniz?</a></div>
							</div>
							<div class="jb-apply-form bg-white rounded py-4 px-4 mb-4">
								<div class="uli-list-info">
									<ul>
										<li>
											<div class="list-uiyt">
												<div class="list-iobk"><i class="fas fa-globe"></i></div>
												<div class="list-uiyt-capt"><h5>Web Sitesi</h5><p><a href="">{{$detail->web}}</a></p></div>
											</div>
										</li>

										<li>
											<div class="list-uiyt">
												<div class="list-iobk"><i class="fas fa-envelope"></i></div>
												<div class="list-uiyt-capt"><h5>E-Posta Adresi</h5><p>{{$detail->email1}}</p></div>
											</div>
										</li>

										<li>
											<div class="list-uiyt">
												<div class="list-iobk"><i class="fas fa-phone"></i></div>
												<div class="list-uiyt-capt"><h5>Sabit Telefon</h5><p>{{$detail->phone1}}</p></div>
											</div>
										</li>
										<li>
											<div class="list-uiyt">
												<div class="list-iobk"><i class="fas fa-mobile"></i></div>
												<div class="list-uiyt-capt"><h5>Cep Telefon</h5><p>{{$detail->phone2}}</p></div>
											</div>
										</li>
										<li>
											<div class="list-uiyt">
												<div class="list-iobk"><i class="fa-brands fa-whatsapp"></i></div>
												<div class="list-uiyt-capt"><h5>Whatsapp</h5><p>{{$detail->whatsapp}}</p></div>
											</div>
										</li>
										<li>
											<div class="list-uiyt">
												<div class="list-iobk"><i class="fas fa-map-marker-alt"></i></div>
												<div class="list-uiyt-capt"><h5>Adres</h5><p>{{$detail->address}}</p></div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="space min">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
							<div class="sec_title position-relative text-center mb-5">
								<h6 class="theme-cl mb-0">Benzer İşletmeler</h6>
								<h2 class="ft-bold">Benzer İşletmeler</h2>
							</div>
						</div>
					</div>
					<div class="row justify-content-center">
            @foreach($related_co as $r)
              @include('site.partials.company',['t'=>$r])
            @endforeach
					</div>
				</div>
			</section>
@endsection