{% extends "base.html" %}

{% block content %} 
 

{% include 'navbar.html' %}

<div class="row">
    <div class="col s7 m6"> 
        <div class="card"> 
            <div class="card-content">
                <div class="row">
                    <span class="card-title">Создай то, о чем будут говорить многие.</span>
                    <a class="btn-floating halfway-fab waves-effect waves-light red" target="#post-{{ postos[0]._key }}"><i class="material-icons">>>{{ postos[0]._key }}</i></a>
                    <div class="input-field col s6">
                        <input id="send_this_text" type="text" >
                        <label for="send_this_text">Печатать сюда</label>
                    </div> 
                </div>
            </div> 
            <div class="card-action">
                <button class="btn waves-effect waves-light" type="submit" name="action">Отправить!!
                    <i class="material-icons right">send</i>
                </button>
            </div>
            <!-- <div class="posting_form">
                <h4>Создай то, о чем будут говорить многие.</h4>
                <div class="container">
                    <div class="input-field col s6">
                      <input id="send_this_text" type="text" >
                      <label for="send_this_text">Печатать сюда</label>
                    </div> 
                </div>
                <div class="container">
                    <button class="btn waves-effect waves-light" type="submit" name="action">Отправить!!
                        <i class="material-icons right">send</i>
                    </button>
                </div>
        
                <!-- <h1>Загрузить картинку:</h1>
                <input type="file" #file placeholder="Загрузить картинку" (change)="sendPic($event)" style="display:none;">
                <button type="button" class="btn btn-success" (click)="file.click()">Загрузить картинку</button>
                <div *ngFor="let singlePic of inputImages" >Картинка: {{singlePic}}</div>
                <p>
                    <button (click)="eraseData()" >Убрать картинку</button>
                </p> -->
            </div>
        </div> 
    </div>
</div>

<div class="row" >
    <div class="col s5 m4" id="neu-posts">
    {% include 'i-posts.html' %} 
    </div>
</div>


{% endblock content %}