{% extends "admin_base.html" %}

{% block content %}
<div class="container-fluid">
  <div class="row">

    <!-- SIDEBAR NAVIGATION -->
    <div class="col-md-3 col-lg-2 bg-dark text-white min-vh-100 p-3" style="position: fixed; height: 100vh; overflow-y: auto;">
      <h4 class="text-light mb-4">Admin Panel</h4>
      
      <div class="nav flex-column">
        <a href="{% url 'core:admin_investment_management' %}" class="nav-link text-white active py-2">
          <i class="fas fa-chart-line me-2"></i> Investment Dashboard
        </a>
        <a href="{% url 'core:admin_crypto_approval' %}" class="nav-link text-white py-2">
          <i class="fas fa-coins me-2"></i> Crypto Approvals 
          <span class="badge bg-warning float-end">{{ pending_crypto_deposits|default:0 }}</span>
        </a>
        
        <hr class="bg-secondary">
        
        <a href="{% url 'core:investment_plans' %}" class="nav-link text-white py-2">
          <i class="fas fa-list me-2"></i> Investment Plans
        </a>
        <a href="{% url 'core:subscription_plans' %}" class="nav-link text-white py-2">
          <i class="fas fa-credit-card me-2"></i> Subscription Plans
        </a>
        
        <hr class="bg-secondary">
        
        <a href="{% url 'admin:index' %}" class="nav-link text-white py-2">
          <i class="fas fa-cogs me-2"></i> Django Admin
        </a>
      </div>
    </div>

    <!-- MAIN CONTENT -->
    <div class="col-md-9 col-lg-10 offset-md-3 offset-lg-2 p-4">

      <h1 class="display-6 fw-bold mb-4">Investment Operations Dashboard</h1>

      <!-- Stats Row -->
      <div class="row g-4 mb-5">
        <div class="col-sm-6 col-xl-3">
          <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
              <h6 class="text-uppercase text-muted mb-3">Total Invested</h6>
              <h3 class="fw-bold">USD {{ total_invested|floatformat:2 }}</h3>
            </div>
          </div>
        </div>
        <!-- ... keep your existing stat cards ... -->
      </div>

      <!-- Quick Crypto Access -->
      <div class="card mb-4 shadow-sm">
        <div class="card-body">
          <h5>Crypto Transactions</h5>
          <p class="text-muted">Pending Deposits: <strong>{{ pending_crypto_deposits }}</strong> | Pending Withdrawals: <strong>{{ pending_withdrawals }}</strong></p>
          <a href="{% url 'core:admin_crypto_approval' %}" class="btn btn-primary">
            Manage All Crypto Approvals →
          </a>
        </div>
      </div>

      <!-- Rest of your original content -->
      {% include "core/admin_investment_content.html" %}  <!-- or paste your tables here -->

    </div>
  </div>
</div>
{% endblock %}