{% 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>
	
<div class="row">
	<select id="combo_impuesto">
		<option value="0">IVA 0%</option>
		<option value="16">IVA 16%</option>
	</select>
</div>

<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>
		<br><br>  	
		<strong>Precio mas IVA</strong>
	</div>	
	{% for form in formset.forms%}
	<div id="{{ form.prefix }}-row" class="form-container col-md-2">
		{{ form.margen }}% <br/><br>
		 {{ form.precio }} <br><br>
		 <input type="text" class="precio_mas_iva" size="10">
		{% for fld in form.hidden_fields %}{{ fld }}{% endfor %}
	</div>
	{% endfor %}
</div>
{{ formset.management_form }}
<br>

<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2"></div>
	<div class="col-md-2">
		<input id="id_check_iva" type="checkbox" value="IVA"> <strong>IVA</strong>
	</div>
</div>
</form>
<br style="clear:both">
{% endblock %}