<div>
	<select class="form-control navigation-selector selector-brand selectpicker" data-live-search="true" data-style="btn-secondary btn-default btn-sm" id="job_select" size="1">
        {% for navfires in navfire %}
	        {% if job.n == navfires.n %}
              	<option selected value="{{ job.n }}">{{ job.n }} - {{ job.name }}</option>
			{% else %}
				<option value="{{ navfires.n }}">{{ navfires.n }} - {{ navfires.name }}</option>
            {% endif %}
        {% endfor %}
    </select>
</div>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type="text/javascript">
    $(document).ready(function(){
        $('select.navigation-selector').on('change', function() {
            window.location = '/' + this.value;
        });
		$('#job_select').selectpicker();
	});
</script>
