<?php

/**
 * Admin View: Premium Features page.
 *
 * @package MediaTasker
 */
// Prevent direct file access.
if ( !defined( 'ABSPATH' ) ) {
    exit;
}
$mediat_upgrade_url = mediat_fs()->get_upgrade_url();
?>

<div class="wrap mediat_admin-wrap mediat_premium-page">
    <div class="mediat_settings-header" style="padding: 20px 0;">
        <h1><?php 
esc_html_e( 'MediaTasker Premium Features', 'mediatasker' );
?></h1>
    </div>

    <div class="mediat_upgrade-banner">
        <div class="mediat_banner-content">
            <h2><?php 
esc_html_e( 'Upgrade to MediaTasker Premium', 'mediatasker' );
?></h2>
            <p class="mediat_banner-description">
                <?php 
echo esc_html( __( 'Transform your workflow with premium features designed for professional teams', 'mediatasker' ) );
?>
            </p>

            <div class="mediat_banner-highlights">
                <div class="mediat_highlight">
                    <span class="dashicons dashicons-groups"></span>
                    <?php 
esc_html_e( 'Team Collaboration', 'mediatasker' );
?>
                </div>
                <div class="mediat_highlight">
                    <span class="dashicons dashicons-admin-tools"></span>
                    <?php 
esc_html_e( 'Bulk Operations', 'mediatasker' );
?>
                </div>
                <div class="mediat_highlight">
                    <span class="dashicons dashicons-flag"></span>
                    <?php 
esc_html_e( 'Priority Management', 'mediatasker' );
?>
                </div>
                <div class="mediat_highlight">
                    <span class="dashicons dashicons-tag"></span>
                    <?php 
esc_html_e( 'Powerful Tag System', 'mediatasker' );
?>
                </div>
                <div class="mediat_highlight">
                    <span class="dashicons dashicons-email"></span>
                    <?php 
esc_html_e( 'Email Notifications', 'mediatasker' );
?>
                </div>
                <div class="mediat_highlight">
                    <span class="dashicons dashicons-media-spreadsheet"></span>
                    <?php 
esc_html_e( 'Work Log Exports', 'mediatasker' );
?>
                </div>
            </div>

            <a href="<?php 
echo esc_url( $mediat_upgrade_url );
?>" class="button button-primary button-hero" target="_blank">
                <?php 
esc_html_e( 'Upgrade Now', 'mediatasker' );
?>
                <span class="dashicons dashicons-arrow-right-alt"></span>
            </a>
        </div>
    </div>

    <div class="mediat_feature-grid">
        <!-- 1. Advanced Bulk Operations -->
        <div class="mediat_feature-card">
            <span class="dashicons dashicons-images-alt2"></span>
            <h3><?php 
esc_html_e( 'Advanced Bulk Operations', 'mediatasker' );
?></h3>
            <p>
                <?php 
echo esc_html( __( 'Save time by managing multiple images at once. Update status, add comments, or delete images in bulk.', 'mediatasker' ) );
?>
            </p>
        </div>

        <!-- 2. Email Notifications -->
        <div class="mediat_feature-card">
            <span class="dashicons dashicons-email"></span>
            <h3><?php 
esc_html_e( 'Email Notifications', 'mediatasker' );
?></h3>
            <p>
                <?php 
echo esc_html( __( 'Keep your team in sync with automatic email notifications for uploads, status changes, and comments.', 'mediatasker' ) );
?>
            </p>
        </div>

        <!-- 3. Priority Management -->
        <div class="mediat_feature-card">
            <span class="dashicons dashicons-flag"></span>
            <h3><?php 
esc_html_e( 'Priority Management', 'mediatasker' );
?></h3>
            <p>
                <?php 
echo esc_html( __( 'Take control of your workflow with our priority system:', 'mediatasker' ) );
?>
            </p>
            <ul>
                <li><span class="dashicons dashicons-yes"></span>
                    <?php 
esc_html_e( 'Set Priority Levels for Media Files', 'mediatasker' );
?></li>
                <li><span class="dashicons dashicons-yes"></span>
                    <?php 
esc_html_e( 'Filter and Sort by Priority', 'mediatasker' );
?></li>
                <li><span class="dashicons dashicons-yes"></span>
                    <?php 
esc_html_e( 'Visual Priority Indicators', 'mediatasker' );
?></li>
            </ul>
        </div>

        <!-- 4. Priority Support -->
        <div class="mediat_feature-card">
            <span class="dashicons dashicons-superhero"></span>
            <h3><?php 
esc_html_e( 'Priority Support', 'mediatasker' );
?></h3>
            <p>
                <?php 
echo esc_html( __( 'Get direct access to our support team with priority response times and dedicated assistance.', 'mediatasker' ) );
?>
            </p>
        </div>

        <!-- 5. Access Control -->
        <div class="mediat_feature-card">
            <span class="dashicons dashicons-groups"></span>
            <h3><?php 
esc_html_e( 'Access Control', 'mediatasker' );
?></h3>
            <p>
                <?php 
echo esc_html( __( 'Enhance your workflow by controlling which user roles can access and interact with the plugin. While the free version is limited to administrators only, the premium version allows you to extend access to any WordPress user role you choose.', 'mediatasker' ) );
?>
            </p>
        </div>

        <!-- 6. Powerful Tag System -->
        <div class="mediat_feature-card">
            <span class="dashicons dashicons-tag"></span>
            <h3><?php 
esc_html_e( 'Tags for Lightning-Fast Organization', 'mediatasker' );
?></h3>
            <p>
                <?php 
echo esc_html( __( 'Stop wasting time searching. With premium Tags, you can label images and tasks with meaningful categories like “Urgent”, “Client Review”, or “Retouching”. Filter and group in a click—so you deliver faster with total clarity.', 'mediatasker' ) );
?>
            </p>
            <ul>
                <li><span class="dashicons dashicons-yes"></span>
                    <?php 
esc_html_e( 'Create unlimited custom tags', 'mediatasker' );
?></li>
                <li><span class="dashicons dashicons-yes"></span>
                    <?php 
esc_html_e( 'Instant filtering and grouping', 'mediatasker' );
?></li>
                <li><span class="dashicons dashicons-yes"></span>
                    <?php 
esc_html_e( 'Consistent workflows across teams', 'mediatasker' );
?></li>
            </ul>
        </div>

        <?php 
?>
    </div>

    <!-- Comparison Table -->
    <div class="mediat_premium-content">
        <div class="mediat_comparison-table">
            <table class="widefat">
                <thead>
                    <tr>
                        <th><?php 
esc_html_e( 'Feature', 'mediatasker' );
?></th>
                        <th style="width: 20%; text-align: center;"><?php 
esc_html_e( 'Free Version', 'mediatasker' );
?>
                        </th>
                        <th style="width: 20%; text-align: center;">
                            <?php 
esc_html_e( 'Premium Version', 'mediatasker' );
?>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="3" class="mediat_section-header"><?php 
esc_html_e( 'Core Features', 'mediatasker' );
?>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Image Upload & Management', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Basic Task Status Tracking', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Comments & Feedback', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Role-Based Access Control', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-no-alt mediat_dashicons-no"></span>
                            <?php 
esc_html_e( 'Admin only', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                            <?php 
esc_html_e( 'Advanced', 'mediatasker' );
?></td>
                    </tr>
                    <tr>
                        <td colspan="3" class="mediat_section-header">
                            <?php 
esc_html_e( 'Advanced Features', 'mediatasker' );
?>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Advanced Bulk Operations', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-no-alt mediat_dashicons-no"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Email Notifications', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-no-alt mediat_dashicons-no"></span>
                            <?php 
esc_html_e( 'Admin only', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Priority Management', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-no-alt mediat_dashicons-no"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Work log PDF exports + filters', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-no-alt mediat_dashicons-no"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Powerful tag system', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-no-alt mediat_dashicons-no"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" class="mediat_section-header">
                            <?php 
esc_html_e( 'Support & Updates', 'mediatasker' );
?>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Plugin Updates', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                        <td style="text-align: center;"><span class="dashicons dashicons-yes mediat_dashicons-yes"></span>
                        </td>
                    </tr>
                    <tr>
                        <td><?php 
esc_html_e( 'Technical Support', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><?php 
esc_html_e( 'Community', 'mediatasker' );
?></td>
                        <td style="text-align: center;"><?php 
esc_html_e( 'Priority Support', 'mediatasker' );
?></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="mediat_upgrade-footer">
        <a href="<?php 
echo esc_url( $mediat_upgrade_url );
?>" class="button button-primary button-hero" target="_blank">
            <?php 
esc_html_e( 'Upgrade to Premium Now', 'mediatasker' );
?>
        </a>
    </div>
</div>
