.dialog.configure-tracks{ layout: 'dialog', 'layout-id' => 'configure-tracks', id: 'configure-tracks-dialog'}
  .content-head
    = image_tag "content/icon_add.png", {:width => 19, :height => 19, :class => 'content-icon' }
    %h1 configure tracks
  .dialog-inner
    .dialog-tabs
      %a.selected.tab-configure-audio Music Audio
      %a.tab-configure-voice Voice Chat

    .instructions
      %span
        Choose your audio device.  Drag and drop to assign input ports to tracks, and specify the instrument
        for each track. Drag and drop to assign a pair of output ports for session stereo audio monitoring.

    .clearall

    .tab.no-selection-range{'tab-id' => 'music-audio'}

      .column
        .certified-audio-profile-section
          .sub-header Certified Audio Profile
          %select.certified-audio-profile
        .clearall

        .unused-audio-inputs-section
          .sub-header Unused Input Ports
          .unassigned-input-channels.channels-holder

        .unused-audio-outputs-section
          .sub-header Unused Output Ports
          .unassigned-output-channels.channels-holder

      .column
        .input-tracks-section
          .sub-column
            .sub-header Track Input Port(s)
            .input-tracks.tracks
          .sub-column
            .sub-header Instrument
            .instruments

        .output-channels-section
          .sub-header Audio Output Port
          .output-channels
      .clearall



    .tab{'tab-id' => 'voice-chat'}

      %form.select-voice-chat-option.section.voice
        .sub-header Select Voice Chat Option
        .voicechat-option.reuse-audio-input
          %input{type:"radio", name: "voicechat", checked:"checked"}
          %h3 Use Music Microphone
          %p I am already using a microphone to capture my vocal or instrumental music, so I can talk with other musicians using that microphone
        .voicechat-option.use-chat-input
          %input{type:"radio", name: "voicechat"}
          %h3 Use Chat Microphone
          %p I am not using a microphone for acoustic instruments or vocals, so use the input selected to the right for voice chat during my sessions
      .clearall
      .select-voice-chat
        .sub-header Voice Chat Input
        .ftue-box.chat-inputs
        .vu-meter
          .ftue-controls
            .ftue-vu-left.voice-chat-vu-left
            .ftue-fader.chat-fader
            .gain-label GAIN
            .ftue-vu-right.voice-chat-vu-right
      .clearall

    .buttons
      %a.btn-add-new-audio-gear.button-grey{'layout-link' => 'add-new-audio-gear'} ADD NEW AUDIO GEAR
      %a.button-orange.btn-update-settings{href:'#'} UPDATE SETTINGS
      %a.button-grey.btn-cancel{href:'#'} CANCEL
