<div class="single-property-card single-property-card--size-lg ht-card ht-depth-1">
    <a href="{{ url('room/'.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->first_image }}" alt="">
                </div>
            </div>
            @if(\App\Components\Functions::ifEmptyRoom($item) == 0)
                <div class="property__badges">
                    <div class="single-badge single-badge--verified">
                        <i class="single-badge__icon ion-calendar"></i>
                        <span class="single-badge__text">Có thể ở ngay</span>
                    </div>
                </div>
            @else
                @if(!empty($item->date_available))
                    <div class="property__badges">
                        <div class="single-badge single-badge--verified">
                            <i class="single-badge__icon ion-calendar"></i>
                            <span class="single-badge__text">{{ $item->date_available->fomat('d/m/Y') }}</span>
                        </div>
                    </div>
                @else
                    <div class="property__badges">
                        <div class="single-badge single-badge--verified">
                            <i class="single-badge__icon ion-calendar"></i>
                            <span class="single-badge__text">Đang có khách thuê</span>
                        </div>
                    </div>
                @endif
            @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->hostel->address }}@if(!empty($item->hostel->address_detail))
                        , {{ $item->hostel->address_detail }}  @endif
                </div>
            </div>
            <div class="property__infos">

                <div class="single-info">
                    <span class="single-info__icon"><img src="/frontend3/stock/icons/plans.svg"></span>
                    <span class="single-info__data">{{ $item->size }}m2</span>

                </div>
                <div class="single-info">
                    <span class="single-info__icon"><img src="/frontend3/stock/icons/gender.svg"></span>
                    <span class="single-info__data">{{ $item->max_renters }}</span>
                </div>
                <div class="single-info">
                    <span class="single-info__icon"><img src="/frontend3/stock/icons/users.svg"></span>
                    @if(!empty($item->deposit))
                        <span class="single-info__data">{{ \App\Components\Functions::shortNumber($item->deposit) }}</span>
                    @else
                        <span class="single-info__data">Không cọc</span>
                    @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>