@extends('emails.mailBaseLarge')

@section('header')
    <img alt="sportivo_logo" src="http://sportivo.komma.pro/images/mail/mail_header.png" width="80%" style="max-width: 500px; margin: auto; text-align: center;"/>
@endsection

@section('intro')
    <h2 style="font-weight:normal; text-transform: uppercase; font-family:Helvetica,Arial,sans-serif;color:#FFFFFF;font-size:23px;margin-top:10px;margin-bottom:10px;line-height:135%;">Gegarandeerd afvallen?</h2>
    <div style="margin-bottom:40px;font-family:Helvetica,Arial,sans-serif;font-size:15px;color:#808184;line-height:135%;">Het afvalprogramma van Sportivo zorgt ervoor dat je kilo’s verliest aan de hand van persoonlijke voedingsschema’s.</div>
@endsection

@section('section1')
    <h3 style="color:#FFFFFF;line-height:125%;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:normal;margin-top:0;margin-bottom:3px;text-align:left;">6 Weken programma</h3>
    <div mc:edit="body" style="text-align:left;font-family:Helvetica,Arial,sans-serif;font-size:15px;margin-bottom:0;color:#808184;line-height:135%;">

        <ul>
            <li>Gegarandeerd 3 tot 6 kilo afvallen</li>
            <li>Gezonde voeding</li>
            <li>Met boodschappenlijst</li>
            <li>Afvallen zonder honger</li>
            <li>Persoonlijk voedingsplan</li>
            <li>Onbeperkt sporten</li>
            <br/>
        </ul>
        <table border="0" cellpadding="0" cellspacing="0" width="75%" class="emailButton" style="background-color: #1786EA;">
            <tbody><tr>
                <td align="center" valign="middle" class="buttonContent" style="padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;">
                    <a style="color:#FFFFFF;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:135%;" href="http://www.sportivo.nu/contact/afvalprogramma/bedankt?id={{$MailId}}&salt={{Hash::make('sportivoMail', ['cost' , 3])}}&name={{$name}}&email={{$email}}&amount=6" target="_blank">Aanmelden 6 weken programma</a>
                </td>
            </tr>
            </tbody></table>
    </div>
@endsection

@section('section2')

    <h3 style="color:#FFFFFF;line-height:125%;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:normal;margin-top:0;margin-bottom:3px;text-align:left;">13 Weken programma</h3>
    <div mc:edit="body" style="text-align:left;font-family:Helvetica,Arial,sans-serif;font-size:15px;margin-bottom:0;color:#808184;line-height:135%;">

        <ul>
            <li>Gegarandeerd 6 tot 13 kilo afvallen</li>
            <li>Gezonde voeding</li>
            <li>Met boodschappenlijst</li>
            <li>Afvallen zonder honger</li>
            <li>Persoonlijk voedingsplan</li>
            <li>Onbeperkt sporten</li>
            <li>Inclusief werkboek</li>
        </ul>
        <table border="0" cellpadding="0" cellspacing="0" width="75%" class="emailButton" style="background-color: #1786EA;">
            <tbody><tr>
                <td align="center" valign="middle" class="buttonContent" style="padding-top:15px;padding-bottom:15px;padding-right:15px;padding-left:15px;">
                    <a style="color:#FFFFFF;text-decoration:none;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:135%;" href="http://www.sportivo.nu/contact/afvalprogramma/bedankt?id={{$MailId}}&salt={{Hash::make('sportivoMail')}}&name={{$name}}&email={{$email}}&amount=13" target="_blank">Aanmelden 13 weken programma</a>
                </td>
            </tr>
            </tbody></table>
    </div>
@endsection


@section('extraMailContent')

    <!-- MODULE ROW // -->
    <tr>
        <td align="center" valign="top">
            <!-- CENTERING TABLE // -->
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td align="center" valign="top">
                        <!-- FLEXIBLE CONTAINER // -->
                        <table border="0" cellpadding="0" cellspacing="0" width="500" class="flexibleContainer">
                            <tr>
                                <td align="center" valign="top" width="500" class="flexibleContainerCell">
                                    <table border="0" cellpadding="30" cellspacing="0" width="100%">
                                        <tr>
                                            <td align="center" valign="top">

                                                <!-- CONTENT TABLE // -->
                                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td valign="top" class="textContent">
                                                            <div mc:edit="body" style="text-align:left;font-family:Helvetica,Arial,sans-serif;font-size:15px;margin-bottom:0;color:#808184;line-height:135%;">

                                                               <p>
                                                                   Per maand laten wij 5 deelnemers starten.<br/>
                                                                   Voordat u start, nemen wij eerst een intake bij u af om te kijken of u geschikt bent om aan het programma deel te nemen.
                                                               </p>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <!-- // CONTENT TABLE -->

                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        <!-- // FLEXIBLE CONTAINER -->
                    </td>
                </tr>
            </table>
            <!-- // CENTERING TABLE -->
        </td>
    </tr>

    <tr>
        <td align="center" valign="top">
            <!-- CENTERING TABLE // -->
            <table border="0" cellpadding="0" cellspacing="0" width="100%">

                                            <td valign="top" class="imageContent">
                                                <img src="http://www.sportivo.nu/images/structure/nutrition_header.jpg" width="100%" class="flexibleImage" style="max-width:800px;display:block;" alt="Text" title="Text">
                                            </td>
                                        </table>
            <!-- // CENTERING TABLE -->
        </td>
    </tr>

@endsection