{{-- CityHub - Communal Service - Reports by city --}}


<!-- City service By city start -->
<div id="cs-bycity">
	<div class="row">
		<div class="col s12">
			<div class="widget-holder hoverable fadeIn">
				<div class="widget-heading">
					<h2 class="widget-heading-thick">Reports by cities</h2>

					<div class="row filter-row">
						<div class="col s12">

							<div class="input-field">
								<i class="material-icons prefix">search</i>
								<input id="add-city" type="text" class="validate">
								<label for="icon_prefix">Choose city...</label>
							</div>
						</div>
					</div>
				</div>




				</div>
			</div>
		</div>
	</div>
<!-- City service By city end -->



<script>
    var allCities=JSON.parse('{{$allCities}}');


    $(document).ready(function() {

        //console.log(allCities);


        $( "#add-city" ).autocomplete({
            data: allCities,
            limit: 10, // The max amount of results that can be shown at once. Default: Infinity.
            onAutocomplete: function(val) {

                var url=window.location+'/'+val;
                console.log(url);

                window.location.replace(url);

            },
            minLength: 1, // The minimum length of the input for the autocomplete to start. Default: 1.
        });
        $( "#add-city" ).keyup(function (e) {
            if(e.keyCode==13){


                var url='https://'+window.location.hostname+'/communal-service/reports/city/'+e.currentTarget.value;

                window.location.assign(url);

            }
        });


    });
</script>