@extends('mails.layout.app')

@section('main')
    <tr>
        <td style="padding:20px; font-family: Arial, sans-serif; font-size:14px; color:#333; line-height:1.6;">
            <h2 style="margin:0 0 15px; font-size:20px; color:#444;">
                Appointment Request Received
            </h2>

            <p style="margin:0 0 10px;">Hi <strong>{{ $username }}</strong>,</p>

            <p style="margin:0 0 10px;">
                Thank you for your interest in <strong>RO Wellness Suite</strong> and our services.
            </p>

            <p style="margin:0 0 10px;">
                We’ve received your appointment request and are reviewing your information.  
                A member of our team will confirm your appointment within the next 24 hours,  
                along with a calendar invite and important next steps.
            </p>

            <img src="https://avs71.avs.org/wp-content/uploads/2022/10/schedule_plannerb.jpg">
            
            <p style="margin:0 0 10px;">
                We look forward to helping you take control of your health—proactively.
            </p>

            {{-- 🔹 Add to Calendar Button --}}
            <p style="margin:20px 0;">
                <a href="{{ $googleCalendarLink }}" target="_blank"
                   style="display:inline-block; background:#2d89ef; color:#fff; 
                          padding:12px 20px; text-decoration:none; border-radius:6px; 
                          font-weight:bold; font-size:14px;">
                    📅 Add to Google Calendar
                </a>
            </p>

            <p style="margin:0 0 10px;">
                Or open the attached <strong>appointment.ics</strong> file to add this event to your Outlook, iPhone, or Mac calendar.
            </p>

            <p style="margin:20px 0 5px;">Warm regards,</p>
            <p style="margin:0; font-weight:bold;">The RO Wellness Team</p>
        </td>
    </tr>
@endsection