<?php

include 'koneksi.php';
include 'header2.php';
?>

<style>
    body {
        font-size: 20px;
        background-color: #f8f9fa;
    }
    .container-custom {
        max-width: 95%;
        margin: auto;
    }
    .table th, .table td {
        padding: 20px;
        vertical-align: middle;
        font-size: 20px;
    }
    .table th {
        background-color: #343a40;
        color: white;
    }
    .table td {
        background-color: #ffffff;
    }
    .card-header {
        font-size: 22px;
        text-align: center;
        padding: 20px;
    }
    .title-header {
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px;
    }
    .sub-title {
        font-size: 22px;
        text-align: center;
        margin-bottom: 30px;
    }
</style>
<div id="layoutSidenav_content">
    <main>
        <div class="container mt-5 container-custom">
            <h2 class="title-header">YouTube Channel Evaluation</h2>
            <p class="sub-title">Score Ranges and Categories for Each Criterion</p>

            <div class="card shadow-lg mb-5">
                <div class="card-header bg-success text-white">
                    <i class="fas fa-list"></i> YouTube Channel Rating Categories
                </div>
                <div class="card-body">
                    <table class="table table-bordered text-center">
                        <thead>
                            <tr>
                                <th>Criteria</th>
                                <th>Score A (95) - Excellent</th>
                                <th>Score B (85) - Good</th>
                                <th>Score C (75) - Fair</th>
                                <th>Score D (40) - Poor</th>
                                <th>Score E (25) - Very Poor</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- C1: Total of Channel Views -->
                            <tr>
                                <td><strong>Total of Channel Views (C1)</strong></td>
                                <td>> 25,000,000</td>
                                <td>15,000,000 – 25,000,000</td>
                                <td>5,000,000 – 15,000,000</td>
                                <td>1,000,000 – 5,000,000</td>
                                <td>< 1,000,000</td>
                            </tr>

                            <!-- C2: Total of Subscribers -->
                            <tr>
                                <td><strong>Total of Subscribers (C2)</strong></td>
                                <td>> 500,000</td>
                                <td>250,000 – 500,000</td>
                                <td>100,000 – 250,000</td>
                                <td>50,000 – 100,000</td>
                                <td>< 50,000</td>
                            </tr>

                            <!-- C3: Frequency of New Video Uploads -->
                            <tr>
                                <td><strong>Frequency of New Video Uploads (C3)</strong></td>
                                <td>Very Frequent (Every week or more often)</td>
                                <td>Frequent (Every 2 weeks - once a month)</td>
                                <td>Moderately Frequent (Every 1-2 months)</td>
                                <td>Infrequent (Only a few times a year)</td>
                                <td>Inactive (More than 6 months without uploads)</td>
                            </tr>

                            <!-- C4: Total of Uploaded Videos -->
                            <tr>
                                <td><strong>Total of Uploaded Videos (C4)</strong></td>
                                <td>> 1000 videos</td>
                                <td>750 - 1000 videos</td>
                                <td>500 - 750 videos</td>
                                <td>250 - 500 videos</td>
                                <td>< 250 videos</td>
                            </tr>

                            <!-- C5: Background of Instructor/Content Creator -->
                            <tr>
                                <td><strong>Background of Instructor/Content Creator (C5)</strong></td>
                                <td>Professor/Researcher with an international academic degree</td>
                                <td>Bachelor’s/Master’s degree with industry or academic experience</td>
                                <td>Bachelor’s degree without formal academic experience</td>
                                <td>Practitioner without a formal academic background</td>
                                <td>No formal education background in IT</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Back Button -->
            <div class="text-center">
                <a href="penilaian2.php" class="btn btn-secondary btn-lg px-5 py-3">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>
        </div>
    </main>
</div>
