<?php
/** @var yii\web\View $this */
/** @var string $content */

use yii\helpers\Html;

$baseUrl = Yii::$app->request->baseUrl;
?>
<?php $this->beginPage(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="<?= Html::encode(Yii::$app->charset) ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>LMS &mdash; Login</title>
    <?php $this->head(); ?>
    <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="<?= $baseUrl ?>/css/lms.css">
</head>
<body class="login-body">
<?php $this->beginBody(); ?>

<div class="login-page">

    <!-- Left Panel — Branding -->
    <div class="login-panel-left">
        <div class="login-brand">
            <div class="login-brand-icon">
                <i class="fas fa-graduation-cap"></i>
            </div>
            <h1 class="login-brand-title">LMS</h1>
            <p class="login-brand-sub">Learning Management System</p>
        </div>
        <div class="login-features">
            <div class="login-feature-item">
                <i class="fas fa-users"></i>
                <span>Manage Users &amp; Groups</span>
            </div>
            <div class="login-feature-item">
                <i class="fas fa-chart-bar"></i>
                <span>Dashboard &amp; Reports</span>
            </div>
            <div class="login-feature-item">
                <i class="fas fa-shield-alt"></i>
                <span>Role-based Access Control</span>
            </div>
        </div>
        <p class="login-copy">&copy; <?= date('Y') ?> LMS. All rights reserved.</p>
    </div>

    <!-- Right Panel — Form -->
    <div class="login-panel-right">
        <div class="login-form-box">
            <div class="login-form-header">
                <div class="login-form-logo">
                    <i class="fas fa-graduation-cap"></i>
                </div>
                <h2>Welcome Back</h2>
                <p>Sign in to continue to LMS</p>
            </div>

            <?= $content ?>

            <div class="login-form-footer">
                <p>Having trouble? Contact <a href="mailto:admin@lms.local">admin@lms.local</a></p>
            </div>
        </div>
    </div>

</div>

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="<?= $baseUrl ?>/js/lms.js"></script>
<?php $this->endBody(); ?>
</body>
</html>
<?php $this->endPage(); ?>
