<!DOCTYPE html>
<html><head>
<meta name="viewport" content="width=device-width" />
<style type="text/css">
  html, body, iframe {
    height: 100%;
  }

  body {
    margin: 0;
  }

  header {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0;
    background: white;
    font: 12px "Lucida Grande", sans-serif;
    border-bottom: 1px solid #dedede;
    overflow: hidden;
  }

  dl {
    margin: 0 0 10px 0;
    padding: 0;
  }

  dt {
    width: 80px;
    padding: 1px;
    float: left;
    clear: left;
    text-align: right;
    color: #7f7f7f;
  }

  dd {
    margin-left: 90px; /* 80px + 10px */
    padding: 1px;
  }

  dd:empty:before {
    content: "\00a0"; // &nbsp;
  }

  iframe {
    border: 0;
    width: 100%;
  }
</style>
</head>

<body>
  <header>
    <dl>
      <dt>Format:</dt>
    <%= case @format do %>
    <% "html" -> %>
      <dd>HTML [<a href="<%= SharedHelpers.current_path(@conn, %{format: "text"}) %>">see text</a>]</dd>
    <% "text" -> %>
      <dd>Text [<a href="<%= SharedHelpers.current_path(@conn, %{format: "html"}) %>">see html</a>]</dd>
    <% end %>
      <dt>From:</dt>
      <dd><%= format_email_address(@email.from) %></dd>

    <%= if reply_to(@email) do %>
      <dt>Reply-To:</dt>
      <dd><%= reply_to(@email) %></dd>
    <% end %>

      <dt>To:</dt>
      <dd><%= email_addresses(@email) %></dd>

      <dt>Subject:</dt>
      <dd><strong><%= @email.subject %></strong></dd>
    </dl>
  </header>

  <iframe seamless srcdoc="<%= iframe_content(@email, @format) %>"></iframe>
</body>
</html>
