{% extends 'base.html' %}
{% from '_partials/page_header.html' import page_header %}
{% block title %}VPN · OpenVPN{% endblock %}
{% block content %}
    {{ page_header('VPN', tabs=tabs, active_tab='openvpn') }}
    <div class="rounded-lg border border-dashed border-slate-300 dark:border-slate-700 p-10 text-center">
        <i data-lucide="shield" class="h-8 w-8 mx-auto text-slate-400"></i>
        <h3 class="mt-3 font-semibold">OpenVPN</h3>
        <p class="text-sm text-slate-500 mt-1">OpenVPN configuration is coming in a future release. Use WireGuard for now.</p>
        <a href="{{ url_for('vpn_wireguard_client') }}" class="mt-4 inline-flex items-center gap-2 text-sm font-medium text-slate-700 dark:text-slate-200 underline underline-offset-4 hover:text-slate-900 dark:hover:text-white">Open WireGuard →</a>
    </div>
{% endblock %}