@extends('frontend.email.email-master')

@section('content')
<div>

    <p style="margin: 12px 0;">
        Dear Member,
    </p>

    <p style="margin: 12px 0;">
        {{ __('You have received this email because a request was made to authenticate an action on your') }}
        <strong>{{ __('Amplivo Member') }}</strong>
        {{ __('account.') }}
    </p>

    <p style="margin: 12px 0;">
        <strong>🔐 {{ __('Your OTP is:') }}</strong> {{ $details['otp'] }}
    </p>

    <p style="margin: 12px 0;">
        {{ __('This code is valid for 5 minutes. Please enter it promptly to complete your verification.') }}
    </p>

    <p style="font-weight:bold; margin: 12px 0 8px;">
        {{ __('Request Details') }}
    </p>

    <ul style="list-style-type: disc; padding-left: 20px; margin: 0 0 12px 0;">
        <li><strong>{{ __('IP Address:') }}</strong> {{ $details['deviceDetails']['ip_address'] }}</li>
        <li><strong>{{ __('Device Type:') }}</strong> {{ $details['deviceDetails']['device_type'] }}</li>
        <li><strong>{{ __('Browser:') }}</strong> {{ $details['deviceDetails']['browser_name'] }} {{ $details['deviceDetails']['browser_version'] }}</li>
        <li><strong>{{ __('Location:') }}</strong> {{ $details['deviceDetails']['geolocation'] }}</li>
        <li><strong>{{ __('Coordinates:') }}</strong> {{ $details['deviceDetails']['coordinates'] }}</li>
    </ul>

    <p style="margin-top: 20px;">
        <strong>{{ __('Didn’t request this?') }}</strong>
    </p>

    <p>
        {{ __('If you did not initiate this action or you received this OTP unexpectedly, please:') }}
    </p>

    <ol style="padding-left: 20px; margin: 0 0 12px 0;">
        <li><strong><a href="{{ route('member.password.request') }}" target="_blank" style="color:#007bff; text-decoration:none;" rel="noreferrer noopener">{{ __('Reset your password immediately') }}</a></strong></li>
        <li><strong><a href="{{getSiteSettings('support_link')}}" target="_blank" style="color:#007bff; text-decoration:none;" rel="noreferrer noopener">{{ __('Contact our support team') }}</a></strong> {{ __('for assistance securing your account') }}</li>
    </ol>
</div>
@endsection