@extends('emails.layouts.main')

@section('title', 'Agreement accepted')

@section('content')
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td class="px-50 mpx-15" style="padding-left: 50px; padding-right: 50px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td class="pb-30" style="padding-bottom: 30px;">
                            <div class="h3" style="font-family:'PT Sans', Arial, sans-serif; font-size:20px; color:#2c3e50; margin-bottom: 10px;">
                                Welcome aboard, {{ $userName }}!
                            </div>
                            <div class="text" style="font-family:'PT Sans', Arial, sans-serif; font-size:14px; color:#6e6e6e;">
                                Your instructor agreement has been accepted. You now have instructor access.
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="pt-10" style="padding-top: 10px;">
                            <table border="0" cellspacing="0" cellpadding="0" style="min-width: 200px; margin:auto;margin-bottom: 20px; margin-top: 20px;">
                                <tr>
                                    <td class="btn-16 c-white l-white" bgcolor="#f36118" style="margin:auto;margin-bottom: 20px; margin-top: 20px; font-size:16px; line-height:20px; mso-padding-alt:15px 35px; font-family:'PT Sans', Arial, sans-serif; text-align:center; font-weight:bold; text-transform:uppercase; border-radius:25px; min-width:auto !important; color:#ffffff;">
                                        <a href="https://orhanergun.net/profile/instructor-applications" target="_blank" class="link c-white" style="display: block; padding: 15px 35px; text-decoration:none; color:#ffffff;">
                                            <span class="link c-white" style="text-decoration:none; color:#ffffff;">View Your Application</span>
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
@endsection