{% extends "default_content_page.html" %}
{% block title %}Додати фермера{% endblock %}
{% block navigation %}
    <li class="nav-item active">
        <a class="nav-link" href="{% url 'home' %}">
            <i class="fa-solid fa-house"></i>
            <span>Головна сторінка</span></a>
    </li>
{% endblock %}
{% block content-title %}Додати фермера{% endblock %}
{% block content-inner %}
    <div class="card shadow mb-4">
        <div class="card-body">
            <div class="table-responsive">
                <div id="dataTable_wrapper" class="dataTables_wrapper dt-bootstrap4">
                    <form method="post" action="{% url 'dataapp:add_farmer' %}">
                        {% csrf_token %}
                        {{ form }}
                        <button type="submit" class="btn btn-primary">Зберегти</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <!-- Якщо використовуєте jQuery UI -->
    <!-- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> -->
    <script>
        $(function() {
            $('input[type="date"]').datepicker({
                dateFormat: 'yy-mm-dd',
                changeYear: true,
                changeMonth: true,
                yearRange: "-100:+10"
            });
        });
    </script>
{% endblock %}