{% extends 'base_logged.html' %}

{% block title %}Chat con {{ user2.username }} {% endblock title %}
{% block activity_title %}To: {{ user2.username }}{% endblock activity_title %}

{% block main_container %}

    <div class="chat-container">

        <!--
            messaggio cevuto
        -->
        <div class="message-row">
            <div class="triangle-left"></div>
            <div class="message-container user">
                <p><b class="mex-title">{{ user2.username }}</b> - 2019-22-07 00:00</p>
                <p class="mex-body">Ciao bel maschione, sei disponibile?</p>

            </div>
        </div>

        <!--
            fine messaggio inviato
        -->

        <!--
            messaggio inviato
        -->
        <div class="message-row">
            <div class="triangle-right"></div>
            <div class="message-container other">
                 <p><b class="mex-title">{{ user.username }}</b> - 2019-22-07 00:00</p>
                <p class="mex-body">Sono 50 €.</p>
            </div>
        </div>

        <!--
            fine messaggio ricevuto
        -->

    </div>


    <div id="input-bar" style="display: inline-flex;">
        <div style="flex-grow: 100">
            <input type="text"
                   style="width:100%; height: 100%; border: none; font-size: 20px; padding: 20px;"
                   placeholder="Scrivi il tuo messaggio...">
        </div>
        <div style="float: right;">
            <button class="btn-primary btn chat-send-btn">&#x27A4</button>
        </div>
    </div>

{% endblock main_container %}