@extends('layouts.default')
@section('content')
@include('includes.search-form')	

<div class="container mt-5 mb-5">
	<div class="text-center">
		{!! optionByKey('opps_content_listing') !!} 😎
		
	</div>
</div>

<div class="container related">
		<div class="row">
			<div class="col-md-12 mt-5">
				<h4 class="text-center">You might also like</h4>
			</div>
		</div>

		<div class="row">

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


@php $currdat=''; @endphp



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



        @foreach($profiles as $profile)

		
			

		
		@include('searchtemp.profile-rotation')
		

		@php $currdat = $profile->created_at; @endphp

	

	@endforeach



@endif

                   

                </div>

            </div>

</div>



 <div class="container mt-5">
	  <div class="col">
			<p class="h5 mt-5 mb-5 text-center">
                        {{ optionByKey('details_more_ads') }}
                        <a class="fw-bold" title="{{$profile->catName->name}}" href="{{url($profile->catName->slug.'/'.$profile->cityName->slug)}}/">
                            {{$profile->catName->name}} 
                            <br>
                            <span translate="no" class="notranslate">{{$profile->cityName->name}}</span>
                            <i class="icon-arrow_forward_ios"></i>
                        </a>
                    </p>
		</div>
		
        <hr class="mt-5">

        <div class="footer-city">
		
			<div class="card shadow text-center">
				<div class="card-header p-0">
					<a href="/{{$catdata->slug.'/'.$cityUrl}}/" class="h4">
						<span class="icon-{{$catdata->slug}} me-2"></span>
						{{$catdata->name}} {{$cityName }}
					</a>
				</div>
			</div>
		

           @foreach($categories as $key=>$catedata)

            <div class="card shadow text-center">

                <div class="card-header p-0">

                    <a href="/{{ $key.'/'.$cityUrl }}/" class="h4">

                        <span class="icon-{{ $key }} me-2"></span>

                        {{ $catedata }} {{$cityName }}

                    </a>

                </div>                

            </div>

			@endforeach		

        </div>


    </div>





@include('includes.searchpopup') 

@endsection



@push('css-styles')

<link rel="stylesheet" href="/static/css/li-det.css?v={{time()}}" type="text/css">

@endpush



@push('scripts')



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>

<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js"></script> -->





<script>

     $("img").lazyload({

        effect: "fadeIn",

    });
	
	$('.toggle-btn-box').css({'position': 'relative','top': '-40px','padding-top': '50px','background': 'linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))'});
    $('.toggle-collapse').click(function (e) {
        e.preventDefault();
        var target = $('#collapseContent');
        var parentContainer = $(this).closest('.toggle-btn-box');
        if (target.hasClass('show')) {
            target.removeClass('show');
            $(this).text('{{optionByKey('list_show_more')}}');
            parentContainer.css({
                'position': 'relative',
                'top': '-40px',
                'padding-top': '50px',
                'background': 'linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))'
            });
        } else {
            target.addClass('show');
            $(this).text('{{optionByKey('list_show_less')}}');
            parentContainer.css({
                'position': 'relative',
                'display': 'block',
                'top': '0',
                'padding-top': '20px',
                'background': ''
            });
        }
    });

</script>
	
@if($is_state==1) 
	<script>
		document.cookie="country={{ strtoupper(substr(optionByKey('locale'),-2)) }}; Domain={{substr(request()->getHost(),3)}}; Path=/";
		document.cookie="language={{ optionByKey('locale') }}; Domain={{substr(request()->getHost(),3)}}; Path=/";
		document.cookie="city={{$stateUrl}}; Domain={{substr(request()->getHost(),3)}}; Path=/";
	</script>
@endif

@endpush