<div class="single-property-card single-property-card--size-lg ht-card ht-depth-1">
    <a href="{{ url('phong-ghep/'.str_slug($item->name).'-'.$item->id) }}" class="block">
        <div class="card-header">
            <div class="property__photo ht-rectangle ratio-43">
                <div class="ht-inner bg-color-grey-300">
                    <img data-src="{{ $item->image }}" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="">
                </div>
            </div>
            @if($item->status_confirm)
                <div class="property__badges">
                    <div class="single-badge single-badge--verified">
                        <i class="single-badge__icon ion-checkmark-circled"></i>
                        <span class="single-badge__text">Đã xác thực</span>
                    </div>
                </div>
            @endif

            <div class="property__prices">

                <div class="single-price">
                    @if(!empty($item->price))
                        <span class="single-price__number">{{ number_format($item->price, 0, '.', '.') }}</span>
                        <span class="single-price__currency on-right">&#8363;</span>
                    @else
                        <span class="single-price__number">Thỏa thuận</span>
                    @endif

                </div>


            </div>

        </div>
        <div class="card-content">
            <div class="property__intro">
                <h4 class="property__title">{{ $item->name }}</h4>
                <div class="property__address">{{ $item->address }}@if(!empty($item->address_detail))
                        , {{ $item->address_detail }}  @endif
                </div>
            </div>
            <div class="property__infos">
                <div class="single-info">
                                                    <span class="single-info__icon"><img
                                                              src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="/frontend3/stock/icons/gender.svg"></span>
                    <span class="single-info__data">{{ $item->gender }}</span>
                </div>
                <div class="single-info">
                                                    <span class="single-info__icon"><img
                                                                src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="/frontend3/stock/icons/plans.svg"></span>
                    <span class="single-info__data">{{ $item->size }}m2</span>

                    {{--@if(!empty($rangeSizes))--}}
                    {{--@php--}}
                    {{--$smallestSize = $rangeSizes['smallest'];--}}
                    {{--$greatestSize = $rangeSizes['greatest'];--}}
                    {{--@endphp--}}
                    {{--@if($smallestSize != $greatestSize)--}}
                    {{--<span class="single-info__data">{{ $smallestSize }} - {{ $greatestSize }}m2</span>--}}
                    {{--@else--}}
                    {{--<span class="single-info__data">{{ $greatestSize }}m2</span>--}}
                    {{--@endif--}}
                    {{--@endif--}}
                </div>
            </div>
        </div>
    </a>
    @if(str_contains(request()->fullUrl(), 'profile'))
        <div class="property__quickview">
            <div class="ht-rectangle ratio-43">
                <div class="ht-inner">
                    <div class="actions-wrapper">
                        <a href="{{ url('phong-ghep/'.str_slug($item->name).'-'.$item->id) }}" class="single-action"><i
                                    class="ion-ios-search-strong"></i></a>
                        <a href="{{ url('tim-ban/cap-nhat', ['id' => $item->id]) }}" class="single-action"><i
                                    class="ion-edit"></i></a>
                    </div>
                </div>
            </div>
        </div>
    @endif
    @if(auth('backend')->check())
        <div class="property__actions">
            <a href="#"
               class="single-action single-action--like @if(\App\Components\Functions::checkFavourite(auth('backend')->user()->id, $item->id)) active @endif"
               title="Thích" data-hostel-id="{{ $item->id }}"
               data-toggle="tooltip" data-placement="top"><i
                        class="ion-android-favorite-outline"></i></a>
        </div>
    @else
        <div class="property__actions">
            <a href="#" class="single-action single-action--like" title="Thích" data-hostel-id="{{ $item->id }}"
               data-toggle="tooltip" data-placement="top"><i
                        class="ion-android-favorite-outline"></i></a>
        </div>
    @endif
    <div class="property__features cs-pt">
        @php $amenities = \App\Models\Amenity::join('room_need_more_amenities', 'amenities.id', '=', 'room_need_more_amenities.amenities_id')
        ->where('room_need_more_amenities.room_id', $item->id)->where('amenities.type', \App\Models\Amenity::AMENITY)->take(8)->orderBy('amenities.id', 'desc')->get() @endphp
        @foreach($amenities as $amenity)

            <div class="single-feature">
                @if(!empty($amenity->web_image))
                                            <span class="single-feature__icon"><img
                                               src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="         data-src="/files/{{ $amenity->web_image }}"
                                                        alt=""></span>
                @endif
                <span class="single-feature__text">{{ $amenity->name }}</span>
            </div>
        @endforeach
    </div>
</div>