<div class="form-horizontal">
	<div class="col-md-12">
		<h4> Punto de venta: <%= @pointsale.name %> </h4>
		<div class="note note-danger">
	        <p> Si el producto que se va a deasignar del punto de venta tiene stock, el sistema preguntará a que otro punto de venta/almacén se traspasará dicho stock. </p>
	    </div>

		<table class="table table-striped table-bordered table-hover" id="table_delete_prods">
			<thead>
				<tr>
					<th> Producto </th>
					<th> Stock </th>
				</tr>
			</thead>
			<tbody>
				<% @products.each do |available| %>
					<tr id="available_<%= available.id %>">
						<td> 
							<strong><%= available.product.name %></strong> <br>
							SKU: <%= available.product.sku %> <br>
							<% if available.product.display_attributes.present? %>
								<%= available.product.display_attributes %> <br>
							<% end %>
							<%= available.product.description if available.product.description.present? %>
						</td>
						<td> <%= available.stock %> </td>
					</tr>
				<% end %>
			</tbody>
		</table>
	</div>
	<div class="form-actions">
		<div class="row">
			<div class="col-md-9">		
  				<button type="button" title="Desasignar los productos seleccionados del punto de venta" 	class="btn red" onclick="assignOrDeleteProducts()"> 
  					<i class="fa fa-long-arrow-left"></i> Desasignar productos
				</button>
				<button class="btn default" onclick="closeModal()">Cancelar</button>
			</div>
		</div>
	</div>	
</div>

<script>
	function closeModal() {
		$('#dialog').modal('toggle');
	}

	function assignOrDeleteProducts() {
		var products = [];
		$('#table_delete_prods tbody tr').each(function(row) {
			var idText = $(this).attr('id');
    		var product_id = idText.substring(idText.lastIndexOf('_') + 1, idText.length);
	      	products.push(product_id);  
	    });	

	    $.ajax({
	      type: "POST",
	      url: "/pointsales/"+ <%= @pointsale.id %> + "/delete_products_from_pointsale",
	      dataType: "script",
	      data: { ids: products },
	      success: function(xhr, status, error) {}
	    });	 
	}
</script>
