{% extends "base.html" %}

{% block content %} 
 

{% include 'navbar.html' %}

<div class="row">
    <div class="col s7 m6"> 
        <div class="card"> 
            <div class="posting_form">
                <h4>Создай то, о чем будут говорить многие.</h4>
                <br>
                <textarea type="text" rows="8" cols="45" placeholder="Печатать сюда" id="textForm"></textarea>
                <p>
                    <button (click)="create()" >Отправить</button>
                </p>
                <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 %}