@extends('layouts.email_layout')
@section('content')
<tr>
    <td style="border-collapse: collapse;text-align:left;border: 0;padding:0px;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin:auto;border:0;">
            <tr>
                <td style="border-collapse: collapse;border: 0;text-align:left;padding-top: 0;" bgcolor="#fff" valign="left" cellpadding="0" cellspacing="0" border="0">
                    <a href="{{url('/')}}">
                        <img src="{{url('/')}}/assets/images/banners/{{$banner_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;" 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:18px;line-height:21px;font-weight:400;">
                        Welcome to the jungle
                    </p>
                    <p style="margin-bottom:50px; background:#000;margin: 50px auto;margin-top: 50px;padding:15px;width: 300px;text-align:center;">
                        <a style="display: block;  color:#fff;font-family: 'Hind Madurai',Helvetica,Arial,sans-serif; font-size:21px;line-height:21px;font-weight:400;text-decoration:none;width: 300px;margin:auto;" href="{{url('/')}}/checkin">Check in</a>
                    </p>
                    
                    <p style="margin: 30px auto;padding:15px;text-align:center;">
                        <a style="display: block; color:#fff;font-family: 'Hind Madurai',Helvetica,Arial,sans-serif; font-size:21px;line-height:21px;font-weight:400;text-decoration:none;padding:15px;width: 32px;margin: auto;" href="https://www.instagram.com/cocojunglecolaba/"><img src="{{url('/')}}/assets/images/emails/instagram.png" alt="Instagram" style="margin: 0 auto;"></a>
                    </p>

                </td>
            </tr>
        </table>
    </td>
</tr>
@endsection