@extends('emails/layouts.master')
@section('content')
    <div style="background-color: white; margin: auto; max-width: 30em; padding: 2em; text-align: left; color: rgb(39, 39, 39); line-height: 1.5">
        <h2 style="font-size: 2rem; margin: 0 0 1em 0">Confirm Your Email Address</h2>
        <p>Hi {!! $name !!},</p>
            
        <p style="margin: 1em 0">Use the link below to verify your email and start using DESXPERT ADMIN SITE.</p>
        <div style="text-align: center">
            <button style="margin: 1em; background-color: #9ac45f; padding: 1em 2em; outline: none; border:none; border-radius: .5em; cursor: pointer;"><a style="text-decoration: none; color: white; font-weight: 400; font-size: 1rem" href="{{ $link }}">Click here to verify your email</a></button>
        </div>

        <p style="margin: 1em 0">If that doesn't work, Click this instead:<br><a href="{{ $link }}">{{ config('app.url') }}/set-password?link=XXXX</a></p>

        <p style="line-height: 1.6; margin: 1em 0 0 0">Sincerly, <br> Desxpert Team</p>
        </div>
@endsection