{{#extend "pipes"}}

  {{#replace "body"}}

    <!-- SPACER -->
    <table class="spacer thirty">
      <tr>
        <td>
          &nbsp;   
        </td>
      </tr>
    </table>


    {{!-- BETA MESSAGE  --}}
    <table class="twelve columns callout">
      <tr>
        <td class="panel">

          Hello!  You're getting this email because you're a ClassDojo mentor.  
          
          <br/><br/>

          This is a BETA project, meaning it's still pretty rough around the edges, but the idea is to send
          you meaningful insights about your students and
          classes based on the points you award in ClassDojo.

          <br/><br/>

          We would love to hear your feedback and ideas.  Join the discussion on the 
          <a href="http://community.classdojo.com/t/new-feature-test-insights-news-feed/1182/13">
            ClassDojo mentors forum
          </a>.

          <br/><br/>

          Thanks for your help!

          <br/><br/>


          Monica, Stuart, and the rest of the Dojo team :)

        </td>
        <td class="expander"></td>
      </tr>
    </table>


    <!-- SPACER -->
    <table class="spacer thirty">
      <tr>
        <td>
          &nbsp;
        </td>
      </tr>
    </table>


    <!-- HEADLINE -->
    <table class="container">
      <tr>
        <td class="center">
          <center>
            <h6 class="center">
              {{ subject }}
              <br/><br/>
            </h6>
          </center>
        </td>
      </tr>
    </table>


    <!-- SPACER -->
    <table class="spacer thirty">
      <tr>
        <td>
          &nbsp;
        </td>
      </tr>
    </table>


    




    <!-- CHART -->
    {{#each stories}}
      {{#ifeq type 'positive_points_over_week'}}

        <table class="eight columns">
          <tr>
            <td>
              {{ chart this.metadata.chartData }}
            </td>
          </tr>
        </table>
        <span style="display: block; text-align: center">
          Your students have earned <strong>{{metadata.totalAwards}}
        </strong> 
        positive Dojo points this week.
        </span>
      {{/ifeq}}
    {{/each}}



    <!-- SPACER -->
    <table class="spacer thirty">
      <tr>
        <td>
          &nbsp;
        </td>
      </tr>
    </table>


    <!-- DIVIDER -->
    <div class="divider"></div>


     <!-- SPACER -->
    <table class="spacer thirty">
      <tr>
        <td>
          &nbsp;
        </td>
      </tr>
    </table>


    {{#each stories}}
      {{#ifeq type 'top_3_in_class_for_behavior'}}
        <!-- STORY -->
        <table class="container">
          <tr>
            <td>
              <table class="row">
                <tr>
                  <td class="offset-by-one">
                    <table class="two columns">
                      <tr>
                        <td>
                          <img width="50" style="max-width: auto !important; float: right; min-width: 50px" src="http://pstatic.classdojo.com/img2/awards/p/1.png" />
                        </td>
                      </tr>
                    </table>
                  </td>

                  <td>
                    <table class="seven columns" style="margin: 0 30px">
                      <tr>
                        <td>
                          {{ metadata.firstName }} {{metadata.lastName }} was in the top 3 in the class for {{ metadata.award }} today.  
                          <div style="height: 8px"></div>
                          <a class="smaller" href="http://teach.classdojo.com/#!/parentAccounts">
                            Share with parent
                          </a>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>

        <!-- SPACER -->
        <table class="spacer thirty">
          <tr>
            <td>
              &nbsp;
            </td>
          </tr>
        </table>
      {{/ifeq}}
    {{/each}}




    <!-- DIVIDER -->
    <div class="divider"></div>


    <!-- SPACER -->
    <table class="spacer thirty">
      <tr>
        <td>
          &nbsp;
        </td>
      </tr>
    </table>



    <!-- HUGE BUTTON -->
    <table class="container">
      <tr>
        <td>
          <table class="row">
            <tr>
              <td class="wrapper offset-by-one">
                <table class="ten columns">
                  <tr>
                    <td>
                      <center>
                        <h6 style="margin-bottom: 10px" class="center">
                          Invite parents for better classroom behavior
                        </h6>
                      </center>
                      <p class="center">
                        97% of ClassDojo teachers say connecting parents helped improve their students’ classroom behavior. It only takes a minute…
                      </p>
                      <br/>
                      <table class="medium-button radius">
                        <tr>
                          <td>
                            <a href="http://teach.classdojo.com/#!/parentAccounts">
                              Connect parents
                            </a>
                          </td>
                        </tr>
                      </table>
                      <br/>
                      
                      <center>
                        <a href="http://teach.classdojo.com">
                          Learn more about parent accounts
                        </a>
                      </center>
                    </td>
                  </tr>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>


    <!-- SPACER -->
    <table class="spacer thirty">
      <tr>
        <td>
          &nbsp;
        </td>
      </tr>
    </table>

  {{/replace}}

  

  {{#replace "toEmail" }}
    {{ teacher.email }}
  {{/replace}}

{{/extend}}