@extends('site.pages.profile.layout.layout')
@section('profileContent')
<div class="d-lg-flex flex-lg-wrap justify-content-lg-around bg-f9f9f9 py-3 px-2 px-lg-3">
    @foreach ($searchHis as $search)
        @php
            $text = $search->searchHisAd;
            $parsedUrl = parse_url($text);
            if ($parsedUrl && isset($parsedUrl['query'])) {
                parse_str($parsedUrl['query'], $queryParams);
            }
        @endphp

        <div class="container-lg col-lg-4 px-lg-2">
            <div class="mb-3 bg-white rounded-3 px-lg-2 pb-2">
                <div class="text-center mb-2">
                    <span class="SF16_19Regular text-9b9b9b">
                        {{ \Carbon\Carbon::parse($search->created_at)->translatedFormat('M d') . ' ' . __('site.at') . ' ' . \Carbon\Carbon::parse($search->created_at)->translatedFormat('h:m A') }}
                    </span>
                </div>
                <hr class="my-0 text-d1d1d1">
                <div class="d-flex justify-content-between align-items-center my-2 px-2">
                    <span class="SF18_21Medium text-3b3b3b">@lang('site.Location'):</span>
                    @if(isset($queryParams['location']))
                        <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['location'] }}</span>
                    @elseif(isset($queryParams['governorate']) || isset($queryParams['city']) || isset($queryParams['district']) || isset($queryParams['compound']))
                        <span class="SF16_19Regular text-9b9b9b">
                            @if(isset($queryParams['governorate'])) {{ App\Governorate::find($queryParams['governorate'])->name }} @endif
                            @if(isset($queryParams['city'])) - {{ App\City::find($queryParams['city'])->name }} @endif
                            @if(isset($queryParams['district'])) - {{ App\District::find($queryParams['district'])->name }} @endif
                            @if(isset($queryParams['compound'])) - {{ App\Compound::find($queryParams['compound'])->name }} @endif
                        </span>
                    @endif
                </div>
                <hr class="my-0 text-d1d1d1">
                <div class="d-flex justify-content-between align-items-center my-2 px-2">
                    <span class="SF18_21Medium text-3b3b3b">@lang('site.Property_For'):</span>
                    @if(isset($queryParams['property_for']))
                        <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['property_for'] }}</span>
                    @endif
                </div>
                <hr class="my-0 text-d1d1d1">
                <div class="d-flex justify-content-between align-items-center my-2 px-2">
                    <span class="SF18_21Medium text-3b3b3b">@lang('site.Property_Type'):</span>
                    @if(isset($queryParams['property_type_id']))
                        <span class="SF16_19Regular text-9b9b9b">{{ App\PropertyType::find($queryParams['property_type_id'])->label }}</span>
                    @endif
                </div>
                <hr class="my-0 text-d1d1d1">
                <div class="d-flex justify-content-between align-items-center my-2 px-2">
                    <span class="SF18_21Medium text-3b3b3b">@lang('site.Bedrooms'):</span>
                    @if(isset($queryParams['no_of_bedroom_from']) || isset($queryParams['no_of_bedroom_to']))
                    <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['no_of_bedroom_from'] }} - {{ $queryParams['no_of_bedroom_to'] }}</span>
                    @endif
                </div>
                <hr class="my-0 text-d1d1d1">
                <div class="d-flex justify-content-between align-items-center my-2 px-2">
                    <span class="SF18_21Medium text-3b3b3b">@lang('site.Bathrooms'):</span>
                    @if(isset($queryParams['no_of_bathroom_from']) || isset($queryParams['no_of_bathroom_to']))
                    <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['no_of_bathroom_from'] }} - {{ $queryParams['no_of_bathroom_to'] }}</span>
                    @endif
                </div>
                <hr class="my-0 text-d1d1d1">
                <div class="d-flex justify-content-between align-items-center my-2 px-2">
                    <span class="SF18_21Medium text-3b3b3b">@lang('site.Surface_Area'):</span>
                    @if(isset($queryParams['surface_area_from']) || isset($queryParams['surface_area_to']))
                    <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['surface_area_from'] }} - {{ $queryParams['surface_area_to'] }} @lang('site.Sq_Ft')</span>
                    @endif
                </div>
                <hr class="my-0 text-d1d1d1">
                <div id="moreFilters{{ $search->id }}" class="">
                    <div class="d-flex justify-content-between align-items-center my-2 px-2">
                        <span class="SF18_21Medium text-3b3b3b">@lang('site.floor'):</span>
                        @if(isset($queryParams['floor_no_from']) || isset($queryParams['floor_no_to']))
                        <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['floor_no_from'] }} - {{ $queryParams['floor_no_to'] }}</span>
                        @endif
                    </div>
                    <hr class="my-0 text-d1d1d1">
                    <div class="d-flex justify-content-between align-items-center my-2 px-2">
                        <span class="SF18_21Medium text-3b3b3b">@lang('site.Finishing'):</span>
                        @if(isset($queryParams['finishing_status']))
                        <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['finishing_status'] }}</span>
                        @endif
                    </div>
                    <hr class="my-0 text-d1d1d1">
                    <div class="d-flex justify-content-between align-items-center my-2 px-2">
                        <span class="SF18_21Medium text-3b3b3b">@lang('site.payment_type'):</span>
                        @if(isset($queryParams['payment_type']))
                        <span class="SF16_19Regular text-9b9b9b">{{ $queryParams['payment_type'] }}</span>
                        @endif
                    </div>
                    <hr class="my-0 text-d1d1d1">
                    <div class=" my-2 px-2">
                        <span class="SF18_21Medium text-3b3b3b">@lang('site.more'):</span>
                        <div class="owl-carousel">
                            @if(isset($queryParams['is_foreclosure']))
                                <span class="SF16_19Regular text-3b3b3b px-3 py-2 bg-f1f1f1 rounded-3">@lang('site.foreclosure')</span>
                            @endif
                            @if(isset($queryParams['is_income']))
                                <span class="SF16_19Regular text-3b3b3b px-3 py-2 bg-f1f1f1 rounded-3">@lang('site.Income_Properties')</span>
                            @endif
                            @if(isset($queryParams['is_exchange']))
                                <span class="SF16_19Regular text-3b3b3b px-3 py-2 bg-f1f1f1 rounded-3">@lang('site.Exchange')</span>
                            @endif
                            @if(isset($queryParams['include_pending']))
                                <span class="SF16_19Regular text-3b3b3b px-3 py-2 bg-f1f1f1 rounded-3">@lang('site.Pending')</span>
                            @endif
                            @if(isset($queryParams['price_reduced']))
                                <span class="SF16_19Regular text-3b3b3b px-3 py-2 bg-f1f1f1 rounded-3">@lang('site.recently_Reduced')</span>
                            @endif
                            @if(isset($queryParams['new_listing']))
                                <span class="SF16_19Regular text-3b3b3b px-3 py-2 bg-f1f1f1 rounded-3">@lang('site.New Listing')</span>
                            @endif
                        </div>
                    </div>
                    <hr class="my-0 text-d1d1d1">
                </div>
                <div class="my-2 px-2">
                    <p data-id="{{ $search->id }}" class="moreFiltersButton mb-0 text-primary text-decoration-underline" role="button">@lang('site.maximize_filters')</p>
                </div>
                <hr class="my-0 text-d1d1d1">
                <div class="d-flex justify-content-around align-items-center my-3">
                    <a href="{{ $search->searchHisAd }}" class="bg-blue text-white rounded-3 px-3 py-2 text-decoration-none">@lang('site.continue_to_search')</a>
                    <a href="{{ route('site.searchDelete',$search->id) }}" class="deleteSearch bg-red text-white rounded-3 px-3 py-2 text-decoration-none">@lang('site.Delete')</a>
                </div>
            </div>
        </div>
    @endforeach
</div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            $('[id^="moreFilters"]').slideToggle(0);
            $(".owl-carousel").owlCarousel({
                margin: 10,
                autoWidth: true,
            });
        });
        $('.moreFiltersButton').on('click',function(){
            id = $(this).data('id');
            button = $(this);
            $('#moreFilters'+id).slideToggle(500,function(){
                if(button.html() == '{{ __('site.maximize_filters') }}'){
                    button.html('{{ __('site.minize_filters') }}');
                }else{
                    button.html('{{ __('site.maximize_filters') }}');
                }
          });
        });

        $('.deleteSearch').click(function(e) {
            e.preventDefault();
            var href = $(this).attr('href'); // use var to declare the variable

            swal({
                title: "@lang('site.Are_you_sure?')",
                text: "@lang('site.not_be_able_to_undo')",
                icon: "warning",
                buttons: true,
            }).then((result) => {
                if (result) {
                    window.location.href = href; // Use window.location.href for better clarity
                }
            });
        });
    </script>
@endsection