<?= $this->extend('themes/vuexy/mail/mail_layout') ?>

<?= $this->section('content'); ?>


<div class="card email-card-last mx-sm-4 mx-3 mt-4">
    <div class="card-header d-flex flex-wrap">
            <h6 class="m-0"><?= $data->chat()->title ?></h6>
    </div>
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
        <div class="d-flex align-items-center mb-sm-0 mb-3">
            <img src="https://gravatar.com/avatar/<?= $data->user->avatar ?>s=40" alt="user-avatar" class="flex-shrink-0 rounded-circle me-3" height="30" width="30">
            <div class="flex-grow-1 ms-1">
                <h6 class="m-0"><?= $data->user->first_name . " " . $data->user->last_name ?></h6>
                <!-- <small class="text-muted"></small> -->
            </div>
        </div>
        <div class="d-flex align-items-center">
            <p class="mb-0 me-3 text-muted"><?= $data->created_at ?></p>
        </div>
    </div>
    <div class="card-body">
        <div class="chat-message chat-message">
            <div class="chat-message-wrapper flex-grow-1">
                <p><?= $data->message ?></p>
            </div>
        </div>
    </div>
</div>
<?= $this->endSection() ?>