@section('search')
    <script>
      $('#city').change(function () {
          var optionSelected = $(this).find("option:selected");
          var value  = optionSelected.val();
          $.get('{{ url('api/city') }}/' + value,{},function(output){
            $("#state option").remove();
            $("#state").append(output);
          });
      });
      $('#state').change(function () {
          var optionSelected = $(this).find("option:selected");
          var value  = optionSelected.val();
          $.get('{{ url('api/state') }}/' + value,{},function(output){
            $("#street option").remove();
            $("#street").append(output);
          });
      });
    </script>
@endsection


        <!-- search -->
        <div class="quick-search">
          <div class="row">
            <form role="form" method="get" action="@if(\Request::is('haritada-emlak-arama')) {{ route('search.maps') }} @else {{ route('search') }} @endif">
              <div class="col-md-12">
                <div class="form-group">
                  <label for="country">{{ dil('İl Seçin') }}</label>
                  {!! Form::select('city', \App\City::all()->lists('il_adi', 'id'), \Request::get('city'), ['id' => 'city', 'placeholder' => dil('Seçiniz...'), 'class' => 'form-control']) !!}
                </div>
                <div class="form-group">
                  <label for="bedroom">{{ dil('ilçe Seçiniz...') }}</label>