@extends('emails.parts.email_template')

@section('title', $details['title'])

@section('content')
              <!-- START MAIN CONTENT AREA -->
              <tr>
                <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;" valign="top">
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;" width="100%">
                    <tr>
                      <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;" valign="top">
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Hi! {{$details['person']}},</p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">We would like you to check some of the perk you can avail here at {{$details['appname']}} platform.</p>
                        <div style="font-family: sans-serif; font-size: 18px; font-weight: bold; margin: 0 auto; margin-bottom: 15px;text-align: center;padding: 20px;border:1px solid #ddd;">
                            <h3 style="font-family: sans-serif; font-size: 25px;">{{$details['promo']['promo_name']}}</h3>
                            @if(!empty($details['promo']['poster']))
                                <img src="{{$details['promo']['poster']}}" width="300px">
                            @endif
                            <p style="font-weight: normal;">{{$details['promo']['promo_details']}}</p>
                            <p><strong>Valid from {{$details['promo']['start']}} until {{$details['promo']['end']}}</strong></p>
                            @if(!empty($details['promo']['rule']))
                                <p>To join, take note of this rule:</p>
                                <p>{{$details['promo']['rule']}}</p>
                            @endif
                        </div>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Thank you!</p>
                        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">{{$details['appname']}} Team</a></p>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

            <!-- END MAIN CONTENT AREA -->
@endsection