{{-- @component('mail::message')
# Forgot Password

<p>You recently requested to reset your password. Please use the following OTP (One-Time Password) to reset your password:</p>
    
<h2 style="background-color: #f8f9fa; padding: 10px; border-radius: 5px; display: inline-block; color:black">{{ $otp }}</h2>
    
<p>If you did not request a password reset, please ignore this email.</p>

Thanks,<br>
<span><strong>Classroom Quiz App Team</strong></span>
@endcomponent --}}

<div style="font-family: Helvetica,Arial,sans-serif;min-width:1000px;overflow:auto;line-height:2">
    <div style="margin:50px auto;width:70%;padding:20px 0">
      {{-- <div style="text-align: center; margin-bottom: 20px;">
        <img src="http://18.237.111.97:6000/img/logo.png" alt="App Logo" style="max-width: 200px;">
      </div> --}}
      <div style="border-bottom:1px solid #eee">
        <a href="" style="font-size:1.4em;color: #00466a;text-decoration:none;font-weight:600">Forgot Password</a>
      </div>
      <p>You recently requested to reset your password. Please use the following OTP (One-Time Password) to reset your password:</p>
      <P>If you did not request a password reset, please ignore this email.</P>
      <h2 style="background: #00466a;margin: 0 auto;width: max-content;padding: 0 10px;color: #fff;border-radius: 4px;">{{ $otp }}</h2>
      <p style="font-size:0.9em;">Thanks,<br />EaseUp Team</p>
      <hr style="border:none;border-top:1px solid #eee" />
      <div style="float:right;padding:8px 0;color:#aaa;font-size:0.8em;line-height:1;font-weight:300">
        <p>EaseUp</p>
        {{-- <p>1600 Amphitheatre Parkway</p>
        <p>California</p> --}}
      </div>
    </div>
  </div>