$(document).ready(function () {

    var _url = $("#_url").val();
    var _msg_add_new_segment = $("#_msg_add_new_unit").val();
    var _msg_name = $("#_msg_name").val();
    var _msg_initials = $("#_msg_initials").val();
    var _msg_edit = $("#_msg_edit").val();
    var _msg_ok = $("#_msg_ok").val();
    var _msg_cancel = $("#_msg_cancel").val();

   //formulario para adicionar
    var ib_form_bootbox = "<form class=\"form-horizontal push-10\" method=\"post\" onsubmit=\"return false;\">\n  \n\
        <div class=\"form-group\">\n        <div class=\"col-xs-12\">\n            <div class=\"form-material floating open\">\n                <input class=\"form-control\" type=\"text\" id=\"unit_name\" name=\"unit_name\">\n                <label for=\"envato_api_key\">" + _msg_name + "<span class='red'>*</span></label>\n                           </div>\n        </div>\n    </div>\n\n\n\
        <div class=\"form-group\">\n        <div class=\"col-xs-12\">\n            <div class=\"form-material floating open\">\n                <input class=\"form-control\" type=\"text\" id=\"unit_initial\" maxlength='6' name=\"unit_initial\">\n                <label for=\"envato_api_key\">" + _msg_initials + "<span class='red'>*</span></label>\n                           </div>\n        </div>\n    </div>\n\n\n\
        <div class=\"form-group\">\n        <div class=\"col-md-12 col-sm-12 col-xs-12\">\n    <div class=\"form-material floating open\"> <label class=\"\" >"+_L['Int Value']+"</label>     <input type=\"checkbox\"  data-toggle=\"toggle\" id=\"unit_int_value\" data-size=\"small\" data-on=\""+_L['Yes']+"\" data-off=\""+_L['No']+"\" name=\"int_value\" value=\"1\">      </div>\n   </div>\n    </div>\n\n\n\
 </form>";
   
   
    //adiciona nova unidade
    $("#add_new_unit").click(function(e){
        var box =   bootbox.dialog({
           title: _msg_add_new_segment,
           message: ib_form_bootbox,
           buttons: {
               success: {
                   label: _L['Save'],
                   className: "btn-primary",
                   callback: function () {
                       var name_val = $('#unit_name').val();
                       var initial_val = $('#unit_initial').val();
                       var unit_int_value = ($('#unit_int_value').prop("checked") == true)?1:'';
                       $.post(  _url + "unit/add-post/", { name: name_val,initials:initial_val ,int_value:unit_int_value})
                           .done(function( data ) {
                               if ($.isNumeric(data)) {
                                   location.reload();
                               } else {
                                   bootbox.alert(data);
                               }
                           });
                        }
                    }
                },
                show: false
            }
        );
        e.preventDefault();
        box.modal('show');
        $("[data-toggle='toggle']").bootstrapToggle();  
    });


    $(".cdelete").click(function (e) {
        e.preventDefault();
        var id = this.id;
        bootbox.confirm(_L['are_you_sure'], function(result) {
            if(result){
                var _url = $("#_url").val();
                window.location.href = _url + "unit/delete/" + id;
            }
        });
    });


    $(".edit").click(function (e) {
        var name = $( this ).attr( "data-name" );
        var initial = $( this ).attr( "data-initial" );
       
        var int_value = ($( this ).attr( "data-int-value" )=== '1')? 'checked':'';
        var id = $( this ).attr( "data-id");
        var ib_form_bootbox = "<form class=\"form-horizontal push-10\" method=\"post\" onsubmit=\"return false;\">\n  \n\
        <div class=\"form-group\">\n        <div class=\"col-xs-12\">\n            <div class=\"form-material floating open\">\n                <input class=\"form-control\" type=\"text\" value=\""+name+"\" id=\"unit_name\" name=\"unit_name\">\n                <label for=\"envato_api_key\">" + _msg_name + "<span class='red'>*</span></label>\n                           </div>\n        </div>\n    </div>\n\n\n\
        <div class=\"form-group\">\n        <div class=\"col-xs-12\">\n            <div class=\"form-material floating open\">\n                <input class=\"form-control\" type=\"text\" maxlength='6' value=\""+initial+"\" id=\"unit_initial\" name=\"unit_initial\">\n                <label for=\"envato_api_key\">" + _msg_initials + "<span class='red'>*</span></label>\n                           </div>\n        </div>\n    </div>\n\n\n\
        <div class=\"form-group\">\n        <div class=\"col-md-12 col-sm-12 col-xs-12\">\n    <div class=\"form-material floating open\"> <label class=\"\" >"+_L['Int Value']+"</label>     <input type=\"checkbox\"  data-toggle=\"toggle\" "+int_value+" id=\"unit_int_value\" data-size=\"small\" data-on=\""+_L['Yes']+"\" data-off=\""+_L['No']+"\" name=\"int_value\" value=\"1\">      </div>\n   </div>\n    </div>\n\n\n\
 </form>";
       
        var box =   bootbox.dialog({
           title: _msg_edit,
           message: ib_form_bootbox,
           buttons: {
               success: {
                   label: _L['Save'],
                   className: "btn-primary",
                   callback: function () {
                       var name_val = $('#unit_name').val();
                       var initial_val = $('#unit_initial').val();
                       var unit_int_value = ($('#unit_int_value').prop("checked") == true)?1:'';
                   
                       $.post(  _url + "unit/edit-post/", {id:id, name: name_val,initials:initial_val,int_value:unit_int_value })
                           .done(function( data ) {
                               if ($.isNumeric(data)) {
                                  location.reload();
                               }

                               else {
                                   bootbox.alert(data);
                               }

                           });
                        }
                    }
                },
                show: false
            }
        );
        e.preventDefault();
        box.modal('show');
        $("[data-toggle='toggle']").bootstrapToggle();  
    });




});