{% extends 'base.html' %}

{% load static %}
{% load render_table from django_tables2%} 
{% load export_url from django_tables2%} 
{% block contenido %}


<div class="container-fluid content-bg" style="padding: 0px 30px; background-color: rgba(242,242,242,0.5);">
  <div class="row">
<nav class="bcrumbs">
  <div class="nav-wrapper">
    <div class="col s12">
      <a href="https://remate.continua.com.mx/" class="breadcrumb">Inicio</a>
      <a href="{% url 'Manager' %}" class="breadcrumb">Contactos</a>
      <a href="#" class="breadcrumb">Listas de Envío</a>
    </div>
  </div>
</nav>
</div>
</div>

    <div class="container-fluid content-bg">
    <form action="{% url 'Lista_Create' %}" method="POST">
                         {% csrf_token %}
            <div class="row s12">
            <h4>Listas de Envío</h4>
            <p style="font-size: 13px; text-align: left;">Crea una lista de envío o administra tus listas actuales.</p>
        </div>
        <div class="row">
            <div class="input-field col s12">
          <input name="nombre" id="nombre"  required="true" type="text" >
          <label for="nombre">Nombre de la Lista</label>
        </div>
        </div>

        <div class="row center">
            <div class="col s12">
                <button class="btn waves-effect waves-light" type="submit" name="action">Crear lista
              <i class="material-icons right">save</i>
                </button>
            </div>

                </div>

            <div class="row center">
                <div class="col s12 center">
                    <h5>Listas</h5>
                </div>
            <div class="col s12 center">
                
                   {% render_table listas%}

            </div>
                        </div>

              <div class="row s12 center">
                <p style="font-size: 13px; text-align: left;">Exporta en un archivo las listas disponibles:<br>
                  (Si deseas descargar el detalle de la lista da clic en el ícono de descarga en la sección de "acciones" de la lista deseada).<br><br></p>
    {% for format in export_formats %}
    <a class="col s3 link-xport" href="{% export_url format %}">
     <i class="material-icons icon-wh">description</i> Exportar a <code>{{ format }} </code>
    </a>
    {% endfor %}
  </div>



    </form>

      <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Eliminar Lista</h4>
      <p>Se va a eliminar la lista <b><span id="lista_name"></span></b></p>
    </div>
    <div class="modal-footer">

        <a href="#!" class="modal-close waves-effect waves-green btn-flat">Cancelar</a>
      <a href="#!"  onclick="submitform()"  class="modal-close waves-effect waves-green btn-flat">Aceptar</a>
    </div>
  </div>
 <form id="form2" name="form2"  method="POST" action="{% url "Delete_Lista" %}">
             {% csrf_token %}
             <input id="lista_id" type="hidden" name="lista_id" value=""/>

         </form>
    </div>

{% endblock %}

{% block jscripts %}
    <script>
    $(document).ready(function(){
    $('.tooltipped').tooltip();
  });
     function delete_lista(id,name) {
        $("#lista_name").text(name);
        $('input[name="lista_id"]:hidden').val(id);
        $("#modal1").modal('open');
        console.log('delete');

    }
    function submitform() {
      document.form2.submit();
}
    function closemodal() {
therapistid=null;
    $('#modal1').close();
}
    function limpiar(){

  $('#texto').val('');
  M.textareaAutoResize($('#texto'));    }
    </script>
{% endblock %}