<div class="single-property-card single-property-card--size-lg ht-card ht-depth-1">
    <a href="{{ url('nha-tro/'.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 src="{{ $item->image }}" 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
            @php $rangePrices = \App\Components\Functions::getPriceHostelFrontend3($item);
            $rangeSizes = \App\Components\Functions::getAreaHostelFrontend3($item);
            @endphp
            @if(!empty($rangePrices))
                <div class="property__prices">
                    @php
                        $smallest = $rangePrices['smallest'];
                 $greatest = $rangePrices['greatest'];
                    @endphp
                    @if($smallest != $greatest)
                        <div class="single-price">
                            <span class="single-price__number">{{ number_format($smallest, 0, '.', '.') }}</span>
                            <span class="single-price__currency on-right">&#8363;</span>
                        </div>
                        <div class="divider">&minus;</div>
                        <div class="single-price">
                            <span class="single-price__number">{{ number_format($greatest, 0, '.', '.') }}</span>
                            <span class="single-price__currency on-right">&#8363;</span>
                        </div>
                    @elseif($smallest > 0)

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

                </div>
            @endif
        </div>
        <div class="card-content">
            <div class="property__intro">
                <h4 class="property__title">{{ $item->name }}
                </h4>
                <div class="property__address"><img
                            src="/frontend3/stock/icons/map.svg" style="height: 20px; width: 20px"> {{ $item->address }}
                    {{--@if(!empty($item->address_detail)), {{ $item->address_detail }}  @endif--}}
                </div>
            </div>
            <div class="property__infos">
                @php $numbers = \App\Components\Functions::getNumberRoomsHostel($item); @endphp
                <div class="single-info">
                                                    <span class="single-info__icon"><img
                                                                src="/frontend3/assets/img/empty_room.svg"></span>
                    <span class="single-info__data">{{ \App\Components\Functions::getNumber($numbers['number_empty_rooms']) }}
                        phòng trống</span>
                </div>
                <div class="single-info">
                                                    <span class="single-info__icon"><img
                                                                src="/frontend3/stock/icons/plans.svg"></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(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('hostel_amenities', 'amenities.id', '=', 'hostel_amenities.amenities_id')
        ->where('hostel_amenities.hostel_id', $item->id)->where('amenities.type', \App\Models\Amenity::AMENITY)->take(8)->orderBy('hostel_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="/files/{{ $amenity->web_image }}"
                                                        alt=""></span>
                @endif
                <span class="single-feature__text">{{ $amenity->name }}</span>
            </div>
        @endforeach
    </div>
</div>