{% for (var i=0, file; file=o.files[i]; i++) { %}
<div pieza="{%=file.name%}"  class="col-sm-12 template-download fade">
	
	
<div class="panel panel-default">
  <div titulo="{%=file.name%}" style="display:none; margin-bottom: 5px;"   class="panel-heading">
   <span >
			
			<span titpieza="{%=file.name%}" style="margin: 5px;" class="name">
                {% if (file.url) { %}
                    <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
                {% } else { %}
                    <span>{%=file.name%}</span>
                {% } %}
            </span>
				
            {% if (file.error) { %}
                <div><span class="label label-danger">Error</span> {%=file.error%}</div>
            {% } %}
			
			</span>
		<div class="col-sm-6" info="{%=file.name%}">
		
		</div>
  </div>
  <div class="panel-body">
   	
		<div class="col-sm-1">
            <input value="1" style="width: 70px;" type="number" class="qty input-sm form-control mb-2 mr-sm-2" cantpieza="{%=file.name%}" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="¿Cuántas piezas quieres imprimir? <br> Entre más piezas necesites mayor será el descuento (si aplica).">
            
        </div>
		
		<div row="{%=file.name%}" class="col-sm-4" style="margin: 0;padding: 0;">
        
        <div class="col-sm-3">
            <input data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Permite modificar el infill de las impresiones. El valor por defecto (20%) funciona para el 95% de las piezas. Si no estás seguro a que se refiere, no modifiques este valor." rellenoslider="{%=file.name%}" type="range" name="weight" class="relleno"  value="20" min="5" step="5" max="100">
   <span  rellenoval="{%=file.name%}"></span>
        </div>
		
		  <div class="col-sm-6">
            <select  escalapieza="{%=file.name%}" class="esc form-control my-1 mr-2" id="escalasComunes" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Modifica proporcionalmente el tamaño de tu pieza. Las dimensiones de impresión aparecen abajo.">
								<option value="1">Original</option>
								<option value="0">Personalizado</option>
	  							<option value="10">cm a mm</option>
	  <option value="1000">m a mm</option>
	  <option value="25.4">inch a mm</option>
								</select>
			  <p dimpieza="{%=file.name%}"></p>
        </div>
		
		<div class="col-sm-3">
				
                    <i style="padding: 0px 4px;" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Haz clic para obtener la simulación de impresión de esta pieza. Posterior a ello podrás aplicar materiales y colores para conocer los precios."  class="cotizar md-22 material-icons btn btn-primary" btncotizar="{%=file.name%}" >tune</i>
			</div>
			
			</div>
		
       <div secc="{%=file.name%}" style="margin: 0;padding: 0;display: none;" class="col-sm-6">
		
		 <div class="col-sm-4">
			<div class="row">
			<div class="col-sm-6">
				 <select matpieza="{%=file.name%}" style="display: none;width: 100px;" type="text" class=" selectMat input-sm form-control" placeholder="Material" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Escoge el material que necesitas para esta pieza.">
	   
							</select>
				</div>
			<div class="col-sm-6">
				<span class="glyphicon glyphicon-option-horizontal" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Selecciona un material, despues podrás ver acá las características del material que escogiste" matinfo="{%=file.name%}"></span>
				</div>
				
			</div>
           
        </div>
		
		<div class="col-sm-4">
			<div class="row">
			<div class="col-sm-6">
				<select colorpieza="{%=file.name%}" style="width: 100px;" type="text" class="colorMat input-sm form-control" id="colorImprimir" placeholder="Color" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Selecciona un color para esta pieza. Aquellos con disponibilidad inmediata no incrementan el costo de la pieza. Si escoges un color que no sea de línea deberemos adquirirlo y tendrá un costo adicional señalado en la sección 'Adicionales' al final de esta página.">
	   
							</select>
				</div>
				
				<div class="col-sm-6">
				<span class="glyphicon glyphicon-option-horizontal" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Selecciona un color, despues podrás ver acá las características del color que escogiste" colorinfo="{%=file.name%}"></span>
				</div>
			
			</div>
            
        </div>
		   		<div contenedorprecios="{%=file.name%}" class="col-sm-4" style="display: none;">
						<form class="nomostrar precio slide-in-blurred-left" precios="{%=file.name%}">
				  <input preciopieza="{%=file.name%}"  class="precio slide-in-blurred-left" type="radio" name="radioName" value="CalidadAlta" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Impresión a 0.1mm - Calidad alta"/> <span costopieza="{%=file.name%}" calidad="alta" > 1 </span> <br />
				  <input preciopieza="{%=file.name%}"  class="precio slide-in-blurred-left" type="radio" name="radioName" value="CalidadMedia" checked data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Impresión a 0.2mm - Calidad media (La más común)"/> <span costopieza="{%=file.name%}" calidad="media" > 2 </span> <br /> 
				  <input preciopieza="{%=file.name%}"  class="precio slide-in-blurred-left" type="radio" name="radioName" value="CalidadBaja" data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Impresión a 0.1mm - Calidad baja (La más rápida)"/> <span costopieza="{%=file.name%}" calidad="baja"> 3 </span> <br /> 
							<!--$('input[name=radioName]:checked','form[precios=\'cat (1).stl\'], input') sirve para obtener el radio seleccionado-->
				</form>
		</div>

		
			
			
			
		
			
			
            
		
		
		</div>
					<div class="col-sm-1">
				{% if (file.deleteUrl) { %}
                <button  class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %} data-toggle="tooltip" data-html="true" data-placement="right" data-original-title="Elimina esta pieza de nuestros servidores y de la cotización" eliminar="{%=file.name%}">
                    
                    <span><i class="glyphicon glyphicon-trash"></i></span>
                </button>
                <input type="checkbox" name="delete" value="1" class="toggle">
            {% } else { %}
                <button  class="btn btn-warning cancel">
                    <i class="glyphicon glyphicon-ban-circle"></i>
                    <span></span>
                </button>
            {% } %}
			</div>
  </div>
</div>
</div>


{% } %}