@foreach($messages as $message)
        <div class="mt-action">
            <div class="mt-action-body">
                <div class="mt-action-row">
                    <div class="mt-action-info ">
                        <div class="mt-action-details ">
                            <span class="mt-action-author">{{ $message->name }} - {{ $message->phone }}
                                - Phòng {{ $message->room->name }} - {{ $message->hostel->name }}</span>
                            @if(!empty($message->note))
                                <p class="mt-action-desc">{{ $message->note }}</p>
                            @else
                                <p class="mt-action-desc">Không có lời nhắn</p>
                            @endif
                        </div>
                    </div>
                    <div class="mt-action-datetime ">
                        <span class="mt-action-date">{{ $message->date->format('d/m/Y') }}</span>
                        <span class="mt-action-dot bg-green"></span>
                        <span class="mt=action-time">{{ $message->date->format('H:i') }}</span>
                    </div>
                    <div class="mt-action-buttons ">
                        <div class="btn-group btn-group-circle">
                            <button type="button"
                                    class="btn @if($message->status != \App\Models\OwnerMessage::PROCESSED) btn-outline @endif green btn-sm btn-set-status"
                                    data-id="{{ $message->id }}">
                                @if($message->status == \App\Models\OwnerMessage::PROCESSED) Đã xử lý @else Chưa xử
                                lý @endif
                            </button>
                            <button type="button" class="btn btn-outline red btn-sm btn-delete-message"
                                    data-id="{{ $message->id }}">Xóa
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endforeach