@extends('layouts.app')

@section('title', '儀表板')

@section('content')

<div class="container py-4">
    <h2 class="mb-4">👋 歡迎回來，{{ Auth::user()->name }}！</h2>

    <div class="row g-4">

        <!-- SSL 憑證管理卡片 -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm h-100">
                <div class="card-body text-center">
                    <div class="display-1 mb-3">🔐</div>
                    <h4 class="card-title">SSL 憑證管理</h4>
                    <p class="card-text">快速產生、驗證、管理你的 SSL 憑證（CSR）檔案。</p>
                    <a href="{{ route('ssl-csr.index') }}" class="btn btn-primary">前往 SSL 管理</a>
                </div>
            </div>
        </div>

          <!-- 主機管理卡片 -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm h-100">
                <div class="card-body text-center">
                    <div class="display-1 mb-3">💻</div>
                    <h4 class="card-title">主機管理</h4>
                    <p class="card-text">檢視主機狀態與維護報告。</p>
                    <a href="{{ route('hosts.index') }}" class="btn btn-info">查看主機維護報告</a>
                </div>
            </div>
        </div>

           <!-- SSLVPN 帳號管理卡片 -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm h-100">
                <div class="card-body text-center">
                    <!-- 更換圖示，採用代表加密安全的鎖頭圖示 -->
                    <div class="display-1 mb-3">🔒</div>
                    <h4 class="card-title">SSLVPN 帳號管理</h4>
                    <p class="card-text">管理加密通道，建立、修改、停用 SSLVPN 帳號。</p>
                    <a href="{{ route('vpn-accounts.index') }}" class="btn btn-success">前往 SSLVPN 管理</a>
                </div>
            </div>
        </div>

        <!-- 帳號管理卡片 -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm h-100">
                <div class="card-body text-center">
                    <div class="display-1 mb-3">👥</div>
                    <h4 class="card-title">帳號管理</h4>
                    <p class="card-text">檢視、編輯或新增後台登入帳號。</p>
                    <a href="{{ route('users.index') }}" class="btn btn-warning">管理帳號</a>
                </div>
            </div>
        </div>

        <!-- Log 紀錄卡片 -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm h-100">
                <div class="card-body text-center">
                    <div class="display-1 mb-3">📝</div>
                    <h4 class="card-title">系統 Log 紀錄</h4>
                    <p class="card-text">查看系統操作紀錄與安全日誌。</p>
                    <a href="{{ route('logs.index') }}" class="btn btn-outline-dark">查看 Log</a>
                </div>
            </div>
        </div>

    </div>
</div>

@endsection