{% extends "djmicrosip_auditacotizacion\base.html" %}
{% block title %}Cotizacion{% endblock %}

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

<!-- JavaScript Code -->
{% block js_code %}
{% include 'autocomplete_light/static.html' %}
<script src='{{STATIC_URL}}js/jquery.formset.js'></script>
<script>
$(function() {
  $('#id_detalles_data tbody tr').formset({
    prefix: '{{ formset.prefix }}',
    addCssClass:'btn btn-success',
    addText:'Nuevo detalle',
    deleteText:'Eliminar Articulo',
    // added: foco_detalle,
    // removed: get_total,
  });
});
</script>
<!-- <script src="{{STATIC_URL}}js/djmicrosip_cotizadormovil/cotizador.js"></script> -->
{# <script src="{{STATIC_URL}}djmicrosip_cotizadormovil/js/cotizador.js"></script> #}
<script src="{{STATIC_URL}}djmicrosip_auditacotizacion/js/auditoria.js"></script>
{% endblock %}

{% block breadcrumb %}{{ block.super }} {% endblock %}
{% block content %}


<form  name="formulario" method="post" class="form-horizontal" action="" width="300px"  enctype='multipart/form-data'>{% csrf_token %}
  {{ form.errors }}

  
  <div class="page-header row">
    <div class="row">
      <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1"></div>
      <div class="col-lg-3 col-md-11 col-sm-11 col-xs-11"><h1>Auditoria de Pedido </h1></div>
      
    </div>
  </div>




  <div id="cotiza">
    <div align="center">
      <button type="button" class="btn" id="crear_documento">Crear Documento</button>
    </div>
    <br><br>
    <table class="table tableCell table-hover table-bordered" id="id_detalles_data">
      <thead>
        <tr>
          <th>
            <div class="col-xs-2" style="width:10%">Cant.</div>
            <div class="col-xs-3" style="width:42%" align="center">Articulo</div>
            <div class="col-xs-1" style="width:5%">Eliminar</div>
          </th>
        </tr>
      </thead>
      <tbody>
        {% for form in formset.forms%}
        <tr id="{{ form.prefix }}-row row" class="form-container">
          <td>
            <div class="col-xs-2" style="width:8%">{{form.unidades}}</div>
            <div class="col-xs-3" style="width:40%">
              <div class="row">
                <div class="col-xs-4"><input type="text" name="{{ form.prefix }}-clave" class="form-control" placeholder="Clave"></div>
                <div class="col-xs-8">{{form.articulo}}</div>
              </div>
            </div>
            <div class="col-xs-1" style="width:5%">{% if form.instance.pk %}{{ form.DELETE }}{% endif %}</div>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {{ formset.management_form }}        
  </div>
</form>
<br style="clear:both">
  <audio id="beep-one" controls="controls" preload="auto" style="display:none">
            <source src="{{STATIC_URL}}djmicrosip_auditacotizacion/audio/beep.wav"></source>
        </audio>
{% endblock %}