- title @alt_style.full_name
- use_responsive_design

%ol.breadcrumbs
	%li= link_to "Alt Styles", alt_styles_path
	%li
		= link_to @alt_style.color.human_name,
		          alt_styles_path(color: @alt_style.color.human_name)
	%li{"data-relation-to-prev": "sibling"}
		= link_to @alt_style.species.human_name,
		          alt_styles_path(species: @alt_style.species.human_name)
	%li= @alt_style.series_name

= image_tag @alt_style.preview_image_url, class: "alt-style-preview"

= support_form_with model: @alt_style, class: "support-form" do |f|
	= f.errors

	= f.fields do
		= f.field do
			= f.label :real_series_name, "Series"
			= f.text_field :real_series_name, autofocus: !@alt_style.real_series_name?,
				placeholder: AltStyle.placeholder_name

		= f.field do
			= f.label :thumbnail_url, "Thumbnail"
			= f.thumbnail_input :thumbnail_url

	= f.actions do
		= f.submit "Save changes"
		= f.go_to_next_field title: "If checked, takes you to the next unlabeled pet style, if any. Useful for labeling in bulk!" do
			= f.go_to_next_check_box "unlabeled-style"
			Then: Go to unlabeled style

- content_for :stylesheets do
	= stylesheet_link_tag "application/breadcrumbs", "application/support-form"
	= page_stylesheet_link_tag "alt_styles/edit"