@extends('frontend.layouts.app')

@section('title') Terms & Conditions - {{ config('app.name') }} @endsection

@section('content')
 <!-- ================================
    START BREADCRUMB AREA
================================= -->
  <section class="breadcrumb-area bread-bg">
    <div class="overlay"></div>
    <!-- end overlay -->
    <div class="container">
      <div class="breadcrumb-content text-center">
        <h2 class="sec__title text-white mb-3">Business Details</h2>
        <ul class="bread-list">
          <li><a href="index.html">home</a></li>
          <li>Blog Details</li>

        </ul>
      </div>
      <!-- end breadcrumb-content -->
    </div>
    <!-- end container -->
    <div class="bread-svg">
      <svg viewBox="0 0 500 150" preserveAspectRatio="none">
        <path d="M-4.22,89.30 C280.19,26.14 324.21,125.81 511.00,41.94 L500.00,150.00 L0.00,150.00 Z"></path>
      </svg>
    </div>
    <!-- end bread-svg -->
  </section>
  <!-- end breadcrumb-area -->
  <!-- ================================
    END BREADCRUMB AREA
================================= -->

  <!-- ================================
       START BLOG AREA
================================= -->
  @php use Illuminate\Support\Str; @endphp

<section class="blog-area padding-top-60px padding-bottom-70px">
<div class="container">
<div class="row">

    <!-- ================= SIDEBAR ================= -->
    <div class="col-lg-4">
        <div class="sidebar">

            <!-- 🔍 Search -->
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-3">Search</h4>
                    <form method="GET" action="{{ url('/') }}">
                        <div class="form-group">
                            <span class="fal fa-search form-icon"></span>
                            <input class="form-control form--control" 
                                   type="text" 
                                   name="search"
                                   placeholder="What are you looking for?" />
                        </div>
                        <button class="theme-btn border-0 w-100" type="submit">
                            Search
                        </button>
                    </form>
                </div>
            </div>

            <!-- 📂 Categories -->
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-3">Categories</h4>
                    <ul class="tag-list">
                        @foreach($categories as $cat)
                            <li>
                                <a href="#">
                                    {{ $cat->name }}
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>

            <!-- 🔥 Related Listings -->
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title mb-3">Related Listings</h4>

                    <ul class="media-list">
                        @foreach($relatedListings as $item)
                        <li class="media media-card mb-3">

                            <a href="{{ url(
                                Str::slug($cityname) . '/' .
                                Str::slug(optional($item->category)->name) . '/' .
                                Str::slug(optional($item->subCategory)->name) . '/' .
                                Str::slug($item->business_name)
                            ) }}" class="flex-shrink-0 me-3 d-block">

                                <img src="{{ asset('business_images/'.$item->business_logo) }}" 
                                     width="80"
                                     alt="{{ $item->business_name }}">
                            </a>

                            <div class="media-body align-self-center">
                                <h5 class="media-title mb-1">
                                    <a href="#">
                                        {{ $item->business_name }}
                                    </a>
                                </h5>

                                <p class="font-size-15">
                                    {{ $item->created_at->format('d M, Y') }}
                                </p>
                            </div>

                        </li>
                        @endforeach
                    </ul>

                </div>
            </div>

        </div>
    </div>

    <!-- ================= MAIN CONTENT ================= -->
    <div class="col-lg-8 mb-5">
        <div class="card">

            <!-- 🖼 Image -->
            <a href="#" class="card-image">
                <img src="{{ asset('business_images/'.$listing->business_logo) }}" 
                     alt="{{ $listing->business_name }}" 
                     class="card-img-top">
            </a>

            <!-- 📄 Content -->
            <div class="card-body">

                <h4 class="card-title">
                    {{ $listing->business_name }}
                </h4>

                <ul class="card-meta d-flex flex-wrap align-items-center">
                    <li>{{ $listing->owner_name ?? 'Admin' }}</li>
                    <li><span class="mx-1">-</span></li>
                    <li>{{ $listing->created_at->format('d M, Y') }}</li>
                    <li><span class="mx-1">-</span></li>
                    <li>{{ optional($listing->category)->name }}</li>
                </ul>

                <p class="card-text mt-3">
                    {{ $listing->description ?? 'No description available' }}
                </p>

                <p class="card-text mt-3">
                    {{ $listing->address }}
                </p>

                <!-- 📞 Contact Info -->
                <h4 class="card-title mt-4">Contact Info</h4>

                <p><strong>Phone:</strong> {{ $listing->business_phone }}</p>
                <p><strong>Email:</strong> {{ $listing->business_email }}</p>
                <p><strong>Website:</strong> <a href="https://{{ $listing->url_slug }}.gbusiness.co" target="_blank">{{ $listing->business_name }}</a></p>

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

</div>
</div>
</section>
  <!-- end blog-area -->
@endsection