h1 New Conversation
.block
  .block__header
    => link "Conversations", to: Routes.conversation_path(@conn, :index)
    ' »
    span.block__header__title New Conversation

= form_for @changeset, Routes.conversation_path(@conn, :create), fn f ->
  = if @changeset.action do
    .alert.alert-danger
      p Oops, something went wrong! Please check the errors below.

  .field
    .fieldlabel Specify any user's exact name here, case-sensitive
    = text_input f, :recipient, class: "input input--wide", placeholder: "Recipient", required: true
    = error_tag f, :to

  .field
    = text_input f, :title, class: "input input--wide", placeholder: "Title", required: true
    = error_tag f, :title

  = inputs_for f, :messages, fn fm ->
    .block
      .block__header.block__header--js-tabbed
        a.selected href="#" data-click-tab="write"
          i.fa.fa-pencil-alt>
          | Reply

        a href="#" data-click-tab="preview"
          i.fa.fa-eye>
          | Preview

      .block__tab.communication-edit__tab.selected data-tab="write"
        = render PhilomenaWeb.TextileView, "_help.html", conn: @conn
        = render PhilomenaWeb.TextileView, "_toolbar.html", conn: @conn

        = textarea fm, :body, class: "input input--wide input--text js-preview-input js-toolbar-input", placeholder: "Your message", required: true
        = error_tag fm, :body

      .block__tab.communication-edit__tab.hidden data-tab="preview"
        | [Loading preview...]

  .block__content.communication-edit__actions
    = submit "Send", class: "button", autocomplete: "off", data: [disable_with: "Sending..."]