@extends('layouts.email_layout')
@section('content')
<tr>
    <td style="border-collapse: collapse;text-align:left;border: 0;padding:0px;">
        <table width="95%" border="0" cellpadding="0" cellspacing="0" style="margin:auto;border:0;">
            <tr>
                <td style="border-collapse: collapse;border: 0;text-align:left;padding-top: 35px;" bgcolor="#fff" valign="left" cellpadding="0" cellspacing="0" border="0">
                    <a href="{{url('/')}}">
                        <img src="{{url('/')}}/assets/images/newsletters/{{$monthly_newsletter->newsletter_top_image}}" style="display: block; width:100%;margin:auto;" alt="Cocojungle">
                    </a>
                </td>
            </tr>
            <tr>
                <td style="border-collapse: collapse;border: 0;text-align:center;border: 0;padding-bottom: 60px;" bgcolor="#fff" valign="left" cellpadding="0" cellspacing="0" border="0">
                    <p style="color: #000;font-family: 'Hind Madurai',Helvetica,Arial,sans-serif;margin-top: 30px;font-size: 37px;line-height: 45px;font-weight: 600;width: 400px;margin: auto;padding-top: 70px;padding-bottom: 0px;">
                        {{$monthly_newsletter->newsletter_introduction_text}}
                    </p>
                </td>
            </tr>
            @php
            $i = 1;
            @endphp
            @foreach($newsletter_sections as $newsletter_section_row)
            <tr>
                <td style="border-collapse: collapse;border: 0;text-align:center;border: 0;padding-bottom: 60px;" bgcolor="#fff" valign="left" cellpadding="0" cellspacing="0" border="0">
                    <span style="color: #fff;font-family: 'Hind Madurai',Helvetica,Arial,sans-serif;margin-top: 30px;font-size: 23px;font-weight: 600;display: inline-block;width: 40px;height: 40px;background: #000;border-radius: 50%;line-height: 38px;margin-bottom: 20px;">{{$i}}</span>
                    <p style="color: #000;font-family: 'Hind Madurai',Helvetica,Arial,sans-serif;font-size: 22px;line-height: 35px;font-weight: 600;width: 400px;margin: auto;">{{$newsletter_section_row->newsletter_section}}</p>
                </td>
            </tr>
            @php
            $i++;
            @endphp
            @endforeach
            <tr>
                <td style="border-collapse: collapse;border: 0;text-align:center;border: 0;padding-bottom: 60px;" bgcolor="#fff" valign="left" cellpadding="0" cellspacing="0" border="0">
                    <span style="color: #fff;font-family: 'Hind Madurai',Helvetica,Arial,sans-serif;margin-top: 30px;font-size: 23px;font-weight: 600;display: inline-block;width: 200px;height: 200px;background: #000;border-radius: 61% 49% 50% 49%;line-height: 200px;margin-bottom: 20px;">{{$monthly_newsletter->newsletter_black_circle_title}}</span>
                    <p style="color: #000;font-family: 'Hind Madurai',Helvetica,Arial,sans-serif;font-size: 20px;line-height: 31px;font-weight: 500;width: 400px;margin: 50px auto 50px;">{!!nl2br($monthly_newsletter->newsletter_bottom_text)!!}</p>
                </td>
            </tr>
        </table>
    </td>
</tr>
@endsection