{% 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 'Whatsapp_Create' %}" class="breadcrumb">WhatsApp</a>
      <a href="#" class="breadcrumb">Enviando WhatsApp</a>
    </div>
  </div>
</nav>
</div>
</div>  

    <div class="container-fluid content-bg">
            <div class="row s12 center">
            <h4><br>Enviando Whatsapp a Contactos</h4>
        </div>


        <div class="row s12 center">
            <h6>Enviando a {{ target }} empleados</h6>
        </div>
        <div class="row s12 center">

               <div class="preloader-wrapper big active">
    <div class="spinner-layer spinner-green-only">
      <div class="circle-clipper left">
        <div class="circle"></div>
      </div><div class="gap-patch">
        <div class="circle"></div>
      </div><div class="circle-clipper right">
        <div class="circle"></div>
      </div>
    </div>
  </div>

        </div>

    </div>


{% endblock %}

{% block jscripts %}
    <script>
    $( document ).ready(function() {
    console.log( "ready!" );

  $.ajax({
    url: "/sendwhats",
    method: "POST",
    headers: {'X-CSRFToken': '{{ csrf_token }}'},
    data: {id:{{id}}},
    dataType: "json"
  }).done(function(response) {
    console.log(response);
    if(response.ok){
    location.reload();

    }


  }).fail(function (error) {
      console.log(error);
  });

});
    </script>

{% endblock %}