{% load markup %}
{% load thumbnail %}
{% load emailer %}
<table width="600" border="0" cellspacing="0" cellpadding="0">
  
  <tr>
    	<td style="width:280px; padding:10px;">
    		<img src="/static/images/emailer/logo-erang.jpg" width="151" height="127" alt="erang-logo">
			
    	</td>
        
    	<td style="width:280px; padding:10px;" valign="top">
        	<img src="/static/images/emailer/logoItfSmall.jpg" width="125" height="34" alt="itf-logo" align="right">
        </td>


  </tr>
  
 </table>
  
<table width="600" border="0" cellspacing="0" cellpadding="0">

  <tr>

	<td style="width:290px; padding:0px 10px 0px 10px;border-bottom:2px solid #f8c92d;">
    		<p style="font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-bottom:2px; margin-left:8px;">Issue No: {{ issue.issue_no }} <span>&nbsp;&nbsp; {{ issue.date|date:"F j, Y" }}</span></p>
			
    	</td>
        

    <td style="width:290px; padding:0px 0px 0px 10px; font-size:12px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;border-bottom:2px solid #f8c92d; margin-left:8px">
    	<p style="text-align:right; margin-bottom:4px;"><a href="http://theatreforum.in{{ issue.get_absolute_url }}" style="color:#ffcc00; text-decoration:none;">SUBSCRIBE |</a> <a href="http://theatreforum.in{{ issue.get_absolute_url }}&goto=comments" style="color:#ffcc00; text-decoration:none;">FEEDBACK </a></p> 
   </td>

  </tr>

</table>

<table width="600" border="0" cellspacing="12" cellpadding="1">
  <tr style="vertical-align:top;">
     {% if weblinks %}    
     <td style="width:250px; background-color:#f7bd00; color:#fff; padding:10px;">
    	<p style="font-size:16px; text-align:center; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">Web Links</p>
            {% for weblink in weblinks %}
            <p style="font-size:13px; font-family:Arial, Helvetica, sans-serif;  padding-left:6px; padding-right:6px;">* {{ weblink.box_title|truncatewords:12 }}</p>
            {% endfor %}
    	<p style="text-align:right;"><a href="#weblinks" style="color:#fff; text-decoration:none; font-size:12px;">More &#187;</a></p>
    </td>
    {% endif %}
    {% if bbitems %}
    <td style="width:250px; background-color:#f7bd00; color:#fff; padding:10px;">
    	<p style="font-size:16px; text-align:center; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">Bulletin Board</p>
            {% for bbitem in bbitems %}
                <p style="font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:6px; padding-right:6px;">* {{ bbitem.box_title|truncatewords:12 }}</p>
            {% endfor %}
    	<p style="text-align:right;"><a href="#bbitems" style="color:#fff; text-decoration:none; font-size:12px;">More &#187;</a></p>
    </td>
    {% endif %}
          </tr>
</table>

{% for article in articles %}
<table width="600" border="0" cellspacing="6" cellpadding="1">
  <tr>
    <td style="width:350px;"><p style="font-size:24px; font-weight:normal; color:#ffcc00; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif; margin-left:10px;margin-top:0px;margin-bottom:0px;">{{ article.title }}</p></td>
        
    <td style="width:250px;">{% if article.author %}<p style="font-size:12px; font-weight:normal; color:#666; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right;">by: {{ article.author }}</p> {% endif %} </td>
  </tr>
</table>

<table style="margin-bottom:10px;">
  <tr>
    <td style="width:600px;">
            {% if article.main_image %}            	

        {% thumbnail article.main_image "x380" as im %}
            <img style="display:block;margin:0 auto;border:1px solid #f7c00c;" src="{{ im.url }}" />
        {% endthumbnail %}
        {% endif %}
	    <!-- <img src="/static/images/emailer/logo-erang.jpg" width="151" height="127" alt="theatre-image"  style="display:block; border:1px solid #f7c00c; margin:0 auto;"> -->
   	 	<p style="text-align:center; margin-top:10px; margin-bottom:10px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;">{{ article.subtitle|markdown|removetags:"p" }}</p>
        
    </td>
  </tr>
  <tr>
    <td style="width:580px; padding:10px 16px; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px;">

<p>{{ article.text|insert_images_mailer:article.id|markdown }}</p></td>
  </tr>
  <tr>
    <td style="width:580px; padding: 10px 16px; color:#666; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style:italic;">
        {{ article.author_bio|markdown }}
    </td>
  </tr>
</table>
{% endfor %}  
<table>
  {% if weblinks %}  

  <tr>

  <td style="width:580px; margin:10px 0 10px 0;">
  <p style="padding:8px; margin-left:10px; background-color:#f7bd00; color:#fff; font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;"><a name="weblinks"></a>WEB LINKS</p>
    {% for weblink in weblinks %}
    <h2 style="padding-left:10px;margin-top:0px;margin-bottom:0px;font-weight:normal;"><a href="{{weblink.url}}" target="_blank" style="color:#ff8400;text-decoration:none;font-size:16px">{{ weblink.title }}</a></h2>
    <div style="color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left: 10px;line-height:17px;">{{ weblink.text|markdown }}</div>
    {% endfor %}    

<!--  <p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px;">{{ weblinks.text|markdown }}</p> -->
  </td>


  </tr>
  {% endif %}

  {% if bbitems %}
  <tr>
  <td style="width:580px; margin:10px 0 10px 0;">
  <p style="padding:8px; margin-left:10px; margin-top: 4px;background-color:#f7bd00; color:#fff; font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;"><a name="bbitems"></a>BULLETIN BOARD</p>
    {% for bbitem in bbitems %}
    <h2 style="font-family:Arial;font-size:16px;padding-left:10px;color:#F7BD00;;margin-top:4px;margin-bottom:4px;font-weight:bold;">{{ bbitem.title }}</h2>
    <div style="color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left: 10px;margin-bottom:16px;line-height:17px;">{{ bbitem.text|markdown }}</div>
    {% endfor %}

<!--  <p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px;">{{ bulletinboard.text|markdown }}</p> -->
  </td>
  </tr>
  {% endif %}

  
</table>



<table width="600" border="0" cellspacing="6" cellpadding="1">
  <tr>
    <td style="width:600px; border-bottom:2px solid #f8c92d; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;">
    	<p style="border-bottom:2px solid #f8c92d; border-top:2px solid #f8c92d; padding-top:6px; padding-bottom:6px; padding-top:6px;">A fortnightly theatre e-journal from the India Theatre Forum<br>
		   Co-Editors: Vikram Iyengar, Joyoti Roy</p>
        <p>Views expressed in the articles in e-Rang are personal.<br>e-Rang does not hold copyright of any piece.<br>Any enquiry for re-use of articles should be addressed to the authors.</p>
        <p>Contribute your articles to e-Rang and become part of this theatre community! Email us at <a href="mailto:erang@theatreforum.in" style="color:#0066ff; text-decoration:none;">erang@theatreforum.in</a> to know more about how to contribute.</p>
        <p style="padding-bottom:6px;">The India Theatre Forum (ITF) was formed in 2006 as a loose association of theatre people coming together in the larger interests of theatre. For more on the ITF, please visit <a href="http://theatreforum.in/" style="color:#0066ff; text-decoration:none;">www.theatreforum.in</a>.</p>
	</td>
  </tr>
<!--
  <tr>
    <td style="width:600px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;">
    	<p>If you'd prefer not to receive theatre updates and theatre news, simply click here to <a href="" style="color:#0066ff; text-decoration:none;">unsubscribe.</a></p>
    </td>
  </tr>
-->
</table>

