extends /templates/base

block content

  button.btn.btn-primary#save-button(data-toggle="coco-modal", data-target="modal/save_version")
    | Save
  
  h3 Edit Thang Type: "#{thangType.attributes.name}"

  ul.nav.nav-tabs
    li.active
      a(href="#editor-thang-main-tab-view", data-toggle="tab") Main
    li
      a(href="#editor-thang-components-tab-view", data-toggle="tab") Components

  div.tab-content
    div.tab-pane.active#editor-thang-main-tab-view

      div.main-area
        div.controls
          div.control-row#animation-row
            select#animations-select
              for animation in animations
                option #{animation}
            button.btn.btn-small.btn-primary#upload-button
              i.icon-upload
            button.btn.btn-small.btn-primary#clear-button
              i.icon-remove
            input#real-upload-button(type="file")
    
      canvas#canvas(width="400", height="400", style="background-color:#999999")
      
      div#settings-col
        div#thang-type-treema
        div.slider-cell
          | Rotation:
          span.rotation-label
          .selector#rotation-slider
    
        div.slider-cell
          | Scale:
          span.scale-label
          .selector#scale-slider
    
        div.slider-cell
          | Resolution:
          span.resolution-label  4.0x
          .selector#resolution-slider
    
        div.slider-cell
          | Health:
          span.health-label  10hp
          .selector#health-slider
    
      img#portrait
    
      div#canvases
    
    div.tab-pane#editor-thang-components-tab-view
  
      #thang-components-edit-view

  .clearfix