% layout 'mainlayout';

<div class="jwm-base">

  <h1>Write Message</h1>

  % if (my $msg = stash('warning')) {
    <p class=warn> <%= $msg %> </p>
  % }

  %= form_for '' => (method => 'post') => (enctype => 'multipart/form-data') => (class => 'pure-form pure-form-stacked') => begin
  <fieldset>

    %= label_for mail => ucfirst l 'send_to'
    %= email_field 'to' => (id => 'mail') => (multiple => '') => (required => '')

    %= label_for subject => ucfirst l 'subject'
    %= text_field 'subject' => (required => '')

    %= label_for cc => 'CC'
    %= email_field 'cc' => (multiple => '')

    %= label_for bcc => 'BCC'
    %= email_field 'bcc' => (multiple => '')

    %= label_for back_to => ucfirst l 'answer_to'
    %= email_field 'back_to'

    %= label_for txt => ucfirst l 'content'
    %# text_area body => (cols => 80) => (rows => 24) => (name => 'txt')
    %= text_area body => (style => 'width: 100%') => (rows => 24) => (name => 'txt')

    %= label_for attach => ucfirst l 'attach file'
    %= file_field 'attach'

    %= submit_button l('send') => (class => 'pure-button pure-button-primary')

    %= csrf_field

  </fieldset>
  % end

  <nav>
    <a href="javascript:history.back()" class="pure-button"> <%= ucfirst l 'back' %> </a>
  </nav>

</div>