@extends('layouts.email.index')

@section('content')
Hai <b>{{ $name }}</b>,
<br /><br />

Pendaftaran Affiliator hampir selesai. Harap klik tombol dibawah ini untuk verifikasi email Anda.
(Link verifikasi email ini hanya berlaku <b>15 menit</b>)
<br /><br />

<a href="{{ $link }}" class="btn">
    VERIFIKASI EMAIL
</a><br />

<div style="margin-top: 25px;word-wrap: break-word;">
    Jika tombol diatas tidak berfungsi, silahkan copy link berikut ini pada browser Anda :
    <br /><br />

    <span class="blue"><u>{{ $link }}</u></span>
</div>

<div style="margin-top: 15px;">
    Jangan ragu untuk menghubungi kami jika Anda memiliki pertanyaan lebih lanjut tentang penggunaan AturOrder. Semoga sukses dalam
    mengelola bisnis Anda!
    <br /><br />

    <b>Salam hangat</b>,<br />
    Admin AturOrder.com
</div>
@endsection

@push('styles')
<style>
    .btn {
        color: #ffffff !important;
        background-color: #1B58CF;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
        padding: 0.4rem 0.7rem;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        border: 1px solid #1B58CF;
        border-radius: 0.25rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .btn:hover {
        color: #ffffff !important;
        border-color: #14419b;
        background-color: #14419b;
    }
    .btn:focus, .btn:active {
        color: #ffffff !important;
        background-color: #1B58CF;
        border-color: #1B58CF;
    }
</style>
@endpush