{% extends 'base.html' %} {% load static %} {% block title %}Manage Strategies -
Admin Panel - AIBOTXCHANGE{% endblock %} {% block content %}
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
  <!-- Header -->
  <div class="mb-8">
    <div class="flex justify-between items-center">
      <div>
        <h1 class="text-3xl font-bold text-gray-900">Manage Strategies</h1>
        <p class="mt-2 text-gray-600">View and manage all trading strategies</p>
      </div>
      <div class="flex space-x-4">
        <a href="{% url 'admin_panel:dashboard' %}" class="btn-secondary">
          <i class="fas fa-arrow-left mr-2"></i>
          Back to Dashboard
        </a>
        <a href="{% url 'admin_panel:add_strategy' %}" class="btn-primary">
          <i class="fas fa-plus mr-2"></i>
          Add Strategy
        </a>
      </div>
    </div>
  </div>

  <!-- Strategies Grid -->
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
    {% for strategy in strategies %}
    <div class="bg-white rounded-lg shadow-lg overflow-hidden">
      <div class="p-6">
        <div class="flex justify-between items-start mb-4">
          <h3 class="text-lg font-bold text-gray-900">{{ strategy.name }}</h3>
          <span class="status-badge status-{{ strategy.status }}">
            {{ strategy.get_status_display }}
          </span>
        </div>

        <p class="text-gray-600 text-sm mb-4">
          {{ strategy.description|truncatechars:100 }}
        </p>

        <!-- Strategy Metrics -->
        <div class="grid grid-cols-2 gap-4 text-sm mb-6">
          <div>
            <span class="text-gray-500">Total Return:</span>
            <div class="font-bold text-green-600">
              {{ strategy.total_return|floatformat:1 }}%
            </div>
          </div>
          <div>
            <span class="text-gray-500">Monthly Fee:</span>
            <div class="font-bold text-gray-900">
              ${{ strategy.monthly_fee|floatformat:0 }}
            </div>
          </div>
          <div>
            <span class="text-gray-500">Subscribers:</span>
            <div class="font-bold text-blue-600">
              {{ strategy.subscriber_count }}
            </div>
          </div>
          <div>
            <span class="text-gray-500">Risk Level:</span>
            <div class="risk-badge risk-{{ strategy.risk_level }}">
              {{ strategy.get_risk_level_display }}
            </div>
          </div>
        </div>

        <!-- Action Buttons -->
        <div class="flex space-x-2">
          <a
            href="{% url 'strategies:detail' strategy.id %}"
            class="btn-secondary flex-1 text-center text-sm"
          >
            View
          </a>
          <a href="#" class="btn-primary flex-1 text-center text-sm"> Edit </a>
          {% if strategy.status == 'active' %}
          <button
            class="btn-secondary text-sm"
            onclick="toggleStrategy({{ strategy.id }}, 'pause')"
          >
            Pause
          </button>
          {% else %}
          <button
            class="btn-primary text-sm"
            onclick="toggleStrategy({{ strategy.id }}, 'activate')"
          >
            Activate
          </button>
          {% endif %}
        </div>
      </div>
    </div>
    {% empty %}
    <div class="col-span-full text-center py-12">
      <i class="fas fa-robot text-4xl text-gray-400 mb-4"></i>
      <h3 class="text-lg font-medium text-gray-900 mb-2">
        No strategies found
      </h3>
      <p class="text-gray-600 mb-4">
        Get started by adding your first trading strategy.
      </p>
      <a href="{% url 'admin_panel:add_strategy' %}" class="btn-primary">
        Add Strategy
      </a>
    </div>
    {% endfor %}
  </div>

  <!-- Summary Stats -->
  <div class="mt-12 grid grid-cols-1 md:grid-cols-4 gap-6">
    <div class="bg-white rounded-lg shadow p-6 text-center">
      <div class="text-2xl font-bold text-blue-600">{{ total_strategies }}</div>
      <div class="text-sm text-gray-500">Total Strategies</div>
    </div>
    <div class="bg-white rounded-lg shadow p-6 text-center">
      <div class="text-2xl font-bold text-green-600">
        {{ active_strategies }}
      </div>
      <div class="text-sm text-gray-500">Active Strategies</div>
    </div>
    <div class="bg-white rounded-lg shadow p-6 text-center">
      <div class="text-2xl font-bold text-orange-600">
        {{ total_subscribers }}
      </div>
      <div class="text-sm text-gray-500">Total Subscribers</div>
    </div>
    <div class="bg-white rounded-lg shadow p-6 text-center">
      <div class="text-2xl font-bold text-purple-600">
        ${{ monthly_revenue|floatformat:0 }}
      </div>
      <div class="text-sm text-gray-500">Monthly Revenue</div>
    </div>
  </div>
</div>
{% endblock %} {% block extra_scripts %}
<script>
  function toggleStrategy(strategyId, action) {
    if (confirm(`Are you sure you want to ${action} this strategy?`)) {
      // In production, this would make an AJAX call to toggle strategy status
      console.log(`${action} strategy ${strategyId}`);
      // For now, just reload the page
      location.reload();
    }
  }
</script>
{% endblock %}