{% extends 'base.html' %}
{% load static %}
{% block principal %}
<section class="min-vh-100 w-100">
    <!-- Content -->
    <div class="container-fluid mx-10 my-10">
        <h5 class="line_title">Añadir grupo</h5>
        <div id="content-main">
            <div class="module" id="changelist">
                <div class="changelist-form-container">
                    <form class="marginr" method="POST" enctype="multipart/form-data">
                        {% csrf_token %}
                        <div class="actions">
                            <div class="form-group">
                                <label for='{{form.name}}'>Nombre</label>
                                {{form.name}}
                            </div>
                            <div class="row">
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Permisos de Gestor de contenido</label>
                                          <div class="col">
                                            <div class="form-check form-check-inline">
                                                {{form.post}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Permisos de Historial</label>
                                        <div class="col">
                                            <div class="form-check form-check-inline">
                                                {{form.historial}}
                                            </div>
                                        </div>
                                    </div>
{#                                    <div class="form-group">#}
{#                                        <label class="col-form-label">Permisos de Contacto</label>#}
{#                                        <div class="col">#}
{#                                            <div class="form-check form-check-inline">#}
{#                                                {{form.contacto}}#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </div>#}
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Permisos de Test</label>
                                        <div class="col">
                                            <div class="form-check form-check-inline">
                                                {{form.rockport}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Permisos de Antropometria</label>
                                        <div class="col">
                                            <div class="form-check form-check-inline">
                                                {{form.antropometria}}
                                            </div>
                                        </div>
                                    </div>
{#                                    <div class="form-group">#}
{#                                        <label class="col-form-label">Permisos de Ruffier</label>#}
{#                                        <div class="col">#}
{#                                            <div class="form-check form-check-inline">#}
{#                                                {{form.ruffier}}#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </div>#}
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Gestor de Usuarios</label>
                                          <div class="col">
                                            <div class="form-check form-check-inline">
                                                {{form.usuarios}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-form-label">Permisos de Programas</label>
                                        <div class="col">
                                            <div class="form-check form-check-inline">
                                                {{form.programas}}
                                            </div>
                                        </div>
                                    </div>
{#                                    <div class="form-group">#}
{#                                        <label class="col-form-label">Permisos de Flexiones</label>#}
{#                                        <div class="col">#}
{#                                            <div class="form-check form-check-inline">#}
{#                                                {{form.flexiones}}#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </div>#}
{#                                    <div class="form-group">#}
{#                                        <label class="col-form-label">Permisos de Abdominal</label>#}
{#                                        <div class="col">#}
{#                                            <div class="form-check form-check-inline">#}
{#                                                {{form.abdominal}}#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </div>#}
                                </div>
                                <div class="col">
                                    <div class="form-group">
                                        <label class="col-form-label">Gestor de permisos</label>
                                          <div class="col">
                                            <div class="form-check form-check-inline">
                                                {{form.grupos}}
                                            </div>
                                        </div>
                                    </div>
{#                                    <div class="form-group">#}
{#                                        <label class="col-form-label">Permisos de Pierna</label>#}
{#                                        <div class="col">#}
{#                                            <div class="form-check form-check-inline">#}
{#                                                {{form.pierna}}#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </div>#}
{#                                    <div class="form-group">#}
{#                                        <label class="col-form-label">Permisos de Unipodal</label>#}
{#                                        <div class="col">#}
{#                                            <div class="form-check form-check-inline">#}
{#                                                {{form.unipodal}}#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </div>#}
{#                                    <div class="form-group">#}
{#                                        <label class="col-form-label">Permisos de Dinamico</label>#}
{#                                        <div class="col">#}
{#                                            <div class="form-check form-check-inline">#}
{#                                                {{form.dinamico}}#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </div>#}
                                </div>
                            </div>
                            </br>
                            <div class="containbtnp text-center">
                                <a href="{% url 'list_group' %}" class="btn bg-primary-menu  marginr">Cancelar</a>
                                <button type="submit" class="btn btn_yellow">Guardar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}
{% block extrajs %}
    <script>window.data = { args: {{ formulario|safe }}}</script>
    <script src="{%  static "js/permisos_ajax.js"  %}"></script>
{% endblock %}
{#{% block scripts %}#}
{#    <script src="{% static 'js/jQuery-3.6.js' %}"></script>#}
{#    <script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>#}
{#    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>#}
{#    <script>window.data = { args: {{ formulario|safe }}}</script>#}
{#    <script src="{% static 'js/permisos_ajax.js' %}"></script>#}
{#{% endblock %}#}