@extends('emails.layouts.app')

<div class="content-email" style=" padding: 50px;
        text-align: center;">
    <h2 style=" font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px;color: #FFBA1E;  margin-bottom: 20px;">CHÚC MỪNG!</h2>
    <h4 style="  font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px; color: #000000; margin-bottom: 20px;">BẠN ĐÃ VƯỢT QUA VÒNG 1</h4>
    <p style=" font-style: normal;  font-weight: 400;  font-size: 14px;  line-height: 22px; color: #000000;  margin-bottom: 15px;">Bạn đã hoàn thành xuất sắc vòng 1 với kết quả là <span style="font-weight: 700;  color: #279415;"> {{$score}}</span> Điểm - Xếp Hạng <span style="font-weight: 700;  color: #279415;"> {{$ranking}}</span></p>
    <p style=" font-style: normal;  font-weight: 400;  font-size: 14px;  line-height: 22px; color: #000000;  margin-bottom: 15px;">Tổng thời gian làm bài của bạn làm: <span style="font-weight: 700;  color: #279415;"> @php echo floor(($time_working / 60) % 60) @endphp phút {{$time_working % 60}} giây</span></p>
    <p class="bold" style=" font-weight: bold;">Bạn vui lòng đăng nhập theo thông tin dưới đây để thi vòng tiếp theo</p>
    <div class="block-info-account" style="border: 1px solid #F6C92B;  border-radius: 16px;  padding: 16px 24px;  width: fit-content;  margin: auto; background: #FBF7F4;  margin-bottom: 30px;     margin-top: 30px;">
        <p style=" font-style: normal;   font-weight: 400;   font-size: 14px;   line-height: 22px;   color: #000000;"><span style="  font-weight: 700;">Tài khoản đăng nhập:</span> {{$email}}</p>
        <p style="font-style: normal;   font-weight: 400;   font-size: 14px;   line-height: 22px;   color: #000000;"><span style=" font-weight: 700;">Mật khẩu:</span> {{$password}}</p>
    </div>
    <hr>
    <div>
        <img src="{{ url('/uploads/images/20062022031203/20062022031203-logo-pplawer.png') }}" alt="" height='50' />
        <img src="{{ url('uploads/images/20062022031203/20062022031203-logo-kinh-te.png') }}" alt="" height='50' />
    </div>
</div>