{% extends "base.html" %}
{% load static %}
{% load poll_extras %}
{% block title %}BIF{% endblock %}
{% block styles %}
    <link href="{% static 'css/confirm-msg.css' %}" rel="stylesheet">
    <link href="{% static 'css/filters.css' %}" rel="stylesheet">
{% endblock %}
{% block sidebar %}
    {% include "sidebar.html"  with is_admin=is_admin %}       
{% endblock sidebar %}
{% block nav %}
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
    <!-- Navbar -->
    {% include "navbar.html" %}
</nav>
{% endblock %}
{% block content %}

<div class="row wrapper border-bottom white-bg page-heading">
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>{% if action == 1 %}Editar {% else %} Crear{% endif %}  usuario<b>
                        </b></h5>
                </div>
                <div class="ibox-content" id="accordion">

                    <form id="form" action="" method="POST">
                        {% csrf_token %}
                        <div class="form-group row">                                                                
                            <label class="col-sm-3 col-form-label">Nombre de usuario</label>
                            <div class="col-sm-9"><input type="text"  name="username" id="username" class="form-control" {% if action == 1 %} value="{{ user.username }}" {% endif %} required/></div>                                          
                        </div> 
                        <div class="form-group row">                                                                
                            <label class="col-sm-3 col-form-label">Nombres</label>
                            <div class="col-sm-9"><input type="text"  name="first_name" id="first_name" class="form-control" {% if action == 1 %} value="{{ user.first_name }}" {% endif %}/></div>                                          
                        </div> 
                        <div class="form-group row">                                                                
                            <label class="col-sm-3 col-form-label">Apellidos</label>
                            <div class="col-sm-9"><input type="text"  name="last_name" id="last_name" class="form-control" {% if action == 1 %} value="{{ user.last_name}}" {% endif %}/></div>                                          
                        </div>  
                        <div class="form-group row">                                                                
                            <label class="col-sm-3 col-form-label">Email</label>
                            <div class="col-sm-9"><input type="email"  name="email" id="email" class="form-control" {% if action == 1 %} value="{{ user.email }}" {% endif %}/></div>                                          
                        </div>  
                         
                        <div class="form-group row">                                                                
                            <label class="col-sm-3 col-form-label">Contraseña</label>
                            <div class="col-sm-9"><input type="text"  name="password" id="password" class="form-control" {% if action != 1 %} required {% endif %} /></div>                                          
                        </div>
                        <div class="form-group row">                                                                
                            <label class="col-sm-3 col-form-label">Estado</label>
                            <div class="col-sm-9 checkbox-wrapper-2"><input type="checkbox" class="sc-gJwTLC ikxBAC" name="is_active" id="is_active" class="form-control" {% if user.is_active %} checked {% endif%}></div>                                          
                        </div>

                        <div class="ibox-title">
                            <h6>Grupos<b>
                                </b></h6>
                        </div>
                        <!-- For para dibujar checkbox para cada uno de los grupos  -->
                        <div class="form-group">
                            {% for name in geoportal_names %}
                                <label class="col-sm-3 col-form-label">{{name}}
                                    <div class="col-sm-9 checkbox-wrapper-2">
                                        <input type="checkbox" class="sc-gJwTLC ikxBAC" name="groups" value="{{ name }}" {% if name in groups_names %} checked {% endif %}> 
                                    </div>
                                </label>
                            {% endfor %}
                        </div>

                        <a href="{% url 'BIF:user_list' %}">
                            <button class="btn btn-danger" type="button"style="float: left;">
                                <i class="fa fa-arrow-circle-left"></i>&nbsp;&nbsp;
                                <span class="bold">Volver</span>
                            </button>
                        </a>
                        <center><input type="submit" id="btnactualizar" class="btn btn-w-m btn-primary" {% if action == 1 %} value="Actualizar usuario" {% else %} Crear{% endif %} value="Crear usuario"></center>
                        
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>


{% endblock %}