(function(){
    $(function(){
        // create new employee
        $('button[id="btn_create"]').on('click', function(event){

            var $grab_data = $('form[id="create_employe"]');
            var form_datas = form_grabdata('create_employe');

            if ($grab_data.find('input[id="name"]').val() == ''){
                alert('Please fill the name field');
            }

            if (_.isEmpty(form_datas)) return;
            form_datas.action = 'newemployee';
            openerp.jsonRpc('/hrsys/create/new', 'call', form_datas).then(function(res){
                if(res) {
                    window.onload = alert('save')
                    return;
                }
            })
            event.preventDefault();
        });

        $('button[id="btn_edit"]').on('click', function(event){

            var form_datas = form_grabdata('edit_employe');
            var $grab_data = $('form[id="edit_employe"]');
            if (_.isEmpty(form_datas)) return;
            form_datas.action = 'editemployee';
            form_datas.hr_id = $grab_data.find('input[id="employee_id"]').val();

            openerp.jsonRpc('/hrsys/create/new', 'call', form_datas).then(function(res){
                if(res) {
                    window.onload = alert('edit')
                    return;
                }
            })
            event.preventDefault();
        });

        function form_grabdata (form_id) {
            var result = {};
            var $grab_data = $('form[id="'+form_id+'"]');

            result.employee = {
                'image_medium': $grab_data.find('input[id="image_medium_base"]').val(),
                'name': $grab_data.find('input[id="name"]').val(),
                'work_email': $grab_data.find('input[id="work_email"]').val(),
                'work_phone': $grab_data.find('input[id="work_phone"]').val(),
                'address_id': $grab_data.find('input[id="address_id"]').val(),
                'mobile_phone': $grab_data.find('input[id="mobile_phone"]').val(),
                'work_location': $grab_data.find('input[id="work_location"]').val(),
                'department_id': $grab_data.find('select[name="department_id"]').val(),
                'job_id': $grab_data.find('select[name="job_id"]').val(),
                'parent_id': $grab_data.find('select[name="parent_id"]').val(),
                'country_id': $grab_data.find('select[name="country_id"]').val(),
                'identification_id': $grab_data.find('select[name="identification_id"]').val(),
                'passport_id': $grab_data.find('input[id="passport_id"]').val(),
                'address_home_id': $grab_data.find('select[name="address_home_id"]').val(),
                'gender': $grab_data.find('select[name="gender"]').val(),
                'marital': $grab_data.find('select[name="marital"]').val(),
                'birthday': $grab_data.find('input[id="datepicker"]').val()
            }

            return result
        }

        function alert(mes){
            if (mes=='edit'){
                $('#alert_show').append('<div class="alert alert-success alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">x</span></button>
                            <strong>Saved!</strong> The new information has been updated or save.
                        </div>');
            }else if(mes=='save'){
                $('#alert_show').append('<div class="alert alert-success alert-dismissible" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">x</span></button>
                            <strong>Created!</strong> The new employee has been correctly created.
                        </div>');
                document.getElementById("create_employe").reset();
            }
        }
    });

    $('#datepicker').val('2000-01-01');

    function readImage(input) {
        if ( input.files && input.files[0] ) {
            var FR= new FileReader();
            FR.onload = function(e) {
                 $('#image_src').attr( "src", e.target.result );
                 $('#image_medium_base').text( e.target.result );
            };
            FR.readAsDataURL( input.files[0] );
        }
    }

    $("#image_medium").change(function(){
        readImage( this );
    });

    $('#btn_edit_disable').on('click', function(){
        $('fieldset').removeAttr('disabled');
        $('#btn_edit_disable').attr("id","btn_edit");
        $('#btn_edit').removeClass("btn-info").addClass("btn-danger").text("Save");
    });

})();