@extends('email.layouts.eventOrganizer.email')

@section('content')
	<tr>
		<td style="padding: 15px 0px 0;">
			<h4 style="margin: 0 0 10px;font-size: 15px;color: #000;">Hello !</h4>
			<p style="font-size: 14px; line-height: 20px; font-weight: bold; margin: 0 0 10px;">Thanks for partnering with <span style="color: #fe0000;">My Cauze</span>. Set up your fundraising event by clicking the activation link below.</p>
		</td>
	</tr>
	<tr>
		<td style="padding: 15px 0px;">
			<table cellspacing="0" cellpadding="0" style="width: 100%;font-size: 15px;line-height: 28px;border: solid 1px #c5c5c5;">
				<tr>
					<th colspan="2" style="text-align:center;background:#dddddd;color:#747474; padding: 5px 15px;">Login details</th>
				</tr>
				<tr>
					<td style="padding: 5px 15px;border-right: solid 1px #c5c5c5; border-bottom: solid 1px #c5c5c5;">Email</td>
					<td style="padding: 5px 15px;border-bottom: solid 1px #c5c5c5;">{{ $mail_body->email }}</td>
				</tr>
				<tr>
					<td style="padding: 5px 15px;border-right: solid 1px #c5c5c5;">Activation link</td>
					<td style="padding: 5px 15px;"><a href="{{ $mail_body->link }}">click here</a></td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td style="padding: 15px 0px 20px;">
			<p style="margin: 0 0 10px;font-size: 15px;color: #000;font-weight: bold;">What Happens Next…</p>
			<p style="font-size: 15px;line-height: 20px;margin: 0 0 10px;font-weight: bold;">After setting up your fundraising date and choosing your restaurants:</p>
			<ul style="margin-bottom: 25px;margin-top: 25px;list-style: disc;">
				<li>
					<p style="margin-bottom: 5px;margin-top: 5px;"><span style="color: #fe0000;">My Cauze</span> will confirm which restaurants want to partner and donate to your cause.</p>
				</li>
				<li>
					<p style="margin-bottom: 5px;margin-top: 5px;">You will receive the <span style="color: #fe0000;">Bcuz</span> link to the restaurants menu where your supporters will order through.</p>
				</li>
				<li>
					<p style="margin-bottom: 5px;margin-top: 5px;">The <span style="color: #fe0000;">My Cauze</span> app automatically gives you an additional 10% on top of the restaurant donation</p>
				</li>
				<li>
					<p style="margin-bottom: 5px;margin-top: 5px;">Ordering through the app guarantees payment to your organization</p>
				</li>
				<li>
					<p style="margin-bottom: 5px;margin-top: 5px;">You will know in real-time how much money your event raised.</p>
				</li>
			</ul>
			<p>We are here to help. Good Luck with your Restaurant Event !</p>
		</td>
	</tr>
@endsection