impress/app/views/outfits/new.html.haml

- hide_home_link

= advertise_campaign_progress @campaign

%p#pet-not-found.alert= t 'pets.load.not_found'

- if show_announcement?
  %section.announcement
    = image_tag "about/announcement.png", width: 70, height: 70,
      srcset: {"about/announcement@2x.png": "2x"}
    .content
      %p
        %strong
          🎃
          = link_to "New pet styles are out today!", alt_styles_path
        If you've seen one we don't have yet, please model it by entering the
        pet's name in the box below. Thank you!!
      %p
        By the way, we had a bug where modeling new styles wasn't working for a
        little while. Fixed now! 🤞

#outfit-forms
  #pet-preview
    = image_tag 'default_preview.png', :alt => ''
    %span
  %h1= t 'app_name'
  %h2= t '.tagline'

  = form_tag load_pet_path, method: 'POST', class: 'primary load-pet-to-wardrobe' do
    = hidden_field_tag 'destination', 'wardrobe'
    %fieldset
      %legend= t '.load_pet'
      = pet_name_tag class: 'main-pet-name'
      %button{:type => "submit"}
        = t '.submit.primary'

  = form_tag wardrobe_path, method: 'GET', class: 'secondary start-from-scratch', authenticity_token: false do
    %fieldset
      %legend= t '.start_from_scratch'
      = pet_attribute_select 'color', @colors, 8
      = pet_attribute_select 'species', @species
      %button{:type => "submit"}
        = t('.submit.secondary')

%ul#sections
  %li
    %h3= link_to t('your_items'), your_items_path
    = link_to image_tag('your_items.png'), your_items_path
    .section-info
      %strong= t '.your_items.tagline'
      %p= t '.your_items.description'
    = form_tag users_path, :method => 'get' do
      = text_field_tag 'name', '', :type => 'search',
        :placeholder => t('.your_items.user_search.placeholder')
      = submit_tag t('.your_items.user_search.submit')

  %li
    %h3= link_to t('infinite_closet'), items_path
    = link_to image_tag('items.png'), items_path
    .section-info
      %strong= t '.infinite_closet.tagline'
      %p= t '.infinite_closet.description'
    = form_tag items_path, :method => 'get' do
      = text_field_tag 'q', '', :type => 'search',
        :placeholder => t('.infinite_closet.item_search.placeholder')
      = submit_tag t('.infinite_closet.item_search.submit')
    
  %li
    %h3= link_to t('rainbow_pool'), pet_types_path
    = link_to pet_types_path do
      = image_tag 'rainbow_pool.png'
    .section-info
      %strong= t('.rainbow_pool.tagline')
      %p= t('.rainbow_pool.description')
    = form_with url: pet_types_path, method: 'GET' do |form|
      = form.select :color, @colors.map(&:human_name),
                    include_blank: t('.rainbow_pool.filters.color')
      = form.select :species, @species.map(&:human_name),
                    include_blank: t('.rainbow_pool.filters.species')
      = form.submit t('.rainbow_pool.filters.submit'), name: nil

- if @latest_contribution  # will be nil for a fresh copy of the site ;P
  #latest-contribution
    = link_to t('.latest_contribution.header'), contributions_path, :id => 'recent-contributions-link'
    = latest_contribution_description(@latest_contribution)
    %abbr#latest-contribution-created-at{:title => @latest_contribution.created_at.getutc.iso8601}

#whats-new
  - if @newest_unmodeled_items.present?
    %h3= t '.newest_items.unmodeled.header'
    %ul#newest-unmodeled-items
      - @newest_unmodeled_items.each do |item|
        %li{'data-item-id' => item.id}
          = link_to image_tag(item.thumbnail_url), item, :class => 'image-link'
          = link_to item, :class => 'header' do
            %h2= item.name
            %span.meter{style: "width: #{@newest_unmodeled_items_predicted_modeled_ratio[item]*100}%"}
          .missing-bodies
            = render_predicted_missing_species_by_color(@newest_unmodeled_items_predicted_missing_species_by_color[item])
          .models
  - if @newest_modeled_items.present?
    %h3= t '.newest_items.modeled.header'
    %ul#newest-modeled-items
      - @newest_modeled_items.each do |item|
        %li.object
          = link_to item, title: item.name, alt: item.name do
            = image_tag item.thumbnail_url
            = nc_icon_for(item)

%script#pet-query-notice-template{:type => 'text/x-jquery-tmpl'}
  .notice
    %img.inline-image{:src => '${pet_image_url}'}
    = t '.pet_query.notice_html', :pet_name => '${pet_name}'

%script#preview-pet-type-not-found-template{:type => 'text/x-jquery-tmpl'}
  = t '.preview.pet_type_not_found', :color_name => '${color_name}',
      :species_name => '${species_name}'

%script#preview-pet-not-found-template{:type => 'text/x-jquery-tmpl'}
  = t '.preview.pet_not_found'

- content_for :javascripts do
  = javascript_include_tag 'jquery', 'jquery.tmpl', 'jquery.timeago',
                           defer: true

- content_for :javascripts_body do
  = javascript_include_tag 'outfits/new', defer: true