if ($('.ui.modals').length === 0) {
  $('body').append('<%= j(render 'edit') %>');
} else {
  $('.ui.modals').html('<%= j(render 'edit') %>');
}

$('.ui.modal').modal('setting', { autofocus: false }).modal('show');

$('#address_nation').dropdown({
  onChange: function(value, text, $selectedItem){
    var search_path = '/areas/search'
    var search_url = new URL(window.location.origin + search_path)
    search_url.searchParams.set('nation', value)
    fetch(search_url).then(function(response){
      return response.json();
    }).then(function(response){
      $('#address_province').dropdown('clear').dropdown('setup menu', response);
    })
  }
});

$('#address_province').dropdown({
  onChange: function(value, text, $selectedItem){
    var search_path = '/areas/search'
    var search_url = new URL(window.location.origin + search_path)
    search_url.searchParams.set('province', value)
    fetch(search_url).then(function(response){
      return response.json();
    }).then(function(response){
      $('#address_city').dropdown('clear').dropdown('setup menu', response);
    })
  }
});

$('#address_city').dropdown({
  onChange: function(value, text, $selectedItem){
    $('#address_area_id').val(value);
  }
});