@@ -7,6 +7,17 @@

             <div class="widget widget-text">

                 <input type="text" name="filter_keywords" placeholder="Jobtitel" value="{{ formSetFilters.filter_keywords ?? '' }}">

             </div>

+            <div class="widget widget-autocomplete">

+                <input type="hidden" id="filter-city-label-{{ id }}" name="filter_city_label" value="{{ formSetFilters.filter_city_label }}">

+                <select id="filter-city-{{ id }}" name="filter_city" data-placeholder="{{ formSetFilters.filter_city_label ?? 'PLZ/Ort' }}" autocomplete="off">

+                    <option value="{{ formSetFilters.filter_city ?? '' }}">{{ formSetFilters.filter_city_label ?? 'PLZ/Ort' }}</option>

+                    <option value="49.44780,11.06830">Nürnberg</option>

+                    <option value="49.55000,10.88330">Herzogenaurach</option>

+                </select>

+            </div>

+            <div class="widget widget-text">

+                <input type="text" name="filter_radius" placeholder="Suchradius in km" value="{{ formSetFilters.filter_radius ?? '' }}">

+            </div>

             {% if filterVertragsarten is defined %}

                 <div class="widget widget-select">

                     <select name="filter_vertragsart">

@@ -33,6 +44,22 @@

         </div>

     </form>

+    <script>

+        document.addEventListener('DOMContentLoaded', function () {

+            new TomSelect("#filter-city-{{ id }}",{

+                allowEmptyOption: true,

+                create: false,

+                onChange: function (values) {

+                    let target = document.getElementById('filter-city-label-{{ id }}');

+                    if (target !== undefined && this.activeOption.innerText !== undefined)

+                    {

+                        target.value = this.activeOption.innerText

+                    }

+                }

+            });

+        }, false);

+    </script>

+

     {% if jobs is not defined %}

         <p>Es wurden keine Stellenangebote gefunden!</p>

     {% else %}

@@ -43,7 +43,14 @@ class JoblistModuleController extends AbstractFrontendModuleController

     {

         $strFormId = 'joblist-form-' . $model->id;

         $arrSearchParams = [];

-        $arrSetFilters = [];

+        $arrSetFilters = [

+            'filter_keywords' => null,

+            'filter_city' => null,

+            'filter_city_label' => null,

+            'filter_radius' => null,

+            'filter_vertragsart' => null,

+            'filter_abteilung' => null

+        ];

         // Prepare search parameters

         if (Input::get('FORM_SUBMIT') == $strFormId)

@@ -54,6 +61,18 @@ class JoblistModuleController extends AbstractFrontendModuleController

                 $arrSetFilters['filter_keywords'] = Input::get('filter_keywords');

             }

+            if (Input::get('filter_city'))

+            {

+                list($lat,$lon) = explode(',',Input::get('filter_city'));

+                $arrSearchParams['lat'] = floatval($lat);

+                $arrSearchParams['lon'] = floatval($lon);

+                $arrSearchParams['radius'] = max((intval(Input::get('filter_radius')) ?: 25),5);

+

+                $arrSetFilters['filter_city'] = Input::get('filter_city');

+                $arrSetFilters['filter_city_label'] = Input::get('filter_city_label');

+                $arrSetFilters['filter_radius'] = Input::get('filter_radius');

+            }

+

             if (Input::get('filter_vertragsart'))

             {

                 $value = Input::get('filter_vertragsart');

@@ -106,6 +125,10 @@ class JoblistModuleController extends AbstractFrontendModuleController

         $template->formSetFilters = $arrSetFilters;

+        // Add scripts

+        $GLOBALS['TL_BODY']['tomselect'] = Template::generateScriptTag('bundles/vossmedienalox/lib/tomselect/js/tom-select.base.js',false,null);

+        $GLOBALS['TL_CSS']['tomselect'] = 'bundles/vossmedienalox/lib/tomselect/css/tom-select.min.css';

+

         return $template->getResponse();

     }