Proyectos de Subversion LeadersLinked - Backend

<?php
$acl            = $this->viewModel()->getRoot()->getVariable('acl');
$currentUser    = $this->currentUserHelper();
$roleName       = $currentUser->getUserTypeId();

$routeAdd           = $this->url('jobs/add');

$routeDatatable   = $this->url('jobs');

$allowAdd = $acl->isAllowed($roleName, 'jobs/add') ? 1 : 0;
$allowDelete = $acl->isAllowed($roleName, 'jobs/delete') ? 1 : 0;
$allowEdit = $acl->isAllowed($roleName, 'jobs/edit') ? 1 : 0;
$allowUsersWhoApplied = $acl->isAllowed($roleName, 'jobs/users-who-applied') ? 1 : 0;

$this->headLink()->appendStylesheet($this->basePath('plugins/nprogress/nprogress.css'));
$this->inlineScript()->appendFile($this->basePath('plugins/nprogress/nprogress.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/ckeditor/ckeditor.js'));


$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/css/fileinput.min.css'));
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.css'));

$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/piexif.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/plugins/sortable.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/fileinput.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/js/locales/es.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/fas/theme.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-fileinput/themes/explorer-fas/theme.js'));


$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/jquery.validate.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/additional-methods.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/jquery-validation/localization/messages_es.js'));

$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css'));
$this->headLink()->appendStylesheet($this->basePath('plugins/datatables-responsive/css/responsive.bootstrap4.min.css'));

$this->inlineScript()->appendFile($this->basePath('plugins/datatables/jquery.dataTables.min.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/dataTables.responsive.min.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/datatables-responsive/js/responsive.bootstrap4.min.js'));



$this->headLink()->appendStylesheet($this->basePath('plugins/select2/css/select2.min.css'));
$this->headLink()->appendStylesheet($this->basePath('plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css'));
$this->inlineScript()->appendFile($this->basePath('plugins/select2/js/select2.min.js'));


$this->inlineScript()->appendFile($this->basePath('plugins/jquery-input-number/input-number-format.jquery.min.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-confirmation/dist/bootstrap-confirmation.js'));


$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap4-toggle/css/bootstrap4-toggle.min.css'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));

$this->inlineScript()->appendFile($this->basePath('plugins/moment/moment-with-locales.min.js'));
$this->headLink()->appendStylesheet($this->basePath('plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css'));
$this->inlineScript()->appendFile($this->basePath('plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js'));


$this->headStyle()->captureStart();
echo <<<CSS


#gridTableUsersWhoApplied {
    display: flex;
    flex-flow: column;
    width: 100%;
}

#gridTableUsersWhoApplied thead {
    flex: 0 0 auto;
}

#gridTableUsersWhoApplied tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

#gridTableUsersWhoApplied tr {
    width: 100%;
    display: table;
    table-layout: fixed;
}
CSS;
$this->headStyle()->captureEnd();

$this->inlineScript()->captureStart();
echo <<<JS
jQuery( document ).ready(function( $ ) {
       var route_status = '';
       var route_title =  '';
       var route_extended =  '';
       var route_location =  '';
       var route_job_category =  '';
       var route_employment_type =  '';
       var route_salary =  '';
       var route_experience = '';
       var route_languages =  '';
       var route_degrees = '';
       var route_skills =  '';
       var route_last_date_of_application =  '';
                                


        var allowDelete = $allowDelete;
        var allowEdit = $allowEdit;
        var allowUsersWhoApplied = $allowUsersWhoApplied;
        
        var gridTable = $('#gridTable').dataTable( {
            'processing': true,
            'serverSide': true,
            'searching': true,
            'order': [[ 0, 'desc' ]],
            'ordering':  true,
            'ordenable' : true,
            'responsive': true,
            'select' : false,
                'paging': true,
            'pagingType': 'simple_numbers',

                'ajax': {
                        'url' : '$routeDatatable',
                        'type' : 'get',
                'beforeSend': function (request) {
                  NProgress.start();
                },
                'dataFilter': function(response) {
                    var response = jQuery.parseJSON( response );
                    
                    var json                = {};
                    json.recordsTotal       = 0;
                    json.recordsFiltered    = 0;
                    json.data               = [];
                    
                    if(response.success) {
                        json.recordsTotal       = response.data.total;
                        json.recordsFiltered    = response.data.total;
                        json.data               = response.data.items;
                    } else {
                        $.fn.showError(response.data)
                    }
                    
                    return JSON.stringify( json );
                }
                },
            'language' : {
                'sProcessing':     'LABEL_DATATABLE_SPROCESSING',
                'sLengthMenu':     'LABEL_DATATABLE_SLENGTHMENU',
                'sZeroRecords':    'LABEL_DATATABLE_SZERORECORDS',
                'sEmptyTable':     'LABEL_DATATABLE_SEMPTYTABLE',
                'sInfo':           'LABEL_DATATABLE_SINFO',
                'sInfoEmpty':      'LABEL_DATATABLE_SINFOEMPTY',
                'sInfoFiltered':   'LABEL_DATATABLE_SINFOFILTERED',
                'sInfoPostFix':    '',
                'sSearch':         'LABEL_DATATABLE_SSEARCH',
                'sUrl':            '',
                'sInfoThousands':  ',',
                'sLoadingRecords': 'LABEL_DATATABLE_SLOADINGRECORDS',
                'oPaginate': {
                    'sFirst':    'LABEL_DATATABLE_SFIRST',
                    'sLast':     'LABEL_DATATABLE_SLAST',
                    'sNext':     'LABEL_DATATABLE_SNEXT',
                    'sPrevious': 'LABEL_DATATABLE_SPREVIOUS'
                },
                'oAria': {
                    'sSortAscending':  ': LABEL_DATATABLE_SSORTASCENDING',
                    'sSortDescending': ':LABEL_DATATABLE_SSORTDESCENDING'
                },
            },
            'drawCallback': function( settings ) {
                NProgress.done();
                $('button.btn-delete').confirmation({
                    rootSelector: 'button.btn-delete',
                    title : 'LABEL_ARE_YOU_SURE',
                    singleton : true,
                    btnOkLabel: 'LABEL_YES',
                    btnCancelLabel: 'LABEL_NO',
                    onConfirm: function(value) {
                        action = $(this).data('href');
                        NProgress.start();
                        $.ajax({
                            'dataType'  : 'json',
                            'accept'    : 'application/json',
                            'method'    : 'post',
                            'url'       :  action,
                        }).done(function(response) {
                            if(response['success']) {
                                $.fn.showSuccess(response['data']);
                                gridTable.api().ajax.reload(null, false);
                            } else {
                                $.fn.showError(response['data']);
                            }
                        }).fail(function( jqXHR, textStatus, errorThrown) {
                            $.fn.showError(textStatus);
                        }).always(function() {
                            NProgress.done();
                        });
                    },
                });
            },
            'aoColumns': [
                { 'mDataProp': 'last_date_of_application' },
                { 'mDataProp': 'title' }, 
                { 'mDataProp': 'details' },
                { 'mDataProp': 'actions' },
            ],
            'columnDefs': [

                {
                    'targets': -2,
                    'orderable': false,
                    'render' : function ( data, type, row ) {
                        var s = 'LABEL_STATUS : ' + row['details']['status'] + '<br>';
                        s = s + 'LABEL_EMPLOYMENT_TYPE : <br>' + row['details']['employment_type'] + '<br>';
                        s = s +  'LABEL_QTY_USERS_WHO_APPLIED : ' + row['details']['users_who_applied'] + '<br>';

                        return s;
                    }
                },

                {
                    'targets': -1,
                    'orderable': false,
                    'render' : function ( data, type, row ) {
                        s = '';
                        
                        if(allowEdit && data['link_edit']  ) {
                            s = s + '<button class="btn btn-info btn-sm btn-edit" style="margin-top: 5px" data-href="' + data['link_edit']+ '" data-toggle="tooltip" title="LABEL_EDIT"><i class="fa fa-pencil"></i> LABEL_EDIT </button><br>';
                        }
                        if(allowDelete && data['link_delete']  ) {
                            s = s + '<button class="btn btn-danger btn-sm btn-delete" style="margin-top: 5px" data-href="' + data['link_delete']+ '" data-toggle="tooltip" title="LABEL_DELETE"><i class="fa fa-trash"></i> LABEL_DELETE </button><br>';
                        }
                        if(allowUsersWhoApplied && data['link_users_who_applied']  ) {
                            s = s + '<button class="btn btn-primary btn-sm btn-users-who-applied" style="margin-top: 5px" data-href="' + data['link_users_who_applied']+ '" data-toggle="tooltip" title="LABEL_USERS_WHO_APPLIED"><i class="fa fa-users"></i> LABEL_USERS_WHO_APPLIED </button><br>';
                        }

                        return s;
                    }
                }
              ],
        });

    $.validator.addMethod('greaterThanFloat', function (value, element, param) {
        var otherElement = $(param);
        return parseFloat(value) > parseFloat(otherElement.val());
    }, 'ERROR_INVALID_MINIMUM');
    


    $.validator.addMethod('greaterThan', function (value, element, param) {
        var otherElement = $(param);
        return parseInt(value, 10) > parseInt(otherElement.val(), 10);
    }, 'ERROR_INVALID_MINIMUM');
    

    $.validator.addMethod('checkLocation', function (value, element, param) {
        var otherElement = $(param);

        return $.trim(otherElement.val()).length > 0;
    }, 'ERROR_PLACED_AUTOCOMPLETE_DOES_NOT_CONTAIN_GEOMETRY');


        
    $.validator.setDefaults({
        debug: true,
        highlight: function(element) {
            $(element).addClass('is-invalid');
        },
        unhighlight: function(element) {
            $(element).removeClass('is-invalid');
        },
        errorElement: 'span',
        errorClass: 'error invalid-feedback',
        errorPlacement: function(error, element) {
            if(element.parent('.form-group').length) {
                error.insertAfter(element);
            } else if(element.parent('.toggle').length) {
                error.insertAfter(element.parent().parent());
            } else {
                error.insertAfter(element.parent());
            }
        }
    });
    

        
    $.fn.showFormErrorValidator = function(fieldname, errors) {
        var field = $(fieldname);
        if(field) {
            $(field).addClass('form-group-has-error');

            var error = $('<div id="' + fieldname +'-error" class="form-group-invalid-feedback">' + errors + '</div>');
            if(field.parent('.form-group').length) {
                error.insertAfter(field.parent());
            } else {
                error.insertAfter(field);
            }
        }
    };

    var validatorAdd = $('#form-add').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
        onfocusout: false,
        ignore: [],
        rules: {
            'name': {
                required: true,
                maxlength: 128,
            },
            'title': {
                required: true,
            },
            'last_date_of_application': {
                required: true,
            },
            'job_category_id' :  {
                required: true,
            },
            'employment_type' : {
                required: true,
            },
            'add_location_search': {
                required: true,
                checkLocation: '#form-add #latitude'
            }
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       :  '$routeAdd',
                'data'      :  $('#form-add').serialize(),
            }).done(function(response) {
                if(response['success']) {
                    $('#add-job-box').modal('hide');
                    gridTable.api().ajax.reload(null, false);

                    $('#overview-title').html(response['data']['title']);
                    $('#overview-job-category').html(response['data']['job_category']);
                                        $('#overview-last-date-of-application').html(response['data']['last_date_of_application']);
                                        $('#overview-employment-type').html(response['data']['employment_type']);
                    $('#overview-location').html(response['data']['location']);

                    $('#overview-status').html(response['data']['status']);
                    $('#overview-description').html(response['data']['description']);                                   
                    
                    $('#overview-salary').html(response['data']['salary']);
                    $('#overview-experience').html('')





                    $('list-skills').empty();
                    $('list-languages').empty();
                    $('list-degrees').empty();


                    route_status = response['data']['route_status'];
                    route_title =  response['data']['route_title'];
                    route_extended =  response['data']['route_extended'];
                    route_location =  response['data']['route_location'];
                    route_job_category =  response['data']['route_job_category'];
                    route_employment_type =  response['data']['route_employment_type'];
                    route_salary =  response['data']['route_salary'];
                    route_experience = response['data']['route_experience'];
                    route_languages =  response['data']['route_languages'];
                    route_degrees = response['data']['route_degrees'];
                    route_skills =  response['data']['route_skills'];
                    route_last_date_of_application =  response['data']['route_last_date_of_application'];
                    
                    $('#divListing').hide();
                    $('#divEdit').show();

                } else {
                    validatorAdd.resetForm();
                    if(jQuery.type(response['data']) == 'string') {
                        $.fn.showError(response['data']);
                    } else  {
                        $.each(response['data'], function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-add #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
            return false;
        },
        invalidHandler: function(form, validator) {
            
        }
    });

    $('body').on('click', 'button.btn-edit', function(e) {
        e.preventDefault();

        var href = $(this).data('href');

        NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'get',
                'url'       :  href,
            }).done(function(response) {
                if(response['success']) {
                    $('#add-job-box').modal('hide');
                    gridTable.api().ajax.reload(null, false);

                    $('#overview-title').html(response['data']['title']);
                    $('#overview-job-category').html(response['data']['job_category']);
                                        $('#overview-last-date-of-application').html(response['data']['last_date_of_application']);
                                        $('#overview-employment-type').html(response['data']['employment_type']);
                    $('#overview-location').html(response['data']['location']);

                    $('#overview-status').html(response['data']['status']);
                    $('#overview-description').html(response['data']['description']);                                   

                    
                    if(response['data']['salary']) {
                                           $('#overview-salary').html(response['data']['salary']);
                    } else {
                       $('#overview-salary').html('')
                    } 

                    if(response['data']['experience']) {
                                           $('#overview-experience').html(response['data']['experience'] + ' LABEL_YEARS');
                    } else {
                       $('#overview-experience').html('')
                    } 



                    $('#list-skills').empty();
                    $.each(response['data']['skills'], function(i, name) {
                        $('#list-skills').append('<li>' + name + '</li>');
                    });

                    $('#list-languages').empty();
                    $.each(response['data']['languages'], function(i, name) {
                        $('#list-languages').append('<li>' + name + '</li>');
                    });

                    $('#list-degrees').empty();
                    $.each(response['data']['degrees'], function(i, name) {
                        $('#list-degrees').append('<li>' + name + '</li>');
                    });


                    route_status =  response['data']['route_status'];
                    route_title =   response['data']['route_title'];
                    route_extended =   response['data']['route_extended'];
                    route_location =   response['data']['route_location'];
                    route_job_category =   response['data']['route_job_category'];
                    route_employment_type =   response['data']['route_employment_type'];
                    route_salary =   response['data']['route_salary'];
                    route_experience =  response['data']['route_experience'];
                    route_languages =   response['data']['route_languages'];
                    route_degrees =  response['data']['route_degrees'];
                    route_skills =   response['data']['route_skills'];
                    route_last_date_of_application =   response['data']['route_last_date_of_application'];
                    

                    $('#divListing').hide();
                    $('#divEdit').show();

                } else {
                    validatorAdd.resetForm();
                    if(jQuery.type(response['data']) == 'string') {
                        $.fn.showError(response['data']);
                    } else  {
                        $.each(response['data'], function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-add #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
            return false;
    });



    $(".close-box, .btn-add-job-cancel").on("click", function(e){
        e.preventDefault();
        $('#add-job-box').modal('hide');
        return false;
    });

    $('body').on('click', 'button.btn-add', function(e) {
        e.preventDefault();


        $('#form-add #title').val('');
        $('#form-add #last_date_of_application').val('');
        $('#form-add #employment_type').val('').trigger('change');
        $('#form-add #job_category_id').val('').trigger('change');
        $('#form-add #formatted_address').val('');
        $('#form-add #address1').val('');
        $('#form-add #address2').val('');
        $('#form-add #country').val('');
        $('#form-add #state').val('');
        $('#form-add #city1').val('');
        $('#form-add #city2').val('');
        $('#form-add #postal_code').val('');
        $('#form-add #latitude').val('');
        $('#form-add #longitude').val('');
        $('#form-add #add_location_search').val('');
        validatorAdd.resetForm();

        $('#add-job-box').modal('show');
        return false;
    });


    $('body').on('click', 'button.btn-view-profile', function(e) {
        e.preventDefault();

        var href = $(this).data('href');
        window.open(href, '_blank');

    });

    $('body').on('click', 'button.btn-users-who-applied', function(e) {
        e.preventDefault();

        var href = $(this).data('href');
        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'get',
            'url'       :  href
        }).done(function(response) {
            if(response['success']) {
                $('#gridTableUsersWhoApplied tbody').empty();
                $.each(response['data'], function(i, record) {
                    var s = '<tr>';
                    s = s + '<td>' + record['first_name'] + '</td>';
                    s = s + '<td>' + record['last_name'] + '</td>';
                    s = s + '<td>' + record['email'] + '</td>';
                    s = s + '<td><button class="btn btn-default btn-view-profile" data-href="' + record['link_view']+ '"><i class="fa fa-external-link"></i></button></td>';
                    s = s + '<tr>'; 

                    $('#gridTableUsersWhoApplied tbody').append(s);               

                });

                
                $('#modalUsersWhoApplied').modal('show');
            } else {
                $.fn.showError(response['data']);

            }
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });
        return false;

    });


    var validatorSalary = $('#form-salary').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
        ignore: [],
        rules: {
            'salary_visible': {
                required: false,
            },
            'salary_min': {
                required:  '#form-salary #salary_visible:checked',
                number: true,
                maxlength: 10,
            },
            'salary currency': {
                required:  '#form-salary #salary_visible:checked',
                maxlength: 5,
            },
            'salary_max': {
                required:  '#form-salary #salary_visible:checked',
                number: true,
                maxlength: 10,
                greaterThanFloat : '#form-salary #salary_min',
            },
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       :  route_salary,
                'data'      :  $('#form-salary').serialize()
            }).done(function(response) {
                if(response['success']) {
                                        $('#overview-salary').html(response['data']);
                    $("#salary-box").modal('hide');
                } else {
                    validatorSalary.resetForm();
                    if(jQuery.type(response['data']) == 'string') {
                        $.fn.showError(response['data']);
                    } else  {
                        $.each(response['data'], function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-salary #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
            return false;
        },
        invalidHandler: function(form, validator) {
        
        }
    });
    
    $('.btn-salary-edit').on("click", function(e){
        e.preventDefault();
        
        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'get',
            'url'       : route_salary,
        }).done(function(response) {
           if(response['success']) {
                if(response['data']['salary_visible'] == 'y') {
                    $('#form-salary #salary_visible').bootstrapToggle('on')
                    $('#form-salary #salary_min').val(response['data']['salary_min']);
                    $('#form-salary #salary_min').prop('readonly', false);
                    $('#form-salary #salary_max').val(response['data']['salary_max']);
                    $('#form-salary #salary_max').prop('readonly', false);
                    $('#form-salary #salary_currency').val(response['data']['salary_currency']);
                    $('#form-salary #salary_currency').prop('disable',false);      
                } else {
                    $('#form-salary #salary_visible').bootstrapToggle('off')
                    $('#form-salary #salary_min').val('1');
                    $('#form-salary #salary_min').prop('readonly', true);
                    $('#form-salary #salary_max').val('99');
                    $('#form-salary #salary_max').prop('readonly', true);
                    $('#form-salary #salary_currency').val('USD');
                    $('#form-salary #salary_currency').prop('disable',true);    
                }
                validatorSalary.resetForm();
                $("#salary-box").modal('show');
            } else {
                $.fn.showError(response['data']);
            }
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });
        return false;
        
    });
    
    $('.btn-salary-close').on("click", function(e){
        e.preventDefault();
        
        $("#salary-box").modal('hide');
        return false;
    });

    var validatorExperience = $('#form-experience').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
        ignore: [],
        rules: {
            'experience_visible': {
                required: false,
            },
            'experience_min': {
                required:  '#form-experience #experience_visible:checked',
                digits: true,
                maxlength: 2,
            },
            'experience_max': {
                required:  '#form-experience #experience_visible:checked',
                digits: true,
                maxlength: 4,
                greaterThan : '#form-experience #experience_min',
            },
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       :  route_experience,
                'data'      :  $('#form-experience').serialize()
            }).done(function(response) {
                if(response['success']) {
                                        $('#overview-experience').html(response['data']);
                    $("#experience-box").modal('hide');
                } else {
                    validatorExperience.resetForm();
                    if(jQuery.type(response['data']) == 'string') {
                        $.fn.showError(response['data']);
                    } else  {
                        $.each(response['data'], function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-experience #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
            return false;
        },
        invalidHandler: function(form, validator) {
        
        }
    });
    
    $('.btn-experience-edit').on("click", function(e){
        e.preventDefault();
        
        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'get',
            'url'       : route_experience,
        }).done(function(response) {
           if(response['success']) {
                if(response['data']['experience_visible'] == 'y') {
                    $('#form-experience #experience_visible').bootstrapToggle('on')
                    $('#form-experience #experience_min').val(response['data']['experience_min']);
                    $('#form-experience #experience_min').prop('readonly', false);
                    $('#form-experience #experience_max').val(response['data']['experience_max']);
                    $('#form-experience #experience_max').prop('readonly', false);
                } else {
                    $('#form-experience #experience_visible').bootstrapToggle('off')
                    $('#form-experience #experience_min').val('1');
                    $('#form-experience #experience_min').prop('readonly', true);
                    $('#form-experience #experience_max').val('5');
                    $('#form-experience #experience_max').prop('readonly', true);
                }

                validatorExperience.resetForm();
                $("#experience-box").modal('show');
            } else {
                $.fn.showError(response['data']);
            }
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });
        return false;
        
    });
    
    $('.btn-experience-close').on("click", function(e){
        e.preventDefault();
        
        $("#experience-box").modal('hide');
        return false;
    });


    $('.btn-skills-edit').on("click", function(e){
        e.preventDefault();

        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'get',
            'url'       : route_skills,
        }).done(function(response) {
           if(response['success']) {
                $('#form-skill #skills').val(response['data']).trigger('change');
                validatorSkills.resetForm();
                
                $('#skills-box').modal('show');
            } else {
                $.fn.showError(response['data']);
            }
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });
        return false;

    });
    
    $('.btn-skills-close').on("click", function(e){
        e.preventDefault();
            
        $('#skills-box').modal('hide');
        return false;
    });
    
    var validatorSkills = $('#form-skill').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
         onfocusout: false,
        ignore: [],
        rules: {
            'skills[]': {
                required: true,
            }
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       :  route_skills,
                'data'      :  {
                    'skills[]' : $('#form-skill #skills').val()
                },
            }).done(function(response) {
                if(response['success']) {

                                        $('#list-skills').empty();
                    $.each(response['data'], function(index, item) {
                        $('#list-skills').append('<li><a href="#" title="">' + item.label + '</a></li>');
                    });                     
                                                        
                    $("#skills-box").modal('hide');
                } else {
                    validatorSkills.resetForm();
                    if(jQuery.type(response['data']) == 'string') {
                        $.fn.showError(response['data']);
                    } else  {
                        $.each(response['data'], function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-skill #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
            return false;
        },
        invalidHandler: function(form, validator) {
        
        }
    });
    

    
    var validatorLanguages = $('#form-language').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
         onfocusout: false,
        ignore: [],
        rules: {
            'languages[]': {
                required: true,
            }
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       :  route_languages,
                'data'      :  {
                    'languages[]' : $('#form-language #languages').val()
                },
            }).done(function(response) {
                if(response['success']) {

                                        $('#list-languages').empty();
                    $.each(response['data'], function(index, item) {
                        $('#list-languages').append('<li><a href="#" title="">' + item.label + '</a></li>');
                    });                     
                                                        
                    $("#languages-box").modal('hide');
                } else {
                    validatorLanguages.resetForm();
                    if(jQuery.type(response['data']) == 'string') {
                        $.fn.showError(response['data']);
                    } else  {
                        $.each(response['data'], function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-language #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
            return false;
        },
        invalidHandler: function(form, validator) {
        
        }
    });

    $('.btn-languages-edit').on("click", function(e){
        e.preventDefault();

        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'get',
            'url'       : route_languages,
        }).done(function(response) {
           if(response['success']) {
                $('#form-language #languages').val(response['data']).trigger('change');
                validatorLanguages.resetForm();

                $("#languages-box").modal('show');
            } else {
                $.fn.showError(response['data']);
            }
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });
        return false;

    });
    
    $('.btn-languages-close').on("click", function(e){
        e.preventDefault();
        
        $("#languages-box").modal('hide');
        return false;
    });


    var validatorDegrees = $('#form-degree').validate({
        debug: true,
        onclick: false,
        onkeyup: false,
         onfocusout: false,
        ignore: [],
        rules: {
            'degrees[]': {
                required: true,
            }
        },
        submitHandler: function(form)
        {
            NProgress.start();
            $.ajax({
                'dataType'  : 'json',
                'accept'    : 'application/json',
                'method'    : 'post',
                'url'       :  route_degrees,
                'data'      :  {
                    'degrees[]' : $('#form-degree #degrees').val()
                },
            }).done(function(response) {
                if(response['success']) {

                                        $('#list-degrees').empty();
                    $.each(response['data'], function(index, item) {
                        $('#list-degrees').append('<li><a href="#" title="">' + item.label + '</a></li>');
                    });                     
                                                        
                    $("#degrees-box").modal('hide');
                } else {
                    validatorDegrees.resetForm();
                    if(jQuery.type(response['data']) == 'string') {
                        $.fn.showError(response['data']);
                    } else  {
                        $.each(response['data'], function( fieldname, errors ) {
                            $.fn.showFormErrorValidator('#form-degree #' + fieldname, errors);
                        });
                    }
                }
            }).fail(function( jqXHR, textStatus, errorThrown) {
                $.fn.showError(textStatus);
            }).always(function() {
                NProgress.done();
            });
            return false;
        },
        invalidHandler: function(form, validator) {
        
        }
    });

    $('.btn-degrees-edit').on("click", function(e){
        e.preventDefault();

        NProgress.start();
        $.ajax({
            'dataType'  : 'json',
            'accept'    : 'application/json',
            'method'    : 'get',
            'url'       : route_degrees,
        }).done(function(response) {
           if(response['success']) {
                $('#form-degree #degrees').val(response['data']).trigger('change');
                validatorDegrees.resetForm();

                $("#degrees-box").modal('show');
            } else {
                $.fn.showError(response['data']);
            }
        }).fail(function( jqXHR, textStatus, errorThrown) {
            $.fn.showError(textStatus);
        }).always(function() {
            NProgress.done();
        });
        return false;

    });
    
    $('.btn-degrees-close').on("click", function(e){
        e.preventDefault();
        
        $("#degrees-box").modal('hide');
        return false;
    });


    $('#form-degree #degrees').select2({ 
        theme: 'bootstrap4',
        width: '100%',
        placeholder: 'LABEL_SELECT_DEGREE' 
    });

    $('#form-skill #skills').select2({ 
        theme: 'bootstrap4',
        width: '100%', 
        placeholder: 'LABEL_SELECT_ONE_SKILLS'
    });

    $('#form-language #languages').select2({ 
        theme: 'bootstrap4',
        width: '100%', 
        placeholder: 'LABEL_SELECT_ONE_LANGUAGE'
    });


    
    $('#form-last-date-of-application #last_date_of_application').datetimepicker({
        locale: 'es',
        format: 'DD/MM/YYYY'
    });

    $('#form-salary #salary_visible').bootstrapToggle({'on' : 'LABEL_SHOW',  'off' : 'LABEL_NO_SHOW', 'width' : '160px', 'height' : '40px'});
    $('#form-salary #salary_min').inputNumberFormat({ 'decimal': 2 });
    $('#form-salary #salary_max').inputNumberFormat({ 'decimal': 2 });

    $('#form-salary #salary_visible').change(function(e) {
        e.preventDefault();

        if($(this).prop('checked')) {
            $('#form-salary #salary_min').prop('readonly', false);
            $('#form-salary #salary_max').prop('readonly', false);
            $('#form-salary #salary_currency').prop('disabled', false);
        } else {
            $('#form-salary #salary_min').val('1');
            $('#form-salary #salary_max').val('99');
            $('#form-salary #salary_min').prop('readonly', true);
            $('#form-salary #salary_max').prop('readonly', true);
            $('#form-salary #salary_currency').prop('disabled', true);
        }
    });

    $('#form-experience #experience_visible').bootstrapToggle({'on' : 'LABEL_SHOW',  'off' : 'LABEL_NO_SHOW', 'width' : '160px', 'height' : '40px'});
    $('#form-experience #experience_min').inputNumberFormat({ 'decimal': 0 });
    $('#form-experience #experience_max').inputNumberFormat({ 'decimal': 0 });

    $('#form-experience #experience_visible').change(function(e) {
        e.preventDefault();

        if($(this).prop('checked')) {
            $('#form-experience #experience_min').prop('readonly', false);
            $('#form-experience #experience_max').prop('readonly', false);
        } else {
            $('#form-experience #experience_min').val('1');
            $('#form-experience #experience_max').val('5');
            $('#form-experience #experience_min').prop('readonly', true);
            $('#form-experience #experience_max').prop('readonly', true);
       }
    });
    
    
});
JS;
$this->inlineScript()->captureEnd();

$js = <<<JS
const linksVars = {
    link_add:"$routeAdd",
    link_table: "$routeDatatable",
    allowAdd: "$allowAdd",
    allowDelete: "$allowDelete",
    allowEdit: "$allowEdit",
    allowUsersWhoApplied: "$allowUsersWhoApplied",
    googleApi: "$google_map_key" 
}
JS;

$this->inlineScript()->appendScript($js);
$this->headLink()->appendStylesheet('/react-bundles/jobs/main.css');
$this->inlineScript()->appendFile('/react-bundles/jobs/jobsBundle.js');
?>

<!-- Content Header (Page header) -->
<div id="jobs"></div>



<div class="modal" tabindex="-1" role="dialog" id="add-job-box">
    <div class="modal-dialog" role="document">
        <?php
        $form = $this->formAdd;
        $form->setAttributes([
            'method'    => 'post',
            'name'      => 'form-add',
            'id'        => 'form-add'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);

        $fieldnames = [
            'formatted_address',
            'address1',
            'address2',
            'country',
            'state',
            'city1',
            'city2',
            'postal_code',
            'latitude',
            'longitude',
        ];

        foreach ($fieldnames as $fieldname) {

            $element = $form->get($fieldname);
            echo $this->formHidden($element);
        }
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">LABEL_NEW_JOB</h3>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <?php
                    $element = $form->get('title');
                    $element->setOptions(['label' => 'LABEL_TITLE']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('employment_type');
                    $element->setAttributes(['class' => 'form-control']);
                    $element->setOptions(['empty_option' => 'LABEL_SELECT_EMPLOYMENT_TYPE', 'label' => 'LABEL_EMPLOYMENT_TYPE']);
                    echo $this->formLabel($element);
                    echo $this->formSelect($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('last_date_of_application');
                    $element->setAttributes(['class' => 'form-control']);
                    $element->setOptions(['label' => 'LABEL_LAST_DATE_OF_APPLICATION']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                </div>

                <div class="form-group">
                    <?php
                    $element = $form->get('job_category_id');
                    $element->setOptions(['empty_option' => 'LABEL_SELECT_JOB_CATEGORY', 'label' => 'LABEL_JOB_CATEGORY']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formSelect($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('location_search');
                    $element->setAttributes(['name' => 'add_location_search',  'id' => 'add_location_search', 'class' => 'form-control']);
                    $element->setOptions(['label' => 'LABEL_LOCATION']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                </div>
            </div>

            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-add-job-cancel">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>


<!-- The Modal -->
<div class="modal" id="modalUsersWhoApplied">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">

            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">LABEL_USERS_WHO_APPLIED</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <!-- Modal body -->
            <div class="modal-body">
                <div style="height: 300px;overflow: scroll;">
                    <table id="gridTableUsersWhoApplied" style="width: 100%" class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>LABEL_FIRST_NAME</th>
                                <th>LABEL_LAST_NAME</th>
                                <th>LABEL_EMAIL</th>
                                <th>LABEL_ACTIONS</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>

            </div>

            <!-- Modal footer -->
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">LABEL_CLOSE</button>
            </div>

        </div>
    </div>
</div>

<div class="modal" tabindex="-1" role="dialog" id="job-category-box">
    <div class="modal-dialog" role="document">
        <?php
        $form = $this->formJobCategory;
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-job-category',
            'id' => 'form-job-category'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">LABEL_JOB_CATEGORY</h3>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <?php
                    $element = $form->get('job_category_id');
                    $element->setOptions(['label' => 'LABEL_JOB_CATEGORY']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formSelect($element);
                    ?>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-job-category-close">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>

<div class="modal" tabindex="-1" role="dialog" id="salary-box">
    <div class="modal-dialog" role="document">
        <?php
        $form = $this->formSalary;
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-salary',
            'id' => 'form-salary'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">LABEL_SALARY</h3>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <?php
                    $element = $form->get('salary_visible');
                    echo $this->formCheckbox($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('salary_currency');
                    $element->setAttributes(['class' => 'form-control']);
                    $element->setOptions(['label' => 'LABEL_CURRENCY']);
                    echo $this->formLabel($element);
                    echo $this->formSelect($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('salary_min');
                    $element->setOptions(['label' => 'LABEL_MINIMUM']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('salary_max');
                    $element->setOptions(['label' => 'LABEL_MAXIMUM']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-salary-close">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>

<div class="modal" tabindex="-1" role="dialog" id="experience-box">
    <div class="modal-dialog" role="document">
        <?php
        $form = $this->formExperience;
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-experience',
            'id' => 'form-experience'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">LABEL_EXPERIENCE</h3>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <?php
                    $element = $form->get('experience_visible');

                    echo $this->formCheckbox($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('experience_min');
                    $element->setOptions(['label' => 'LABEL_MINIMUM']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                </div>
                <div class="form-group">
                    <?php
                    $element = $form->get('experience_max');
                    $element->setOptions(['label' => 'LABEL_MAXIMUM']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formText($element);
                    ?>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-experience-close">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>


<div class="modal" tabindex="-1" role="dialog" id="skills-box">
    <div class="modal-dialog" role="document">
        <?php
        $form = $this->formSkill;
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-skill',
            'id' => 'form-skill'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">LABEL_SKILLS</h3>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <?php
                    $element = $form->get('skills');
                    $element->setOptions(['label' => 'LABEL_SKILLS']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formSelect($element);
                    ?>
                </div>
            </div>


            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-skills-close">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>

<div class="modal" tabindex="-1" role="dialog" id="languages-box">
    <div class="modal-dialog" role="document">
        <?php
        $form = $this->formLanguage;
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-language',
            'id' => 'form-language'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">LABEL_LANGUAGES</h3>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <?php
                    $element = $form->get('languages');
                    $element->setOptions(['label' => 'LABEL_LANGUAGES']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formSelect($element);
                    ?>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-languages-close">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>

<div class="modal" tabindex="-1" role="dialog" id="degrees-box">
    <div class="modal-dialog" role="document">
        <?php
        $form = $this->formDegree;
        $form->setAttributes([
            'method' => 'post',
            'name' => 'form-degree',
            'id' => 'form-degree'
        ]);
        $form->prepare();
        echo $this->form()->openTag($form);
        ?>
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title">LABEL_DEGREES</h3>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <?php
                    $element = $form->get('degrees');
                    $element->setOptions(['label' => 'LABEL_DEGREES']);
                    $element->setAttributes(['class' => 'form-control']);
                    echo $this->formLabel($element);
                    echo $this->formSelect($element);
                    ?>
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">LABEL_SAVE</button>
                <button type="button" class="btn btn-default btn-degrees-close">LABEL_CANCEL</button>
            </div>
            <?php echo $this->form()->closeTag($form); ?>
        </div>
    </div>
</div>