{% extends "layouts/base.html" %}

{% block title %} UI Forms {% endblock %}

<!-- Specific Page CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

<div class="py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-dark breadcrumb-transparent">
            <li class="breadcrumb-item"><a href="{% url 'companies' %}"><span class="fas fa-home"></span></a></li>
            <li class="breadcrumb-item"><a href="{% url 'buildings' %}">Buildings</a></li>
            <li class="breadcrumb-item active" aria-current="page">New energy source</li>
        </ol>
    </nav>
    <div class="d-flex justify-content-between w-100 flex-wrap">
        <div class="mb-3 mb-lg-0">
            <h1 class="h4">Add energy source</h1>
            <p class="mb-0">Add energy source details.</p>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-12 mb-4">
        <div class="card border-light shadow-sm components-section">
            <div class="card-body">
                <!-- Form -->
                <form method="post" enctype="multipart/form-data" novalidate>
                    {% csrf_token %}
                    {% include 'partials/form_fields.html' %}
                    <input type='hidden' name='building' value='{{ building.pk }}'/>
                    <input class="btn btn-primary" type="submit" value="Create">
                </form>
                <!-- End of Form -->
            </div>
        </div>
    </div>
</div>

{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}{% endblock javascripts %}