{% 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="#" class="breadcrumb">Importar Contactos</a>
    </div>
  </div>
</nav>
</div>
</div>


    <div class="container-fluid content-bg">
    <div class="row col s12 ">
        <h4>Importar contactos</h4>
    </div>
    <div class="row col s12"><p>• Importa tus contactos por medio de un archivo de Excel (formato XLS o XLSX).</p>
      <p>• Da clic en el botón Archivo, selecciona tu archivo de base datos y da clic en el botón de importar para mapear tu información</p>
      <p><b>• Recuerda que los números de teléfono en tu archivo tienen que ser de 10 digitos</b></p>
      <p>• <a href="{% static 'empleados.xls' %} ">Descarga nuestro archivo de ejemplo</a> si tienes dudas del formato adecuado del archivo.</p>
      </div>

          <form id="form1" enctype="multipart/form-data" name="form1"  method="POST" action="{% url "Excel" %}">
             {% csrf_token %}
    <div class="file-field input-field">
      <div class="btn">
        <span>Archivo</span>
        <input name='myfile'  accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" type="file">
      </div>
      <div class="file-path-wrapper">
        <input name='archivo' class="file-path validate"  type="text">
      </div>
    </div>
                      <div class="row s12 center">
          <button class="btn waves-effect waves-light" type="submit" name="action">Importar
              <i class="material-icons right">send</i>
                </button>
        </div>
         </form>

    </div>


{% endblock %}
{% block jscripts %}
    <script>

    </script>
{% endblock %}