$(document).ready(function() {
  loadEquipaments("Selecione um equipamento");
  loadEquipamentsEtapas("Selecione um equipamento");
  loadProducts();
});

$(document).ready(function() {

    $('tbody.sortable').sortable({
      update: function( event, ui ) {
        reorder();
      }
    });

    $('#equipament-add').click(function()
    {   
        var equipament_steps = $('#equipament_steps');
        var rowNum = parseInt($('#count_equipaments').val()) + 1;
        $('#count_equipaments').val(rowNum);
        
        equipament_steps.find('tbody')
            .append('<tr>\n\
                        <input type="hidden" name="step_equipament_'+rowNum+'" value="">\n\
                        <td>\n\
                            <select class="form-control select2 equipaments" name="id_equipament_'+rowNum+'" id="id_equipament_'+rowNum+'" style="width:100%" data-value=""></select>\n\
                        </td>\n\
                        <td>\n\
                            <input type="text" name="time_'+rowNum+'" value="" class="form-control">\n\
                        </td>\n\
                        <td>\n\
                            <textarea name="obs_'+rowNum+'" class="form-control"></textarea>\n\
                        </td>\n\
                    </tr>');
        
        //carrega os equipamentos;
        var url = 'ajax_equipaments';
        var pholder = _L['Select'];
        var campo = $('#id_equipament_'+rowNum);
        return $.getJSON($("#_url").val() + 'module_pcp/equipaments/'+url, function (j) {
            var options = '';
            options += '<option value="">' + pholder + '</option>';
            for (var i = 0; i < j.length; i++) {
                options += '<option value="' + j[i].id + '">' + j[i].name + '</option>';
            }
            campo.html(options);
            campo.select2({theme: 'bootstrap'});
        });
        
        
    });
});