.dialog.dialog-overlay-sm.rsvp-dialog{layout: 'dialog', 'layout-id' => 'rsvp-cancel-dialog', id: 'rsvp-cancel-dialog'}
  .content-head
    = image_tag 'content/icon_checkmark_circle.png', :alt => "", :class => "content-icon", :width => "20", :height => "20"
    %h1 cancel rsvp
  .dialog-inner
    %h2 SESSION
    .session-name
    .scheduled-start
    .schedule-recurrence
    .part
      .error{:style => 'display:none'}
      .icheckbuttons
        %ul{:id => 'cancel-rsvp-container'}
          %li
            %input{:type => 'radio', :id => 'cancel-single-session', :name => 'cancel', :value => 'yes', :checked => true}
            %label{:for => 'cancel-single-session', :class => 'radio-text'} Cancel RSVP just for this one session
            .clearall
          %li
            %input{:type => 'radio', :id => 'cancel-all-sessions', :name => 'cancel', :value => 'all'}
            %label{:for => 'cancel-all-sessions', :class => 'radio-text'} Cancel RSVP for all future sessions
            .clearall
    .cancel-instructions Enter a message to the other musicians in the session (optional):
    %textarea.txtComment{id: 'txtComment', rows: '2', placeholder: 'Enter a comment...'}
    .buttons
      .left
        %a.button-orange{:href => 'https://jamkazam.freshdesk.com', :rel => 'external', :target => '_blank'} HELP
      .right
        %a.button-grey{:id => 'btnCancel', 'layout-action' => 'close'} CANCEL
        %a.button-orange{:id => 'btnCancelRsvp'} CANCEL RSVP