{% extends 'base.html' %}
{% load crispy_forms_tags %}



{% block content %}

<div class="container" style="width: 850px;">
    {% if submitted %}
    <br/>
        <h1>Post made succesfully!</h1>
    {% else %}
    <br/>
    <h1 style="color: rgb(20, 157, 221);">Create new post</h1>
    <br/>
        <form action="" method="POST" enctype="multipart/form-data">
            {% csrf_token %}
            {{ form }}
            <br/>
            <div class="d-grid gap-2 col-6 mx-auto">
                <input type="submit" value="Submit" class="btn btn-success">
            </div>
        </form>
    {% endif %}
    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
        <form action="/">
            <a href="http://127.0.0.1:8000/blogpost"><input type="button" value="Back" class="btn btn-outline-danger"></a>
        </form>
    </div>
</div>  
{% endblock %}

<!-- <div class="mb-3">
    <label for="formGroupExampleInput" class="form-label" style="color: rgb(20, 157, 221);">Title</label>
    <input type="text" class="form-control" id="formGroupExampleInput" form="{{form.title}}">
</div>
<div class="mb-3">
    <label for="exampleFormControlTextarea1" class="form-label" style="color: rgb(20, 157, 221);">Main Text</label>
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="10" form="{{from.body}}"></textarea>
</div>
<div class="mb-3">
    <label for="formFile" class="form-label" style="color: rgb(20, 157, 221);">Image</label>
    <input class="form-control" type="file" id="formFile" form="{{form.image}}">
</div> -->



<!-- <h1 style="color: white;">Create new post</h1>
<br/>
{% if submitted %}
    Post made succesfully!

{% else %}
<div class="mb-3">
    <form action="" method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="Submit">
    </form>
</div>
{% endif %}
<form>
    <input type="button" value="Back" onclick="history.back()">
</form> -->