impress/app/views/pet_states/_support_outfit_viewer.html.haml

= content_tag "support-outfit-viewer", **html_options do
	%div
		.outfit-viewer-area
			%magic-magnifier{"data-format": "svg"}
				= outfit_viewer outfit, preferred_image_format: :svg
			%magic-magnifier{"data-format": "png"}
				= outfit_viewer outfit, preferred_image_format: :png

		= form_with method: :get, class: "outfit-viewer-controls" do |f|
			%fieldset
				%legend Format
				%label
					= f.radio_button "preferred_image_format", "svg",
					  checked: true
					SVG
				%label
					= f.radio_button "preferred_image_format", "png"
					PNG

	%table
		%thead
			%tr
				%th{scope: "col"} DTI ID
				%th{scope: "col"} Zone
				%th{scope: "col"} Links
		%tbody
			- outfit.visible_layers.each do |swf_asset|
				%tr
					%th{scope: "row", "data-field": "id"}
						= swf_asset.id
					%td
						= swf_asset.zone.label
						(##{swf_asset.zone.id})
					%td{"data-field": "links"}
						%ul
							- if swf_asset.image_url?
								%li= link_to "PNG", swf_asset.image_url, target: "_blank"
							- if swf_asset.svg_url?
								%li= link_to "SVG", swf_asset.svg_url, target: "_blank"
							%li= link_to "SWF", swf_asset.url, target: "_blank"
							- if swf_asset.manifest_url?
								%li= link_to "Manifest", swf_asset.manifest_url, target: "_blank"