@extends('frontend.layouts.app')



@section('content')


<style type="text/css">
  .social-share ul
  {
    text-align: left !important;
    padding-left: 7px !important;
  }
  .business-list-content-box p
  {
    font-size: 15px;
    margin: 0px 0 10px;
  }
  .business-list-content .business-list-content-box
  {
        padding: 20px 30px 12px 0px !important;
  }
  .business-list-content .business-list-content-box .image
  {
    margin-left: 10px;
  }
</style>
 <!-- Banner Section Start -->

<div class="inner-banner-section" style="background-image:url({{asset('frontend/image/banner.jpg')}});">

  <div class="inner-banner-content"> 

    <div class="page-name">

      <p>Search Result For {{$_GET['search'] ?? ''}}</p>

    </div>

    <div class="breadcrumb">

      <ul>

        <li><a href="{{route('home.index')}}">Home</a></li>

        <li><a href="{{route('directory.category.list',$module->slug)}}">{{$module->title}}</a></li>

        <li><a href="#"  class="active">Search Result</a></li>
        
      </ul>

    </div>

  </div>

</div> 

<!-- Banner Section End -->


<!-- Business page Section Start -->

<div class="business-list-page-section">



  <div class="container">

    <div class="row">

      <div class="col-lg-4 col-md-5">

        <div class="search-box">

          <form action="{{\Request::url()}}">

            <div class="input-group">

              <input name="search" type="text" class="form-control" placeholder="Search" aria-label="Search Keyword" aria-describedby="basic-addon2" value="{{ $_GET['search'] ?? '' }}">

              <div class="input-group-append">

                <button class="btn btn-outline-secondary" type="button"><i class="fas fa-search"></i></button>

              </div>

            </div>

          </form>

        </div>

        <div class="business-list-sidebar">

          <div id="accordion">

            <div class="card">

              <div class="card-header" id="headingOne">

                <h5 class="mb-0">

                  <button class="btn btn-link" data-toggle="collapse" data-target="#category" aria-expanded="true" aria-controls="category">

                    Category

                  </button>

                </h5>

              </div>



              <div id="category" class="collapse show" aria-labelledby="headingOne">

                <div class="card-body">

                  <ul>

                    

                    @if( isset( $directoryCategories ) && count( $directoryCategories ) )



                      @foreach( $directoryCategories as $directoryCat )

                      

                        <li>

                          <a href="{{ route('directory.subcategory.list',['moduleSlug' => $module->slug, 'categorySlug' => $directoryCat->slug] )}}" class="btn btn-link">

                            <i class="fa fa-angle-double-right"></i> {{$directoryCat->title}} <span>{{count($directoryCat->directory)}}</span>

                          </a>

                        </li>



                      @endforeach



                    @endif



               

                  </ul>

                </div>

              </div>

            </div>

          </div>

        </div>

      </div>

      <div class="col-lg-8 col-md-7">



        <div class="business-list-content">



          @include('layouts.message')



          @if(isset( $products ) && count( $products ) > 0 )



            @foreach( $products as $product )



                

                @php



                    if($product->module_id == 1)

                    {

                        $product_folder = 'business';

                    }



                    else if($product->module_id == 2)

                    {

                        $product_folder = 'home-business';

                    }



                    else if($product->module_id == 3)

                    {

                        $product_folder = 'non-profit';

                    }

                    

                    else

                    {

                        $module_folder = 'default'; 

                    }



                    $province = \App\Models\Province::find($product->province_id);



                @endphp



                <div class="business-list-content-box">

                  @if( isset( $product->setting->ad_icon ) )
                    
                    <div class="premium-icon">

                      <img src="{{asset('ad-icon/'.$product->setting->ad_icon)}}" alt="Premium Icons">
                      
                    </div>

                  @endif

                  <div class="row">



                    <div class="col-lg-4 col-md-6">



                      @if( isset(  $product->featured_image ) && file_exists( public_path( $product_folder.'/'.$product->featured_image ) ) )



                        <div class="image">



                          <img src="{{asset( $product_folder.'/'.$product->featured_image )}}" alt="{{$product->title}}">



                        </div>



                      @else



                        <div class="image">



                          <img src="{{asset('frontend/image/placeholder.jpg')}}" alt="{{$product->title}}">



                        </div>

                      

                      @endif



                    </div>

                    <div class="col-lg-8 col-md-6">

                      <div class="content">

                        <div class="row">

                          <div class="title">

                            <h2><a href="{{ route('ad.details',['moduleSlug' => $module->slug, 'adSlug' => $product->slug ?? 'default'] ) }}">{{$product->title}}</a></h2>

                            @if( isset( $product->subcategory ) && count( $product->subcategory ) )



                              @foreach( $product->subcategory as $adCat )



                                <a href="{{ route('directory.subcategory.list',['moduleSlug' => $module->slug, 'categorySlug' => $adCat->adcategory->slug ?? 'default'] ) }}">{{$adCat->adcategory->title ?? ''}}</a>



                              @endforeach

                              

                            @endif



                          </div>

                        </div>

                        <div class="row number-email">

                          <div class="col-lg-12 col-md-12">

                            <div class="number">

                              <p><i class="fas fa-mobile-alt"></i> {{ $product->phone ?? ''}} </p>

                            </div>

                          </div>

                          <div class="col-lg-12 col-md-12">

                            <div class="email">

                              <p><i class="fas fa-envelope"></i>  {{ $product->email ?? '' }} </p>

                            </div>

                          </div>

                        </div>

                        <div class="row">

                          <div class="col-lg-12 col-md-12">

                            <div class="address">

                              <p><i class="fas fa-home"></i> {{$product->street_address}}</p>

                            </div>

                            <div class="address">

                              <p><i class="fas fa-map-marker"></i> {{$product->city.','}}  {{$province->name}}, {{$product->postal_code}}</p>

                            </div>

                          </div>

                          <div class="col-lg-6 col-md-12 right social-share">



                            <ul>



                              <li>

                                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add this item to favorites" class="addToFavorite" data-slug="{{$product->slug}}">

                                  <i class="fa fa-bookmark-o"></i>

                                </a>

                              </li>

                             

                              <li>

                                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Send a Message" class="sendUsMessage" data-slug="{{$product->slug}}">

                                <i class="fa fa-envelope"></i>

                                </a>

                              </li>



          

                              <li>

                                <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Share Link"  class="shareLink" data-copy="{{ route('ad.details',['moduleSlug' => $module->slug, 'adSlug' => $product->slug ?? 'default'] ) }}" data-slug="{{$product->slug}}">

                                <i class="fa fa-share-alt"></i>

                                </a>

                              </li>



                              <span class="badge badge-success" id="copied{{$product->slug}}"></span>



                            </ul>



                          </div>



                        </div>



                      </div>



                    </div>



                  </div>



                </div>



            @endforeach



            @else

            

            <section class="notfound-block">

              <div class="container">

                <div class="not-found__inner">

                  <figure class="not-found__img">

                    <img src="{{asset('payment/product-not-found.png')}}" class="img-fluid" alt="Product Not Found Images">

                  </figure>

                  <div class="not-found__content">

                    <h2>Product not Available!</h2>

                    <p>The product you are looking for was not found.</p>

                  <div class="go-home"><a href="{{route('home.index')}}">Got To Home</a></div>

                </div>

                </div>

              </div>

            </section>

            

          @endif

          <!-- <nav aria-label="..." class="pagination-section"> -->

              {!!$products->links()!!}

          <!-- </nav> -->

       <!--    <nav aria-label="..." class="pagination-section">

            <ul class="pagination justify-content-left mb-5">

              <li class="page-item disabled">

                <span class="page-link">Previous</span>

              </li>

              <li class="page-item"><a class="page-link" href="#">1</a></li>

              <li class="page-item active">

                <span class="page-link">

                  2

                  <span class="sr-only">(current)</span>

                </span>

              </li>

              <li class="page-item"><a class="page-link" href="#">3</a></li>

              <li class="page-item">

                <a class="page-link" href="#">Next</a>

              </li>

            </ul>

          </nav> -->

        </div>

      </div>

    </div>

  </div>



</div>

<!-- Business Page Section End -->







@include('frontend.ads.modal.favorite')



@include('frontend.ads.modal.message')



@include('frontend.ads.modal.login')





@endsection



@section('scripts')





@include('frontend.ads.js.login-js')



@include('frontend.ads.js.favorite-js')



@include('frontend.ads.js.share-link-js')



@include('frontend.ads.js.send-us-message-js')





@endsection