WebSVN – LeadersLinked - Backend – Diff – /module/LeadersLinked/view/leaders-linked/jobs/index.phtml

-<?php
+\<?php
 $acl            = $this->viewModel()->getRoot()->getVariable('acl');
 $currentUser    = $this->currentUserHelper();
 $roleName       = $currentUser->getUserTypeId();
 $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->inlineScript()->appendFile('https://maps.googleapis.com/maps/api/js?key=' . $google_map_key . '&libraries=places');
+$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->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->inlineScript()->appendFile($this->basePath('plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js'));
+$this->headStyle()->captureStart();
-$this->headStyle()->captureStart();
+echo <<<CSS
 echo <<<CSS
 #gridTableUsersWhoApplied {
     display: flex;
     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 =  '';
-$categories = json_encode($job_categories);
-$js = <<<JS
-const linksVars = {
-    link_add:"$routeAdd",
-    link_table: "$routeDatatable",
-    allowAdd: "$allowAdd",
-    allowDelete: "$allowDelete",
-    allowEdit: "$allowEdit",
-    jobCategoryOptions: $categories,
+        var allowDelete = $allowDelete;
-    allowUsersWhoApplied: "$allowUsersWhoApplied",
-    googleApi: "$google_map_key"
-}
-const LABELS = {
-    'ADD': 'LABEL_ADD',
-    'EDIT': 'LABEL_EDIT',
+        var allowEdit = $allowEdit;
-    'DELETE': 'LABEL_DELETE',
-    'REFRESH': 'LABEL_REFRESH',
+        var allowUsersWhoApplied = $allowUsersWhoApplied;
-    'USERS_WHO_APPLIED': 'LABEL_USERS_WHO_APPLIED',
-    'SEARCH': 'LABEL_DATATABLE_SSEARCH',
-    'REGISTER': 'LABEL_REGISTER',
+        var gridTable = $('#gridTable').dataTable( {
-    'SHOW': 'LABEL_SHOW',
-    'JOBS': 'LABEL_JOBS',
-    'STATUS':'LABEL_STATUS',
-    'EMPLOYMENT_TYPE':'LABEL_EMPLOYMENT_TYPE',
+            'processing': true,
-    'QTY_USERS_WHO_APPLIED':'LABEL_QTY_USERS_WHO_APPLIED',
+            'serverSide': true,
-    'DATATABLE_SINFO' : 'LABEL_DATATABLE_SINFO',
+            'searching': true,
-    'EDIT_JOB' : 'LABEL_EDIT_JOB',
-    'TITLE' : 'LABEL_TITLE',
-    'OVERVIEW' : 'LABEL_OVERVIEW',
+            'order': [[ 0, 'desc' ]],
-    'LAST_DATE_OF_APPLICATION' : 'LABEL_LAST_DATE_OF_APPLICATION',
-    'EMPLOYMENT_TYPE' : 'LABEL_EMPLOYMENT_TYPE',
+            'ordering':  true,
-    'LOCATION' : 'LABEL_LOCATION',
-    'EXPERIENCE' : 'LABEL_EXPERIENCE',
+            'ordenable' : true,
-    'SALARY' : 'LABEL_SALARY',
-    'CATEGORIE' : 'LABEL_CATEGORIE',
+            'responsive': true,
-    'SKILLS' : 'LABEL_SKILLS',
-    'LANGUAGES' : 'LABEL_LANGUAGES',
+            'select' : false,
+        	'paging': true,
+            'pagingType': 'simple_numbers',
-    'DEGREES' : 'LABEL_DEGREES',
+    		'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               = [];
-JS;
+                    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();
+            },
+            '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');
+    var autocompleteLocation = new google.maps.places.Autocomplete(
+        (document.getElementById('location_search')),
+        {types: ['(cities)']}
+    );
+    $.fn.fillInAddressLocation = function() {
+        var place = autocompleteLocation.getPlace();
+        if (!place.geometry) {
+            $.fn.showError('ERROR_PLACED_AUTOCOMPLETE_DOES_NOT_CONTAIN_GEOMETRY')
+            return;
+        } else {
+            address1 = '';
+            address2 = '';
+            city1 = '';
+            city2 = '';
+            state = '';
+            country = '';
+            postal_code = '';
+            formatted_address = place.formatted_address;
+            latitude = place.geometry.location.lat();
+            longitude = place.geometry.location.lng();
+            var arrAddress = place.address_components;
+            $.each(arrAddress, function(i, address_component) {
+                if (address_component.types[0] == "route") {
+                    address1 = address_component.long_name;
+                }
+                if (address_component.types[0] == "sublocality") {
+                    address2 = address_component.long_name;
+                }
+                if (address_component.types[0] == "locality") {
+                    city1 = address_component.long_name;
+                }
+                if (address_component.types[0] == "administrative_area_level_2") {
+                    city2 = address_component.long_name;
+                }
+                if (address_component.types[0] == "administrative_area_level_1") {
+                    state = address_component.long_name;
+                }
+                if (address_component.types[0] == "country") {
+                    country = address_component.long_name;
+                }
+                if (address_component.types[0] == "postal_code") {
+                    postal_code = address_component.long_name;
+                }
+            });
+            $('#form-location #formatted_address').val(formatted_address);
+            $('#form-location #address1').val(address1);
+            $('#form-location #address2').val(address2);
+            $('#form-location #city1').val(city1);
+            $('#form-location #city2').val(city2);
+            $('#form-location #state').val(state);
+            $('#form-location #country').val(country);
+            $('#form-location #postal_code').val(postal_code);
+            $('#form-location #latitude').val(latitude);
+            $('#form-location #longitude').val(longitude);
+        }
+    }
+    var autocompleteLocationNew = new google.maps.places.Autocomplete(
+        (document.getElementById('add_location_search')),
+        {types: ['(cities)']}
+    );
+    $.fn.fillInAddressNewLocation = function() {
+        var place = autocompleteLocationNew.getPlace();
+        if (!place.geometry) {
+            $.fn.showError('ERROR_PLACED_AUTOCOMPLETE_DOES_NOT_CONTAIN_GEOMETRY')
+            return;
+        } else {
+            address1 = '';
+            address2 = '';
+            city1 = '';
+            city2 = '';
+            state = '';
+            country = '';
+            postal_code = '';
+            formatted_address = place.formatted_address;
+            latitude = place.geometry.location.lat();
+            longitude = place.geometry.location.lng();
+            var arrAddress = place.address_components;
+            $.each(arrAddress, function(i, address_component) {
+                if (address_component.types[0] == "route") {
+                    address1 = address_component.long_name;
+                }
+                if (address_component.types[0] == "sublocality") {
+                    address2 = address_component.long_name;
+                }
+                if (address_component.types[0] == "locality") {
+                    city1 = address_component.long_name;
+                }
+                if (address_component.types[0] == "administrative_area_level_2") {
+                    city2 = address_component.long_name;
+                }
+                if (address_component.types[0] == "administrative_area_level_1") {
+                    state = address_component.long_name;
+                }
+                if (address_component.types[0] == "country") {
+                    country = address_component.long_name;
+                }
+                if (address_component.types[0] == "postal_code") {
+                    postal_code = address_component.long_name;
+                }
+            });
+            $('#form-add #formatted_address').val(formatted_address);
+            $('#form-add #address1').val(address1);
+            $('#form-add #address2').val(address2);
+            $('#form-add #city1').val(city1);
+            $('#form-add #city2').val(city2);
+            $('#form-add #state').val(state);
+            $('#form-add #country').val(country);
+            $('#form-add #postal_code').val(postal_code);
+            $('#form-add #latitude').val(latitude);
+            $('#form-add #longitude').val(longitude);
+        }
+    }
+    $.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;
+    });
+    $('#form-add #last_date_of_application').datetimepicker({
+        //viewMode: 'years',
+        locale: 'es',
+        format: 'DD/MM/YYYY'
+    });
+    $('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 validatorLocation = $('#form-location').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        onfocusout: false,
+        ignore: [],
+        rules: {
+            'location_search': {
+                required: true,
+                checkLocation: '#form-location #latitude'
+            }
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  route_location,
+                'data'      :  $('#form-location').serialize(),
+            }).done(function(response) {
+                if(response['success']) {
+                    $('#overview-location').html(response.data);
+                    $("#location-box").modal('hide');
+                } else {
+                    validatorLocation.resetForm();
+                    $.fn.showError(response['data']);
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('body').on('click', 'a.btn-location-edit', function(e) {
+        e.preventDefault();
+        $('#form-location #location_search').val('');
+        $('#form-location #formatted_address').val('');
+        $('#form-location #address1').val('');
+        $('#form-location #address2').val('');
+        $('#form-location #country').val('');
+        $('#form-location #state').val('');
+        $('#form-location #city1').val('');
+        $('#form-location #city2').val('');
+        $('#form-location #postal_code').val('');
+        $('#form-location #latitude').val('');
+        $('#form-location #longitude').val('');
+        validatorLocation.resetForm();
+        $("#location-box").modal('show');
+    });
+    $('.btn-location-close').on("click", function(e){
+        e.preventDefault();
+        $("#location-box").modal('hide');
+        return false;
+    });
+    var validatorLastDateOfApplication = $('#form-last-date-of-application').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        onfocusout: false,
+        ignore: [],
+        rules: {
+            'last_date_of_application': {
+                required: true,
+            },
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  route_last_date_of_application,
+                'data'      :  $('#form-last-date-of-application').serialize()
+            }).done(function(response) {
+                if(response['success']) {
+                    $('#overview-last-date-of-application').html(response['data']);
+                    $("#last-date-of-application-box").modal('hide');
+                } else {
+                    validatorLastDateOfApplication.resetForm();
+                    if(jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data']);
+                    } else  {
+                        $.each(response['data'], function( fieldname, errors ) {
+                            $.fn.showFormErrorValidator('#form-last-date-of-application #' + fieldname, errors);
+                        });
+                    }
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('.btn-last-date-of-application-edit').on("click", function(e){
+        e.preventDefault();
+        NProgress.start();
+        $.ajax({
+            'dataType'  : 'json',
+            'accept'    : 'application/json',
+            'method'    : 'get',
+            'url'       : route_last_date_of_application,
+        }).done(function(response) {
+           if(response['success']) {
+                $('#form-last-date-of-application #last_date_of_application').val(response['data']);
+                validatorLastDateOfApplication.resetForm();
+                $("#last-date-of-application-box").modal('show');
+            } else {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function( jqXHR, textStatus, errorThrown) {
+            $.fn.showError(textStatus);
+        }).always(function() {
+            NProgress.done();
+        });
+        return false;
+    });
+    $('.btn-last-date-of-application-close').on("click", function(e){
+        e.preventDefault();
+        $("#last-date-of-application-box").modal('hide');
+        return false;
+    });
+    var validatorExtended = $('#form-extended').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        onfocusout: false,
+        ignore: [],
+        rules: {
+            'description': {
+                updateCkeditor:function() {
+                        CKEDITOR.instances.description.updateElement();
+                },
+                required: false,
+            },
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  route_extended,
+                'data'      :  $('#form-extended').serialize()
+            }).done(function(response) {
+                if(response['success']) {
+                    $('#overview-description').html(response['data']['description']);
+                    $("#extended-box").modal('hide');
+                } else {
+                    validatorExtended.resetForm();
+                    if(jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data']);
+                    } else  {
+                        $.each(response['data'], function( fieldname, errors ) {
+                            $.fn.showFormErrorValidator('#form-extended #' + fieldname, errors);
+                        });
+                    }
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('.btn-extended-edit').on("click", function(e){
+        e.preventDefault();
+        NProgress.start();
+        $.ajax({
+            'dataType'  : 'json',
+            'accept'    : 'application/json',
+            'method'    : 'get',
+            'url'       : route_extended,
+        }).done(function(response) {
+           if(response['success']) {
+                CKEDITOR.instances.description.setData(response['data']['description']);
+                validatorExtended.resetForm();
+                $("#extended-box").modal('show');
+            } else {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function( jqXHR, textStatus, errorThrown) {
+            $.fn.showError(textStatus);
+        }).always(function() {
+            NProgress.done();
+        });
+        return false;
+    });
+    $('.btn-extended-close').on("click", function(e){
+        e.preventDefault();
+        $("#extended-box").modal('hide');
+        return false;
+    });
+    var validatorJobCategory = $('#form-job-category').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        ignore: [],
+        rules: {
+            'job-category_id': {
+                required: false,
+                digits: true
+            },
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  route_job_category,
+                'data'      :  $('#form-job-category').serialize()
+            }).done(function(response) {
+                if(response['success']) {
+					$('#overview-job-category').html(response['data']);
+                    $("#job-category-box").modal('hide');
+                } else {
+                    validatorJobCategory.resetForm();
+                    if(jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data']);
+                    } else  {
+                        $.each(response['data'], function( fieldname, errors ) {
+                            $.fn.showFormErrorValidator('#form-job-category #' + fieldname, errors);
+                        });
+                    }
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('.btn-job-category-edit').on("click", function(e){
+        e.preventDefault();
+        NProgress.start();
+        $.ajax({
+            'dataType'  : 'json',
+            'accept'    : 'application/json',
+            'method'    : 'get',
+            'url'       : route_job_category,
+        }).done(function(response) {
+           if(response['success']) {
+                $('#form-job-category #job_category_id').val(response['data']).trigger('change');
+                validatorJobCategory.resetForm();
+                $("#job-category-box").modal('show');
+            } else {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function( jqXHR, textStatus, errorThrown) {
+            $.fn.showError(textStatus);
+        }).always(function() {
+            NProgress.done();
+        });
+        return false;
+    });
+    $('.btn-job-category-close').on("click", function(e){
+        e.preventDefault();
+        $("#job-category-box").modal('hide');
+        return false;
+    });
+    var validatorEmploymentType = $('#form-employment-type').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        ignore: [],
+        rules: {
+            'employment_type': {
+                required: false,
+            },
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  route_employment_type,
+                'data'      :  $('#form-employment-type').serialize()
+            }).done(function(response) {
+                if(response['success']) {
+					$('#overview-employment-type').html(response['data']);
+                    $("#employment-type-box").modal('hide');
+                } else {
+                    validatorEmploymentType.resetForm();
+                    if(jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data']);
+                    } else  {
+                        $.each(response['data'], function( fieldname, errors ) {
+                            $.fn.showFormErrorValidator('#form-employment-type #' + fieldname, errors);
+                        });
+                    }
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('.btn-employment-type-edit').on("click", function(e){
+        e.preventDefault();
+        NProgress.start();
+        $.ajax({
+            'dataType'  : 'json',
+            'accept'    : 'application/json',
+            'method'    : 'get',
+            'url'       : route_employment_type,
+        }).done(function(response) {
+           if(response['success']) {
+                $('#form-employment-type #employment_type').val(response['data']).trigger('change');
+                validatorEmploymentType.resetForm();
+                $("#employment-type-box").modal('show');
+            } else {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function( jqXHR, textStatus, errorThrown) {
+            $.fn.showError(textStatus);
+        }).always(function() {
+            NProgress.done();
+        });
+        return false;
+    });
+    $('.btn-employment-type-close').on("click", function(e){
+        e.preventDefault();
+        $("#employment-type-box").modal('hide');
+        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);
+       }
+    });
+    var validatorStatus = $('#form-status').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        ignore: [],
+        rules: {
+            'status': {
+                required: false,
+            },
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  route_status,
+                'data'      :  $('#form-status').serialize()
+            }).done(function(response) {
+                if(response['success']) {
+					$('#overview-status').html(response['data']['status']);
+                    $("#status-box").modal('hide');
+                } else {
+                    validatorStatus.resetForm();
+                    if(jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data']);
+                    } else  {
+                        $.each(response['data'], function( fieldname, errors ) {
+                            $.fn.showFormErrorValidator('#form-status #' + fieldname, errors);
+                        });
+                    }
+                }
+            }).fail(function( jqXHR, textStatus, errorThrown) {
+                $.fn.showError(textStatus);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('.btn-status-edit').on("click", function(e){
+        e.preventDefault();
+        NProgress.start();
+        $.ajax({
+            'dataType'  : 'json',
+            'accept'    : 'application/json',
+            'method'    : 'get',
+            'url'       : route_status,
+        }).done(function(response) {
+           if(response['success']) {
+                $('#form-status #status').val(response['data']['status']);
+                validatorStatus.resetForm();
+                $("#status-box").modal('show');
+            } else {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function( jqXHR, textStatus, errorThrown) {
+            $.fn.showError(textStatus);
+        }).always(function() {
+            NProgress.done();
+        });
+        return false;
+    });
+    $('.btn-status-close').on("click", function(e){
+        e.preventDefault();
+        $("#status-box").modal('hide');
+        return false;
+    });
+    var validatorTitle = $('#form-title').validate({
+        debug: true,
+        onclick: false,
+        onkeyup: false,
+        ignore: [],
+        rules: {
+            'title': {
+                required: true,
+                maxlength: 128,
+            },
+        },
+        submitHandler: function(form)
+        {
+            NProgress.start();
+            $.ajax({
+                'dataType'  : 'json',
+                'accept'    : 'application/json',
+                'method'    : 'post',
+                'url'       :  route_title,
+                'data'      :  $('#form-title').serialize()
+            }).done(function(response) {
+                if(response['success']) {
+					$('#overview-title').html(response['data']['title']);
+                    $("#title-box").modal('hide');
+                } else {
+                    validatorTitle.resetForm();
+                    if(jQuery.type(response['data']) == 'string') {
+                        $.fn.showError(response['data']);
+                    } else  {
+                        $.each(response['data'], function( fieldname, errors ) {
+                            $.fn.showFormErrorValidator('#form-title #' + fieldname, errors);
+                        });
+                    }
+                }
+            }).fail(function( jqXHR, textTitle, errorThrown) {
+                $.fn.showError(textTitle);
+            }).always(function() {
+                NProgress.done();
+            });
+            return false;
+        },
+        invalidHandler: function(form, validator) {
+        }
+    });
+    $('.btn-title-edit').on("click", function(e){
+        e.preventDefault();
+        NProgress.start();
+        $.ajax({
+            'dataType'  : 'json',
+            'accept'    : 'application/json',
+            'method'    : 'get',
+            'url'       : route_title,
+        }).done(function(response) {
+           if(response['success']) {
+                $('#form-title #title').val(response['data']['title'] );
+                validatorTitle.resetForm();
+                $("#title-box").modal('show');
+            } else {
+                $.fn.showError(response['data']);
+            }
+        }).fail(function( jqXHR, textTitle, errorThrown) {
+            $.fn.showError(textTitle);
+        }).always(function() {
+            NProgress.done();
+        });
+        return false;
+    });
+    $('body').on('click', 'button.btn-delete', function(e) {
+        e.preventDefault();
+        var action = $(this).data('href');
+          swal.fire({
+            title: 'LABEL_ARE_YOU_SURE',
+            icon: 'question',
+            cancelButtonText: 'LABEL_NO',
+            showCancelButton: true,
+            confirmButtonText: 'LABEL_YES'
+          }).then((result) => {
+            if (result.isConfirmed) {
+                    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();
+                    });
+            }
+       });
+    });
+    $('.btn-title-close').on("click", function(e){
+        e.preventDefault();
+        $("#title-box").modal('hide');
+        return false;
+    });
+    $('h1.btn-edit-back').on("click", function(e){
+        e.preventDefault();
+        $('#divEdit').hide();
+        $('#divListing').show();
+        return false;
+    });
+    CKEDITOR.replace('description');
+    autocompleteLocation.addListener('place_changed', $.fn.fillInAddressLocation);
-$this->inlineScript()->appendScript($js);
+    autocompleteLocationNew.addListener('place_changed', $.fn.fillInAddressNewLocation);
-$this->headLink()->appendStylesheet('/react-bundles/jobs/main.css');
+});
+JS;
+$this->inlineScript()->captureEnd();
+?>
+<!-- Content Header (Page header) -->
+<div id="divListing">
+    <section class="content-header">
+    	<div class="container-fluid">
+        	<div class="row mb-2">
+            	<div class="col-sm-12">
+                	<h1>LABEL_JOBS</h1>
+    			</div>
+    		</div>
+    	</div><!-- /.container-fluid -->
+    </section>
+    <section class="content">
+    	<div class="container-fluid">
+        	<div class="row" >
+            	<div class="col-12">
+    				<div class="card">
+    					<div class="card-body">
+            	    		<table id="gridTable" class="table   table-hover">
+                          		<thead>
+            						<tr>
+                                      	<th>LABEL_LAST_DATE_OF_APPLICATION</th>
+                                      	<th>LABEL_TITLE</th>
+                                      	<th>LABEL_DETAILS</th>
+                                    	<th>LABEL_ACTIONS</th>
+                                    </tr>
+                           		</thead>
+                             	<tbody>
+                             	</tbody>
+                        	</table>
+                       	</div>
+                       	<div class="card-footer clearfix">
+                       		<div style="float:right;">
+    							<button type="button" class="btn btn-info btn-refresh"><i class="fa fa-refresh"></i> LABEL_REFRESH </button>
+    							<?php if($allowAdd) : ?>
+    							<button type="button" class="btn btn-primary btn-add"><i class="fa fa-plus"></i> LABEL_ADD </button>
+    							<?php endif; ?>
+    						</div>
+                     	</div>
+              		</div>
+               	</div>
+            </div>
+         </div>
+    	</section>
+</div>
+<div id="divEdit" style="display: none">
+    <section class="content-header">
+    	<div class="container-fluid">
+        	<div class="row mb-2">
+            	<div class="col-sm-12">
+                	<h1 class="btn-edit-back" ><i class="fa fa-chevron-left" aria-hidden="true"></i> LABEL_EDIT_JOB</h1>
+    			</div>
+    		</div>
+    	</div><!-- /.container-fluid -->
+    </section>
+    <section class="content">
+    	<div class="container-fluid">
+        	<div class="row">
+        		<div class="col-lg-3">
+        		</div>
+           		<div class="col-lg-6">
+						<div class="main-ws-sec">
+							<!--user-profile-ov end -->
+							<div class="user-profile-ov">
+								<h3>
+									LABEL_STATUS  <a href="#" title="" class="btn-status-edit"> <i
+										class="fa fa-pencil"></i></a>
+								</h3>
+								<p id="overview-status"></p>
+							</div>
+                        	<div class="user-profile-ov">
+                        		<h3>LABEL_TITLE
+                            	<a href="#" title="" class="btn-title-edit"><i class="fa fa-pencil"></i></a>
+                            	</h3>
+                            	<p id="overview-title"></p>
+                            </div>
+							<div class="user-profile-ov">
+								<h3>LABEL_OVERVIEW
+								<a href="#" title="" class="btn-extended-edit"><i class="fa fa-pencil"></i></a>
+								</h3>
+								<p id="overview-description"></p>
+							</div>
+							<!--user-profile-ov end-->
+							<div class="user-profile-ov st2">
+								<h3>LABEL_LAST_DATE_OF_APPLICATION
+									<a href="#" title="" class="btn-last-date-of-application-edit"><i class="fa fa-pencil"></i></a> <a href="#" title="" class="esp-bx-open"></a>
+								</h3>
+								<span id="overview-last-date-of-application"></span>
+							</div>
+							<!--user-profile-ov end-->
+							<div class="user-profile-ov">
+								<h3>LABEL_EMPLOYMENT_TYPE
+								<a href="#" title="" class="btn-employment-type-edit"><i class="fa fa-pencil"></i></a>
+								</h3>
+								<span id="overview-employment-type"></span>
+							</div>
+							<!--user-profile-ov end-->
+							<div class="user-profile-ov">
+								<h3>
+									<a href="#" title="">LABEL_LOCATION</a>
+									<a href="#" title="" class="btn-location-edit"><i class="fa fa-pencil"></i></a>
+								</h3>
+								<span id="overview-location"></span>
+							</div>
+							<!--user-profile-ov end-->
+							<div class="user-profile-ov">
+								<h3>
+									LABEL_EXPERIENCE
+									<a href="#" title="" class="btn-experience-edit"><i class="fa fa-pencil"></i></a>
+								</h3>
+								<span id="overview-experience" > </span>
+							</div>
+							<!--user-profile-ov end-->
+							<div class="user-profile-ov">
+								<h3>
+									LABEL_SALARY
+									<a href="#" title="" class="btn-salary-edit"><i class="fa fa-pencil"></i></a>
+								</h3>
+								<span id="overview-salary" ></span>
+							</div>
+							<!--user-profile-ov end-->
+							<div class="user-profile-ov">
+								<h3>
+									LABEL_CATEGORIE
+									<a href="#" title="" class="btn-job-category-edit"><i class="fa fa-pencil"></i></a>
+								</h3>
+								<span id="overview-job-category"></span>
+							</div>
+							<!--user-profile-ov end-->
+							<div class="user-profile-ov">
+								<h3>
+									LABEL_SKILLS  <a href="#" title="" class="btn-skills-edit"> <i
+										class="fa fa-pencil"></i></a>
+								</h3>
+								<ul id="list-skills">
+        						</ul>
+							</div>
+							<!--user-profile-ov end -->
+							<div class="user-profile-ov">
+								<h3>
+									LABEL_LANGUAGES  <a href="#" title="" class="btn-languages-edit"> <i
+										class="fa fa-pencil"></i></a>
+								</h3>
+								<ul id="list-languages">
+        						</ul>
+							</div>
+							<!--user-profile-ov end -->
+							<div class="user-profile-ov">
+								<h3>
+									LABEL_DEGREES  <a href="#" title="" class="btn-degrees-edit"> <i
+										class="fa fa-pencil"></i></a>
+								</h3>
+								<ul id="list-degrees">
+        						</ul>
+							</div>
+					</div>
+				</div>
+				<div class="col-lg-3">
+				</div>
+ 			</div>
+     	</div>
+    </section>
+</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="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
+      		</div>
+            <!-- Modal body -->
+      		<div class="modal-body">
+      			<div style="height: 300px;overflow: scroll;">
+    				<table id="gridTableUsersWhoApplied" style="width: 100%" class="table table-bordered">
+                		<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="extended-box">
+	<div class="modal-dialog" role="document">
+		<?php
+        $form = $this->formExtended;
+        $form->setAttributes([
+            'method' => 'post',
+            'name' => 'form-extended',
+            'id' => 'form-extended'
+        ]);
+        $form->prepare();
+        echo $this->form()->openTag($form);
+        ?>
+    	<div class="modal-content">
+      		<div class="modal-header">
+        		<h3 class="modal-title">LABEL_OVERVIEW</h3>
+      		</div>
+          	<div class="modal-body">
+                <div class="form-group">
+    			<?php
+                $element = $form->get('description');
+                $element->setOptions(['label' => 'LABEL_OVERVIEW']);
+                $element->setAttributes(['class' => 'form-control']);
+                echo $this->formLabel($element);
+                echo $this->formTextArea($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-extended-close">LABEL_CANCEL</button>
+          	</div>
+      	<?php echo $this->form()->closeTag($form); ?>
+    	</div>
+	</div>
+</div>
+<div class="modal" tabindex="-1" role="dialog" id="location-box">
+	<div class="modal-dialog" role="document">
+		<?php
+        $form = $this->formLocation;
+        $form->setAttributes([
+            'method' => 'post',
+            'name' => 'form-location',
+            'id' => 'form-location'
+        ]);
+        $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_LOCATION</h3>
+      		</div>
+          	<div class="modal-body">
+    			<div class="form-group datefm">
+    				<?php
+                        $element = $form->get('location_search');
+                        $element->setOptions(['label' => 'LABEL_LOCATION']);
+                        $element->setAttributes(['class' => 'form-control']);
+                        echo $this->formLabel($element);
+                        echo $this->formText($element);
+                    ?>
+    				<i class="fa fa-map-marker"></i>
+    			</div>
+          	</div>
+         	<div class="modal-footer">
+    			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
+    			<button type="button" class="btn btn-default btn-location-close">LABEL_CANCEL</button>
+          	</div>
+      	<?php echo $this->form()->closeTag($form); ?>
+    	</div>
+	</div>
+</div>
+<div class="modal" tabindex="-1" role="dialog" id="employment-type-box">
+	<div class="modal-dialog" role="document">
+		<?php
+        $form = $this->formEmploymentType;
+        $form->setAttributes([
+            'method' => 'post',
+            'name' => 'form-employment-type',
+            'id' => 'form-employment-type'
+        ]);
+        $form->prepare();
+        echo $this->form()->openTag($form);
+        ?>
+    	<div class="modal-content">
+      		<div class="modal-header">
+        		<h3 class="modal-title">LABEL_EMPLOYMENT_TYPE</h3>
+      		</div>
+          	<div class="modal-body">
+                <div class="form-group">
+    			<?php
+                $element = $form->get('employment_type');
+                $element->setOptions(['label' => 'LABEL_EMPLOYMENT_TYPE']);
+                $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-employment-type-close">LABEL_CANCEL</button>
+          	</div>
+      	<?php echo $this->form()->closeTag($form); ?>
+    	</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="last-date-of-application-box">
+	<div class="modal-dialog" role="document">
+		<?php
+		$form = $this->fromLastDateOfApplication;
+        $form->setAttributes([
+            'method' => 'post',
+            'name' => 'form-last-date-of-application',
+            'id' => 'form-last-date-of-application'
+        ]);
+        $form->prepare();
+        echo $this->form()->openTag($form);
+        ?>
+    	<div class="modal-content">
+      		<div class="modal-header">
+        		<h3 class="modal-title">LABEL_LAST_DATE_OF_APPLICATION</h3>
+      		</div>
+          	<div class="modal-body">
+                <div class="form-group">
+        			<?php
+                    $element = $form->get('last_date_of_application');
+                    $element->setOptions(['label' => 'LABEL_LAST_DATE_OF_APPLICATION']);
+                    $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-last-date-of-application-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>
+<div class="modal" tabindex="-1" role="dialog" id="status-box">
+	<div class="modal-dialog" role="document">
+	      		<?php
+			$form = $this->formStatus;
+            $form->setAttributes([
+                'method' => 'post',
+                'name' => 'form-status',
+                'id' => 'form-status'
+            ]);
+            $form->prepare();
+            echo $this->form()->openTag($form);
+            ?>
+    	<div class="modal-content">
+      		<div class="modal-header">
+        		<h3 class="modal-title">LABEL_STATUS</h3>
+      		</div>
+          	<div class="modal-body">
+                <div class="form-group">
+        			<?php
+                    $element = $form->get('status');
+                    $element->setOptions(['label' => 'LABEL_STATUS']);
+                    $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-status-close">LABEL_CANCEL</button>
+          	</div>
+      	<?php echo $this->form()->closeTag($form); ?>
+    	</div>
+	</div>
+</div>
+<div class="modal" tabindex="-1" role="dialog" id="title-box">
+	<div class="modal-dialog" role="document">
+	      		<?php
+			$form = $this->formTitle;
+            $form->setAttributes([
+                'method' => 'post',
+                'name' => 'form-title',
+                'id' => 'form-title'
+            ]);
+            $form->prepare();
+            echo $this->form()->openTag($form);
+            ?>
+    	<div class="modal-content">
+      		<div class="modal-header">
+        		<h3 class="modal-title">LABEL_TITLE</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>
+         	<div class="modal-footer">
-$this->inlineScript()->appendFile('/react-bundles/jobs/jobsBundle.js');
+    			<button type="submit" class="btn btn-primary">LABEL_SAVE</button>
     			<button type="button" class="btn btn-default btn-title-close">LABEL_CANCEL</button>

Proyectos de Subversion LeadersLinked - Backend

(root)/module/LeadersLinked/view/leaders-linked/jobs/index.phtml – Rev 15057 → 16822