{% extends 'lara_django_base/lara_base.html' %}

{% block title %} {{ project.title }} - Review {% endblock %}

{% block content %}

<style>
    .login,
    .image {
        min-height: 100vh;
    }

    .bg-image {
        background-image: url('https://source.unsplash.com/WEQbe2jBg40/600x1200');
        background-size: cover;
        background-position: center;
    }

    .container-fluid {
        max-width: 100%;
    }

    .account-form input {
        border: 2px solid #ccc;
        height: calc(1.5em + .75rem + 2px);
    }
</style>

<div class="container-fluid">
    <div class="row no-gutter">
        <div class="login d-flex align-items-center col-md-8 col-lg-6">
            <div class="container">
                <div class="row">
                    <div class="col-md-9 col-lg-8 mx-auto">
                        <p class="h4 mb-4 font-weight-bold">Write a Review</p>
                        <form action="{% url 'lara_django_projects:review' project.id %}" method="POST">
                            {% csrf_token %}
                            {{ form.as_p }}
                            <button class="btn btn-info my-4 btn-block" type="submit">Submit</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-md-flex col-md-6 col-lg-6 bg-image"></div>

    </div>
</div>

{% endblock %}