{% extends "tactics/layout.html" %}

{% block title %}Data Center - Tactics{% endblock %}

{% block tactics_content %}
<div class="bg-white dark:bg-slate-800 shadow rounded-lg p-6">
    <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Data Center: Comparison</h2>
    
    <div class="space-y-6">
        <!-- Controls -->
        <div class="flex space-x-4">
            <input type="text" placeholder="Search players to compare..." class="flex-1 rounded-md border-gray-300 dark:bg-slate-700 dark:border-slate-600 dark:text-white">
            <button class="px-4 py-2 bg-yrtv-600 text-white rounded-md">Add to Compare</button>
        </div>

        <!-- Chart Placeholder -->
        <div class="h-96 bg-gray-50 dark:bg-slate-700 rounded flex items-center justify-center">
            <p class="text-gray-500 dark:text-gray-400">Multi-player Radar Chart / Bar Chart Area</p>
        </div>
    </div>
</div>
{% endblock %}