@extends('layouts.auth')

@section('title', 'Workspace Suspended')

@section('content')
<div class="text-center">
    <div class="badge bg-danger-subtle text-danger p-3 rounded-circle mb-3" style="width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center;">
        <i class="bi bi-shield-x fs-2"></i>
    </div>
    <h4 class="fw-bold mb-2">Workspace Suspended</h4>
    <p class="text-secondary small mb-4">
        Your organization's access to PeopleFlow HRIS has been temporarily suspended due to billing or compliance status.
    </p>
    <div class="d-grid gap-2">
        <a href="mailto:billing@peopleflow.com" class="btn btn-primary btn-sm">
            Contact Support & Billing
        </a>
        <form action="{{ route('logout') }}" method="POST">
            @csrf
            <button type="submit" class="btn btn-outline-secondary btn-sm w-100">
                Sign Out
            </button>
        </form>
    </div>
</div>
@endsection