{% extends "djmicrosip_mail\base.html" %}
{% block title %}Preferencias {% endblock %}

<!-- CSS Code -->
{% block style_css %}
{{ block.super }}
{% endblock %}

<!-- JavaScript Code -->
{% block js_code %}
{{ block.super }}
<script>
  $("#id_mensaje_extra").jqte();
</script>
{% endblock %}

{% block breadcrumb %}
  {{ block.super }} 
  <li> Herramientas </li> 
  <li class='active'> Preferencias </li> 
{% endblock %}
{% block content %}
{% if msg %}
<div class="alert alert-success fade in">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <strong>Bien hecho!!</strong> {{ msg }}
</div>
{% endif %}
{% if warrning %}
<div class="alert alert-danger fade in">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <strong>!!!</strong> {{ warrning }}
</div>
{% endif %}
<form method="post" class="form-horizontal" action="" enctype='multipart/form-data'>{% csrf_token %}
{{ form.errors }}
<div class="page-header">
  <h1>Preferencias <small></small> <button type="submit" class="btn"><i class="glyphicon glyphicon-floppy-save"></i> Guardar</button>  </h1>
</div>
<ul class="nav nav-tabs" role="tablist">
	<li class="active"><a href="#home" role="tab" data-toggle="tab">General</a></li>
  <li><a href="#correo" role="tab" data-toggle="tab">Correo elecrónico</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
	<div class="tab-pane active" id="home" style="margin: 0 1em;">
    <div class="row">
      {{ form.enviar_remisiones.label }} <br>
      {{ form.enviar_remisiones }}
    </div>
    <div class="row">
      Monto mínimo ($ en moneda local) <br>
      {{ form.monto_minimo }}  
    </div>
    <div class="row">
      Dias previos para enviar mensaje de recordatorio <br>
      {{ form.dias_atraso }}  
    </div>
    <div class="row">
      Nombre de empresa en correos
      {{ form.empresa_nombre }}
    </div>
    <div class="row">
      Mensaje extra en correos electrónicos de Saldos
      {{ form.mensaje_extra }}  
    </div>
  </div>
  <div class="tab-pane" id="correo" style="margin: 0 1em;">
    <div class="row">
      Correo
      {{ form.email }}
    </div>
    <div class="row">
      Dirección Servidor
      {{ form.servidor }}
      Número de Puerto
      {{ form.puerto }}
    </div>
    <div class="row">
      Nombre de usuario
      {{ form.usuario }}
      Contraseña
      {{ form.password }}
    </div>


  </div>
</div>
</form>
{% endblock %}