{# Definimos as partes do Layout que desejamos exibir. #}
{% extends '@base/base.html' %}
{% set modulo = 'md10_newsletter_campanha' %}

{% block title %}Newsletter » Campanha » Visualizar{% endblock %}
{% block titulo_nav_bar %}Newsletter » Campanha » Visualizar{% endblock %}

{% block mensagem %}
    <div class="alert alert-info">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <p>Aqui você pode <strong>Visualizar</strong> as informações.</p>
        <p>Para retorna a listagem, clique em <strong>Voltar</strong>.</p>
    </div>
{% endblock %}

{% block botao_inserir %}{% endblock %}
{% block botao_voltar_grupo %}{% endblock %}
{% block botao_voltar_grupo_editar %}{% endblock %}
{% block botao_voltar_grupo_crop %}{% endblock %}

{% block body %}
  <table class="table table-striped">
    <tbody>
      <tr>
          <td>
              <strong>ID:</strong> {{ rows.id }}
          </td>
      </tr>
      <tr>
          <td>
              <strong>Status:</strong> 
              {% if rows.status %}
                  <span class="label label-success">
                      <i class="icon-thumbs-up icon-white"></i> Ativo </span>
              {% else %}<span class="label label-important">
                  <i class="icon-thumbs-down icon-white"></i> Inativo </span>
              {% endif %}
              <br /><br />
          </td>
      </tr>
    </tbody>
  </table>
    
  <table width="800" border="0">
    <tr>
      <td>
          {% if rows.cabecalho_crop %}
              <img src="/web/arquivos/{{ rows.cabecalho_crop }}" width="800" />
          {% elseif rows.cabecalho %}
              <img src="/web/arquivos/{{ rows.cabecalho }}" width="800" />
          {% endif %}
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
      
      <font size="4" style="text-align: left;" color="#888888" face="Arial, Helvetica, sans-serif">{{ rows.conteudo_titulo }}</font>
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="center">
      {% set posicao = '' %}

      {% if rows.imagem_selecionada_posicao_horizontal == 0 %}
          {% set posicao = ' style="float:left;" ' %}
      {% elseif rows.imagem_selecionada_posicao_horizontal == 1 %}
          {% set posicao = 'style="margem:0 auto;"' %}
      {% elseif rows.imagem_selecionada_posicao_horizontal == 2 %}
          {% set posicao = 'style="float:right;"' %}
      {% endif %}


      {% if rows.imagem_selecionada_posicao_vertical == 0 %}
          {% if rows.imagem_selecionada_crop %}
              <img {{ posicao }} width="800" src="/web/arquivos/{{ rows.imagem_selecionada_crop }}" />
          {% elseif rows.imagem_selecionada %}
              <img {{ posicao }} width="800" src="/web/arquivos/{{ rows.imagem_selecionada }}" />
          {% endif %}
      {% endif %}
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><font size="2" style="text-align:justify" color="#666C75" face="Arial, Helvetica, sans-serif">{{ rows.conteudo_texto }}</font></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td align="center">
          {% if rows.imagem_selecionada_posicao_vertical == 1 %}
          {% if rows.imagem_selecionada_crop %}
              <img {{ posicao }} width="800" src="/web/arquivos/{{ rows.imagem_selecionada_crop }}" />
          {% elseif rows.imagem_selecionada %}
              <img {{ posicao }} width="800" src="/web/arquivos/{{ rows.imagem_selecionada }}" />
          {% endif %}
      {% endif %}
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>
          {% if rows.rodape_crop %}
              <img src="/web/arquivos/{{ rows.rodape_crop }}" width="800" />
          {% elseif rows.rodape %}
              <img src="/web/arquivos/{{ rows.rodape }}" width="800" />
          {% endif %}
      </td>
    </tr>
  </table>

  <hr />

  <a href="/{% block modulo_voltar %}{{ modulo }}{% endblock %}/" class="btn btn-large btn-info">Voltar</a>
{% endblock %}