@extends('layouts.default')
@section('content')
@include('includes.search-form')	
@include('includes.bread-crump-five-step')	

<div class="container">       
		
@php $currdat=''; @endphp
	
	@if(isset($profiles) && count($profiles) > 0 )

		<div class="mb-3">
			<div class="d-inline">
				@if(isset($catdata->custom_links) && $catdata->custom_links)
					<a data-bs-toggle="collapse" href="#collapseHeaderText" role="button" aria-expanded="true" aria-controls="collapseHeaderText" class="">
						<h1 class="item-title text-dark d-inline">{{ $catdata->h1_tag }}</h1>
						<div class="d-inline">
							<span class="small icon-chevron-right text-dark"></span>
						</div>
					</a>
					@else
					<h1 class="item-title text-dark d-inline">{{ $catdata->h1_tag }}</h1>
				@endif
			</div>
			@if(isset($catdata->custom_links) && $catdata->custom_links)
			<div type="button" class="collapseHeadert list-info mt-3 mb-3 card shadow border-0 txt_seo_2 collapse show loadAccor" id="collapseHeaderText">
				<p class="mb-0 p-4">
					{!! $catdata->custom_links !!}
				</p>
			</div>
			@endif
		</div>  

        @foreach($profiles as $profile)

		
		
		
		
		
		






			@if(optionByKey('dis_date_list') > 0)
				@if($currdat!=$profile->created_at)
					<div class="ad-date">

						<span>{{ strtoupper(locale_date($profile->created_at)) }}</span>

					</div>
				@endif
			@endif
			
			
			
			
			
			
			
			
			


			@include('searchtemp.profile-rotation')
			

		

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

	

	@endforeach

@else

	<div class="container mt-5 mb-5 oppspage">
		<div class="text-center">
			{!! optionByKey('opps_content_listing') !!} 😎
		</div>
	</div>	
	
	<div class="mb-3">
		<div class="d-inline">
			<h1 class="item-title text-dark">{{ $catdata->h1_tag }}</h1>
		</div>
	</div> 

@endif


</div>

	   

	@if(!empty($catdata->h1_content_footer))
		<div class="container-fluid mt-5">
			<div class="col-lg txt_seo mb-4 text-center">{{$catdata->h1_content_footer}}</div>
		</div>
	@endif

	<nav>
		{{ $profiles->links( "pagination::simple-default") }}  
	</nav>

		


   <div class="container mt-5">
        

        <h2 class="col-lg txt_seo_1 mt-5 text-center">

           {{ $catdata->h2_tag }}

        </h2>
		
		
		


		<hr class="mt-5">

        <div class="footer-city">

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

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

                    <a href="{{url($catdata->slug)}}/" class="h4">

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

                        {{$catdata->name}}

                    </a>

                </div>

                <div class="card-body">

                    <div class="row">

                        <div class="col">

							@foreach($getstates as $states)

								<a href="{{ url($catdata->slug.'/'.$states->slug) }}/" title=" {{$catdata->name}} {{ $states->name }}">

									<button class="button-pill">

										<span translate="no" class="notranslate">{{ $states->name }}</span>

									</button>

								</a>

							@endforeach                            

                        </div>                                               

                    </div>

                </div>

            </div>

			

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

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

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

						<a href="{{ url($key) }}/" class="h4">

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

							{{ $catedata }}

						</a>

					</div>                

				</div>

			@endforeach	

       

        </div>

		
		
		<br />
<b>Warning</b>:  Undefined variable $catdata in <b>/home/sdukoin/public_html/resources/views/searchtemp/catlisting.blade.php</b> on line <b>201</b><br />
<br />
<b>Warning</b>:  Attempt to read property "cate_page_desc" on null in <b>/home/sdukoin/public_html/resources/views/searchtemp/catlisting.blade.php</b> on line <b>201</b><br />
<br />
<b>Deprecated</b>:  strlen(): Passing null to parameter #1 ($string) of type string is deprecated in <b>/home/sdukoin/public_html/resources/views/searchtemp/catlisting.blade.php</b> on line <b>201</b><br />
			
			<div class="col-lg mt-5">
				<div class="partial-collapse-container" id="collapseContent">
					<div class="partial-collapse collapse">
						<div class="txt_seo_2">
							{!! $catdata->cate_page_desc !!}
						</div>
					</div>
				</div>
			</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': ''
            });
        }
    });

	$(document).ready(function() {
		$("a[data-bs-toggle='collapse']").on("click", function() {
        	$("#collapseHeaderText").removeClass("loadAccor");
    	});
        $(window).scroll(function() {
            if ($("#collapseHeaderText").hasClass("loadAccor")) {
                $("#collapseHeaderText").collapse('hide');
            }
            $("#collapseHeaderText").removeClass("loadAccor");
        });
    });
	
	
</script>


@if($is_category==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=/";
</script>
@endif

@endpush