@extends('site.pages.profile.layout.layout')
@section('profileContent')
    <div class="d-lg-flex flex-lg-wrap justify-content-lg-around bg-f9f9f9">
        @foreach ($properties as $property)
            <div class="container-lg col-lg-4 mb-3"
                data-category="{{ $property->property_type_id }}" data-field="{{ $property->real_estate_field }}">
                @if($property->images()->first()->full_url)
                @if ($property->is_new == true)
                    <div class='btn change_position'>@lang('site.new')</div>
                @endif
                <a class='px-2 py-1 rounded-circle myPropertiesButton blurBackground' href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa-solid fa-ellipsis"></i></a>
                <ul class="dropdown-menu dropdown-menu-end blurBackground" aria-labelledby="dropdownMenuLink">
                    <li><a class="dropdown-item favoriteButton" data-id="{{ $property->id }}" href="#" onclick="event.preventDefault();"><i class="mx-2 {{$property->favorites->first() ?' text-red fa fa-heart' : 'flaticon-heart-shape-outline' }}"></i>@lang('site.favourite')</a></li>
                    {{-- <hr class="customHr">
                    <li><a class="dropdown-item" href="#"><i class="fa-regular fa-pen-to-square mx-2"></i>@lang('site.Edit')</a></li> --}}
                    <hr class="customHr">
                    <li>
                        <form action="{{route('site.profile.delete-property',$property->id)}}" method="post">
                            @csrf
                            @method('DELETE')
                            <a class="dropdown-item delete" href="{{ route('site.profile.delete-property',$property->id) }}"><i class="fa-regular fa-trash-can mx-2 text-red"></i>@lang('site.Delete')</a>
                        </form>
                    </li>
                </ul>
                @endif
                <div class="@if(!file_exists(public_path($property->images()->first()->url))) contain_image @endif">
                    <a
                        href="{{ route('site.property-details', ['parentSlug' => $property->property_for == 'Rent' ? 'Rent' : 'Sale', 'slug' => $property->slug ?: $property->id]) }}">
                        <img loading="lazy"
                            src="{{ $property->images()->first()->full_url ?? asset('assets/site/image_notfound.jpg') }}"
                            alt="{{ $property->images()->first()->meta ?? 'image' }}"
                            class="img-fluid rounded-3 go-back contain_image">
                    </a>
                </div>
                @if ($property->options->showPrice)
                    <div class="shadow-bottom change_position2">
                        <p>
                            <span class="price-commas">{{ $property->price }}</span>
                            @if ($property->options->sale_currency_id == 2 || $property->options->rent_currency_id == 2)
                                @php $currency = __('site.USD') @endphp
                            @elseif($property->options->sale_currency_id == 3 || $property->options->rent_currency_id == 3)
                                @php $currency = __('site.EUR') @endphp
                            @elseif($property->options->sale_currency_id == 4 || $property->options->rent_currency_id == 4)
                                @php $currency = __('site.GBP') @endphp
                            @else
                                @php $currency = __('site.EGP') @endphp
                            @endif
                            {{ $currency }}
                        </p>
                    </div>
                @endif
                <div class="@if ($property->options->showPrice) move_up @endif">
                    <p class="m-0 footer_contact text-707070">
                        {{ $property->location->full_location }}
                    </p>
                    <a class="home_property_title text-3b3b3b"
                        href="{{ route('site.property-details', ['parentSlug' => $property->property_for == 'Rent' ? 'Rent' : 'Sale', 'slug' => $property->slug ?: $property->id]) }}">
                        {{ $property->metadata->title }}
                    </a>
                    <div class="d-flex align-items-center my-3">
                        <div class="col-5 d-flex justify-content-center align-items-center"
                            data-category="{{ $property->property_type_id . 'L' }}">
                            <img loading="lazy" src="{{ asset('new_theme/bed-alt2.svg') }}" alt="bedroom">
                            <p class="text-707070 mx-2 my-0">{{ $property->options->no_of_bedrooms }} @lang('site.beds')</p>
                        </div>
                        <div class="col-5 d-flex justify-content-center align-items-center">
                            <img loading="lazy" src="{{ asset('new_theme/hot-tub.svg') }}" alt="bathroom">
                            <p class="text-707070 mx-2 my-0">{{ $property->options->no_of_bathrooms }} @lang('site.Bathrooms')
                            </p>
                        </div>
                    </div>
                    @if ($property->request_owner)
                        @if ($property->request_owner->agent->id)
                            <div class="my-0 py-0 d-flex align-items-center">
                                <p class="agent_home_parent col-7 my-0 mx-1">
                                    @lang('site.By'):
                                    <a class="agent_home_link mx-2"
                                        href="{{ route('site.agent-details', $property->request_owner->agent->id) }}">
                                        {{ $property->request_owner->agent->username }}
                                    </a>
                                </p>
                                <span class="col-5 time_font text-707070">
                                    {{ \Carbon\Carbon::parse($property->property_date)->translatedFormat('M d') . ' ' . __('site.at') . ' ' . \Carbon\Carbon::parse($property->property_date)->translatedFormat('h:m A') }}
                                </span>
                            </div>
                        @endif
                    @endif
                </div>
            </div>
        @endforeach
    </div>
@endsection