{% extends 'base.html' %}

{% load static %}

{% 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="{% url 'Lista_Create' %}" class="breadcrumb">Listas de Envío</a>
      <a href="#" class="breadcrumb">Editar Nombre</a>
    </div>
  </div>
</nav>
</div>
</div>

    <div class="container">
    <form action="{% url 'Lista_Edit' id=lista.id %}" method="POST">
                         {% csrf_token %}
            <div class="row s12 center">
            <h4><br>Cambiar el nombre de la lista</h4>
        </div>
        <div class="row">
            <input name="id" id="id"  value="{{ lista.id }}" hidden="true" required="true" type="text" >

            <div class="input-field col s12">
          <input name="nombre" id="nombre"  value="{{ lista.nombre }}" required="true" type="text" >
          <label for="nombre">Nombre</label>
        </div>
        </div>

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




            </div>


    </form>



    </div>

{% endblock %}

{% block jscripts %}
    <script>

    function limpiar(){

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