@if($selectedUser ?? false)
<div id="message-forward-modal" class="modal-overlay message-action-modal" hidden>
    <div class="modal-card message-forward-card">
        <div class="message-action-modal-header">
            <h3>Forward message</h3>
            <button type="button" class="modal-close-btn" data-close-forward aria-label="Close"><i class="fa-solid fa-xmark"></i></button>
        </div>
        <div class="message-forward-search">
            <i class="fa-solid fa-magnifying-glass"></i>
            <input type="search" id="forward-contact-search" placeholder="Search contacts" autocomplete="off">
        </div>
        <div id="forward-contact-list" class="forward-contact-list" role="listbox"></div>
        <div class="modal-actions">
            <button type="button" class="auth-link" data-close-forward>Cancel</button>
            <button type="button" class="auth-button" id="forward-send-btn" disabled>Forward</button>
        </div>
    </div>
</div>

<div id="message-info-modal" class="modal-overlay message-action-modal" hidden>
    <div class="modal-card message-info-card">
        <div class="message-action-modal-header">
            <h3>Message info</h3>
            <button type="button" class="modal-close-btn" data-close-info aria-label="Close"><i class="fa-solid fa-xmark"></i></button>
        </div>
        <div id="message-info-body" class="message-info-body">
            <div class="message-info-loading"><span class="load-older-spinner"></span></div>
        </div>
    </div>
</div>

<div id="message-edit-modal" class="modal-overlay message-action-modal" hidden>
    <div class="modal-card message-edit-card">
        <div class="message-action-modal-header">
            <h3>Edit message</h3>
            <button type="button" class="modal-close-btn" data-close-edit aria-label="Close"><i class="fa-solid fa-xmark"></i></button>
        </div>
        <textarea id="message-edit-input" class="auth-input message-edit-textarea" rows="4" maxlength="5000"></textarea>
        <div class="modal-actions">
            <button type="button" class="auth-link" data-close-edit>Cancel</button>
            <button type="button" class="auth-button" id="message-edit-save-btn">Save</button>
        </div>
    </div>
</div>
@endif