@extends('emails.layout')

@section('content')
    <h1>Session Cancellation</h1>
    
    <p>Hello {{ $name }},</p>
    
    <p>We are writing to inform you that your Growth Audit session scheduled for <strong>{{ $scheduled_at }}</strong> has been cancelled.</p>

    <div class="panel">
        <span class="panel-title">Cancelled Session Details</span>
        <div class="feature-grid">
            <div class="feature-item">
                <div class="label">Status</div>
                <div class="value" style="color: #E31E24;">Cancelled</div>
            </div>
            <div class="feature-item">
                <div class="label">Original Time</div>
                <div class="value">{{ $scheduled_at }}</div>
            </div>
        </div>
    </div>

    <p>If this was a mistake or you would like to reschedule, please feel free to visit our booking portal again to choose a new time slot.</p>

    <div class="button-container">
        <a href="{{ url('/audit') }}" class="button">Choose New Slot</a>
    </div>

    <p style="font-size: 13px; color: #8C92AC; font-style: italic;">
        If you have any questions or need further assistance, please reply directly to this email.
    </p>

    <p>Relentlessly,<br>
    <strong>The Altivate Team</strong></p>
@endsection