<?php include('techsyn_header.php'); ?>
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
    <script type="text/javascript">
    try {
        ace.settings.loadState('main-container')
    } catch (e) {}
    </script>
    <?php include('techsyn_sidebar.php'); ?>

    <!--breadcrumb-->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                <ul class="breadcrumb">

                    <li class="#">Data Setup</li>
                    <li class="#">Masters</li>
                    <li class="active">Job Profile</li>
                </ul>
            </div>
            <!-- End of breadcrumb -->

            <div class="page-content">
                <div id="flexigridDiv" class="table-responsive">

                    <form name="f1" method="post" action="" id="flex_form_job_profile">
                        <div id="flex1" style="width:100%">
                        </div>
                        <input type="hidden" name="flex_job_profile_id" id="flex_job_profile_id" />
                    </form>
                </div>
            </div>



        </div><!-- /.page-content -->
    </div>
</div><!-- /.main-content -->




<script type="text/javascript">
$(function() {
    var w = screen.width * .90;
    var h = 0;
    h = (window.innerHeight - ($("#navbar").height() + $(".breadcrumbs").height())) * .75;
    $("#flex1").flexigrid({
        url: 'job_profile_script.php',
        dataType: 'json',
        colModel: [{
                display: 'Sr',
                name: 'count',
                width: w * .04,
                sortable: false,
                align: 'left'
            },

            {
                display: 'Job Profile Name',
                name: 'job_profile_name',
                width: w * .2,
                sortable: true,
                align: 'left'
            },
            {
                display: 'Job Profile Code',
                name: 'job_profile_code',
                width: w * .2,
                sortable: true,
                align: 'left'
            },

            {
                display: '',
                name: '',
                width: w * .3,
                sortable: false,
                align: 'left'
            },

        ],
        buttons: [

            {
                name: 'Add',
                bclass: 'add',
                onpress: add
            },
            {
                separator: true
            },
            {
                name: 'PDF',
                bclass: 'print',
                onpress: pdf
            },
            {
                separator: true
            },
            {
                name: 'Excel',
                bclass: 'print_excel',
                onpress: excel
            },
            {
                separator: true
            }
        ],
        searchitems: [

            {
                display: 'Job Profile Name',
                name: 'job_profile_name',
                isdefault: true
            },
            {
                display: 'Job Profile Desc',
                name: 'job_profile_code'
            }
        ],
        sortname: "job_profile_id",
        sortorder: "asc",
        usepager: true, //pagination

        useRp: true,
        rp: 50, //records per page
        showTableToggleBtn: false, //toggle button for the whole table
        resizable: true,
        //width: w,
        height: h,
        singleSelect: true
    });
});



function add() {
    $(".save_button").show();
    $("#job_profile_id").val("");
    $("#job_profile_name").val("");
    $("#job_profile_code").val("");

    $('#modal-add-job_profile').modal("show");
}

function pdf() {
    window.open('job_profile_pdf.php');
}

function excel() {
    window.location = 'job_profile_excel.php';
}

function delete_job_profile(job_profileId) {
    $("#flex_job_profile_id").val(job_profileId);

    BootstrapDialog.confirm('Are you sure to delete the Health Advice?', function(result) {
        if (result) {
            $.ajax({
                url: 'delete_job_profile.php',
                type: "POST",
                data: $("#flex_form_job_profile").serialize(),
                success: function(data) {
                    if (data.indexOf("SUCCESS") != -1) {
                        BootstrapDialog.alert('Health Advice Deleted Successfully.');
                        $("#flex1").flexReload();

                    } else {
                        BootstrapDialog.alert('Error Deleting Health Advice');
                    }
                    return;
                },
                error: function(data) {
                    BootstrapDialog.alert('Error Deleting Health Advice');
                    return;
                }
            });
        }
    });

}

function validate() {
    var job_profile_name = $('#job_profile_name').val();
    if (job_profile_name == '') {
        BootstrapDialog.alert('Please Enter Health Advice Name.!!!');
        return false;
    }
    var job_profile_code = $('#job_profile_code').val();
    if (job_profile_code == '') {
        BootstrapDialog.alert('Please Enter Health Advice Code.!!!');
        return false;
    }

    for (let i = 0; i < job_profile_code.length; i++) {
        let result = isValid(job_profile_code[i]);
        if (!result) {
            BootstrapDialog.alert("You can not enter spaces and special characters in column name");
            return result;
        }
    }

    for (let i = 0; i < job_profile_name.length; i++) {
        let result = isValid(job_profile_name[i]);
        if (!result) {
            BootstrapDialog.alert("You can not enter spaces and special characters in column name");
            return result;
        }
    }

    function isValid(str) {
        return !/[~`!@#$%\^&*()+=\-\\\[\]\\';,/{}|\\":<>\?]/g.test(str);
    }

    save_job_profile();
}

function save_job_profile() {
    $.ajax({
        url: 'save_job_profile.php ',
        type: "POST",
        data: $("#job_profile_form").serialize(),
        success: function(data) {
            BootstrapDialog.alert('Job Profile Saved Successfully.');
            $("#flex1").flexReload();
            return;
        },
        error: function(data) {
            BootstrapDialog.alert('Error Saving Job Profile');
            return;
        }
    });
    $('.close').click();
}


var job_profile_id = "";

function open_job_profile(job_profileId, action) {
    if (action == "V") {
        $(".save_button").hide();

    } else {
        $(".save_button").show();
    }
    $.ajax({
        url: 'select_job_profile.php',
        type: 'POST',
        data: {
            id: job_profileId
        },
        success: function(data) {
            //alert(data);
            data = $.parseJSON(data);
            //alert(data.job_profile_name);

            $("#job_profile_id").val(data.job_profile_id);
            $("#job_profile_name").val(data.job_profile_name);
            $("#job_profile_code").val(data.job_profile_code);

            $('#modal-add-job_profile').modal("show");
        },
        error: function(data) {
            BootstrapDialog.alert('Error Populating Health Advice');
            return;
        }
    });
}
</script>

<?php include('techsyn_footer.php'); ?>
<?php include('form/add_job_profile.php'); ?>