- add_body_class 'fullscreen'
- cache :action_suffix => "image_mode_#{can_use_image_mode?}" do
  %a#home-link{:href => "/"}
    %span Dress to Impress
  %h1#title Planning an outfit
  #pet-type-not-found.possible-error
    We haven't seen that combination before. Have you?
    Submit the pet's name if you have!
  #preview-toolbar
    %form#pet-type-form
      %select{:name => "color"}
      %select{:name => "species"}
      %input{:type => "submit", :value => "Go"}/
    %form#pet-state-form
      Gender/Emotions:
      %ul
    #save-outfit-wrapper
      %a#current-outfit-permalink{:target => '_blank'}
        = image_tag 'link_go.png', :alt => 'Permalink', :title => 'Permalink to current outfit'
      %button#save-outfit Save outfit
      %button#save-outfit-not-signed-in Log in to save
      %button#save-outfit-copy Save as…
      %button#save-current-outfit Save &quot;<span>current outfit</span>&quot;
      %form#save-outfit-form
        .outfit-star
        %input#save-outfit-name{:type => 'text', :placeholder => 'Outfit name'}
        %button#save-outfit-finish{:type => 'submit'} Save
        %button#save-outfit-cancel{:type => 'button'} Cancel
  #preview
    #preview-swf
      #preview-swf-container
        %p Flash and Javascript (but not Java!) are required to preview outfits.
        %p If this message stays after the page is done loading, check those first.
      #preview-image-container
      #preview-mode
        %ul#preview-mode-toggle
          %li#preview-mode-flash.active Flash
          - if can_use_image_mode?
            %li#preview-mode-image Image
        - if can_use_image_mode?
          = link_to 'Image mode FAQ', image_mode_path,
            :id => 'preview-mode-note', :target => '_blank'
          = link_to 'Broken image?', '#', :id => 'report-broken-image',
            :target => '_blank', 'data-base-url' => new_broken_image_report_path
          #preview-download-image
            %h3 Download
            %ul
              %li
                %button{'data-download-size' => 'small'} Small
              %li
                %button{'data-download-size' => 'medium'} Medium
              %li
                %button{'data-download-size' => 'large'} Large
        - else
          = link_to(donate_path, :id => 'preview-mode-note', :target => '_blank') do
            %strong Image mode
            is available for early beta testing to users who
            %em donate
            at least $5 to help upgrade the server. Thanks!
    #preview-sidebar
      %nav#preview-sidebar-navbar
        #preview-sidebar-navbar-closet Closet
        #preview-sidebar-navbar-sharing Sharing
        #preview-sidebar-navbar-outfits Outfits
      #preview-sidebar-content
        #outfit-not-found Outfit not found
        #save-success Outfit successfully saved
        #save-error
        #preview-closet.sidebar-view
          %ul
          %p#fullscreen-copyright
            Images © 2000-2010 Neopets, Inc. All Rights Reserved.
            Used With Permission
        #preview-outfits.sidebar-view
          %ul#preview-outfits-list
          #preview-outfits-not-logged-in
            %figure
              = image_tag 'outfits_welcome.png'
              %figcaption Ready to become a pro designer?
            :markdown
              We know how hard it can be to keep track of your ideas,
              especially if you end up having a lot of them.
              **But Dress to Impress makes it easy.**
            
              Once you have an idea for an outfit, you can **build it,
              save it, and view it again later**, either to update your
              design or finally make your dream a reality.
            
              **Thousands of users have already saved tens of thousands of
              outfits &mdash; will you be next?**
            
            = link_to 'Log in to save this outfit', login_path_with_return_to, :id => 'preview-outfits-log-in'
        #preview-sharing.sidebar-view
          #preview-sharing-thumbnail-wrapper
            #preview-sharing-thumbnail-loading
              = image_tag 'outfits/small_loading.gif'
              %span#preview-sharing-thumbnail-saving Saving&hellip;
              %span#preview-sharing-thumbnail-generating Generating&hellip;
            %img#preview-sharing-thumbnail
          %ul#preview-sharing-urls
            %li
              %label{:for => 'preview-sharing-permalink-url'} Outfit page
              %input#preview-sharing-permalink-url.outfit-url{:type => 'text'}
            %li
              %label{:for => 'preview-sharing-large-image-url'} Large image
              %input#preview-sharing-large-image-url.outfit-url{:type => 'text'}
            %li
              %label{:for => 'preview-sharing-medium-image-url'} Medium image
              %input#preview-sharing-medium-image-url.outfit-url{:type => 'text'}
            %li
              %label{:for => 'preview-sharing-small-image-url'} Small image
              %input#preview-sharing-small-image-url.outfit-url{:type => 'text'}
          %ul#preview-sharing-url-formats
            %li.active{'data-format' => 'plain'} Plain
            %li{'data-format' => 'html'} HTML
            %li{'data-format' => 'bbcode'} BBCode
  %form#preview-search-form
    %header
      %h2 Add an item
      %input{:name => "query", :placeholder => "Search items...", :type => "search"}/
      %input{:type => "submit", :value => "Go"}/
      %a.preview-search-form-your-items{:href => '#', 'data-search-value' => 'owns'} Items you own
      %a.preview-search-form-your-items{:href => '#', 'data-search-value' => 'wants'} Items you want
      #preview-search-form-pagination
      %a#preview-search-form-clear{:href => "#"} clear
    %dl#preview-search-form-help
      %div
        %dt kreludor "altador cup" -background
        %dd
          returns any item with the word "kreludor" and the phrase "altador cup"
          in it, but not the word "background"
      %div
        %dt collar -is:nc -is:pb
        %dd
          returns any item with the word "collar" in it, but is not from the NC
          mall, and is not from a deluxe paint brush set
      %div
        %dt
          %span species:
          %span.search-helper{"data-search-filter" => "species"} Acara
        %dd
          returns any item a
          %span.search-helper{"data-search-filter" => "species"} Acara
          can wear
      %div
        %dt
          %span type:
          %span.search-helper{"data-search-filter" => "type"} background
        %dd
          returns any item that fills a
          %span.search-helper{"data-search-filter" => "type"} background
          zone
    #preview-search-form-loading Loading...
    #preview-search-form-error.possible-error
    #preview-search-form-no-results
      No results for "<span></span>"
    %ul
  #no-assets-full-message
    We haven't seen this item on this body type before. Have you? Submit its name on the home page if you have!
  %script#outfit-template{:type => 'text/x-jquery-tmpl'}
    <li class="outfit-${id}{{if starred}} starred{{/if}}">
    %header
      .outfit-star
      %span.outfit-name ${name}
      %form.outfit-rename-form
        %input.outfit-rename-field{:type => 'text'}
    %footer
      %a.outfit-rename-button{:href => '#'} rename
      %a.outfit-delete{:href => '#'} delete
    .outfit-thumbnail-wrapper
      %img.outfit-thumbnail
    .outfit-delete-confirmation
      %span Delete?
      %a.outfit-delete-confirmation-yes{:href => '#'} yes
      \/
      %a.outfit-delete-confirmation-no{:href => '#'} no
    </li>
- content_for :javascripts do
  = include_javascript_libraries :jquery, :swfobject, :jquery_tmpl
  = include_javascripts :edit_outfit_package