{% extends "djmicrosip_cambiaprecios\base.html" %}
{% block title %}Cambio de Precios{% endblock %}

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

<!-- JavaScript Code -->
{% block js_code %}

  {{ block.super }}
<script src='{{STATIC_URL}}js/jquery.formset.js'></script>
<script>
$(function() {
  $('.form-container').formset({
    prefix: '{{ formset.prefix }}',
    addText:'',
    deleteText:'',
  });
});
</script> 
<script src="{{STATIC_URL}}js/djmicrosip_cambiaprecios/cambia_precios.js"></script>

{% endblock %}
{% block breadcrumb %}
  {{ block.super }} 
  <li><a href="/cambiaprecios/articulos/"> Articulos </a></li> 
  <li class='active'> {{ articulo_nombre }}</li> 
{% 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">
	  <h1>Articulo <small>{{ articulo_nombre }} </small> <button type="button" class="btn" onclick="formulario.submit()"><i class="glyphicon glyphicon-download-alt"></i> Guardar</button>  </h1>
	</div>
	<input id="id_check_iva" type="checkbox" value="IVA"> <strong>IVA</strong>

<div class="row">
	<div class="col-md-2"><strong>Precio de Costo</strong></div>
	<div class="col-md-2"><strong></strong></div>
	<div class="col-md-2"><strong>Precio A</strong></div>
	<div class="col-md-2"><strong>Precio B</strong></div>
	<div class="col-md-2"><strong>Precio C</strong></div>
	<div class="col-md-2"><strong>Precio D</strong></div>
</div>

<div class="row">
	<div class="col-md-2"><input type="text" value="{{costo_ultima_compra}}" id="id_ultima_compra"></div>
	<div class="col-md-2">
		<strong>Margen</strong>
		<br><br>
		<strong>Precio de Lista</strong>
	</div>	
	{% for form in formset.forms%}
	<div id="{{ form.prefix }}-row" class="form-container col-md-2">
		{{ form.margen }}% <br/> <br/>	
		 {{ form.precio }}
		{% for fld in form.hidden_fields %}{{ fld }}{% endfor %}
	</div>
	{% endfor %}
</div>
{{ formset.management_form }}
<br>
<div class="row" id="id_iva_container">
	<div class="col-md-2"><strong></strong></div>
	<div class="col-md-2"><strong>Precio Mas IVA</strong></div>
	<div class="col-md-2"><strong> <input type="text" id="id_precio_mas_iva1" size="10"> </strong></div>
	<div class="col-md-2"><strong> <input type="text" id="id_precio_mas_iva2" size="10"> </strong></div>
	<div class="col-md-2"><strong> <input type="text" id="id_precio_mas_iva3" size="10"> </strong></div>
	<div class="col-md-2"><strong> <input type="text" id="id_precio_mas_iva4" size="10"> </strong></div>
</div>

</form>
<br style="clear:both">
{% endblock %}