<?php
/* Smarty version 5.4.2, created on 2024-12-21 02:45:27
  from 'file:../../../apps/chat-ai/views/test-ui.tpl' */

/* @var \Smarty\Template $_smarty_tpl */
if ($_smarty_tpl->getCompiled()->isFresh($_smarty_tpl, array (
  'version' => '5.4.2',
  'unifunc' => 'content_676672172e4fb6_57806974',
  'has_nocache_code' => false,
  'file_dependency' => 
  array (
    '353d30befff94c815baa48198f5b3ce2e18b167a' => 
    array (
      0 => '../../../apps/chat-ai/views/test-ui.tpl',
      1 => 1734767089,
      2 => 'file',
    ),
  ),
  'includes' => 
  array (
  ),
))) {
function content_676672172e4fb6_57806974 (\Smarty\Template $_smarty_tpl) {
$_smarty_current_dir = '/Users/razib/Herd/suite/apps/chat-ai/views';
?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chat Interface</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background-color: #f5f5f5;
        }
        .chat-header {
            background-color: #fff;
            border-bottom: 1px solid #ddd;
            padding: 1rem;
        }
        .chat-box {
            max-width: 600px;
            margin: 2rem auto;
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .chat-body {
            padding: 1rem;
        }
        .chat-message {
            margin-bottom: 1rem;
        }
        .message {
            border-radius: 10px;
            padding: 10px 15px;
        }
        .message.from {
            background-color: #e9ecef;
        }
        .message.to {
            background-color: #007bff;
            color: white;
        }
        .chat-footer {
            background-color: #f8f9fa;
            padding: 1rem;
            border-top: 1px solid #ddd;
        }
        .attachment {
            background-color: #f1f1f1;
            border-radius: 10px;
            padding: 10px;
            display: inline-block;
            margin-top: 5px;
        }
    </style>
</head>
<body>

<div class="chat-box">
    <div class="chat-header d-flex justify-content-between align-items-center">
        <span>Influencer Squad</span>
        <span class="badge bg-primary">+14</span>
    </div>

    <div class="chat-body">
        <div class="chat-message">
            <p><strong>Robert Fox</strong> <span class="text-muted">9:28 AM</span></p>
            <div class="message from">
                <p>I will let Krystal know</p>
                <p>Here is the latest spec doc we reviewed with the engineers this morning: <a href="#">New Feature Spec.docx</a></p>
                <div class="attachment">
                    <p>New Feature Spec</p>
                    <p><small>Personal > Monu</small></p>
                </div>
                <p>We haven’t had a break in awhile</p>
            </div>
        </div>

        <div class="chat-message">
            <p><strong>You</strong> <span class="text-muted">9:30 AM</span></p>
            <div class="message to">
                <p>Yeah, we haven’t gotten lunch together in awhile either!</p>
                <p>We should go back to the ramen place. I’ve been craving it the last few days</p>
            </div>
        </div>

        <div class="chat-message">
            <p><strong>Rakob Yasir</strong> <span class="text-muted">9:35 AM</span></p>
            <div class="message from">
                <p>Yes, that would be wonderful</p>
                <p>I’ll make a reservation for next week. Sound good?</p>
            </div>
        </div>

        <div class="chat-message">
            <p><strong>You</strong> <span class="text-muted">9:37 AM</span></p>
            <div class="message to">
                <p>I would love that!</p>
            </div>
        </div>
    </div>

    <div class="chat-footer">
        <input type="text" class="form-control" placeholder="Type a new message">
    </div>
</div>

<?php echo '<script'; ?>
 src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"><?php echo '</script'; ?>
>
</body>
</html>
<?php }
}
