= within_admin_layout(title: "Letters") do

  .search-form.filters
      = simple_form_for q,
                        as: :q,
                        url: letters_list_path,
                        html: { autocomplete: "off" },
                        method: :get do |f|
        .row
          .small-6.medium-1.large-1.columns
            = f.input :enclosures_present, as: :select, label: "Enclosure"
          .small-6.medium-3.large-2.columns
            = f.input :state_eq, collection: state_options_for_receptionists, label: "State"
          .small-6.medium-3.large-2.columns
            = f.input :author_id_eq, as: :user_picker, collection: authors, label: "Author"
          .small-6.medium-3.large-2.columns
            = f.input :created_by_id_eq, as: :user_picker, collection: typists, label: "Typist"
          .small-12.medium-2.large-4.columns.actions.end
            = f.submit t("helpers.submit.filter"), class: "button"
            span= " or "
            = link_to t("helpers.reset"), letters_list_path

  .row
    .columns.small-12
      = render "table", letters: letters, q: q

/ The modal dialog container for the dialog which will ask the user
/ if they want to mark the letter as printed. We load this dialog via ajax.
/ See letters/completed_letters/new.html.slim for th dialog content.
/ See also
/ - letters/completed_letters/create.js.erb
/ - ./show.js.erb
/ - letters.js
/ for the complete works. Using ujs for these sort of dialog -> -> post -> page refresh
/ cycles is a bit complex and we could move to using something like stimulus
/ to keep thing a bit simpler
#letter-print-modal.reveal-modal.medium(data-reveal data-refresh-url=request.original_fullpath)