import { Component } from '@angular/core';

/**
 * Composant de test pour le module Finance
 */
@Component({
  selector: 'app-finance-test',
  template: `
    <div style="padding: 20px;">
      <h1 style="color: #2c3e50; margin-bottom: 30px;">
        💰 Module Finance - Test de Fonctionnement
      </h1>
      
      <div style="background: #e8f5e8; padding: 15px; border-radius: 8px; margin: 20px 0;">
        <h2>✅ Statut de Migration - Module Finance</h2>
        <ul>
          <li>✅ Service FinanceService implémenté</li>
          <li>✅ Données de test générées (4 transactions, 4 soldes)</li>
          <li>✅ Composants de base créés</li>
          <li>✅ Routing configuré</li>
          <li>✅ Interface de diagnostic</li>
          <li>🔄 Tests de fonctionnement...</li>
        </ul>
      </div>
      
      <div style="background: #fff3e0; padding: 15px; border-radius: 8px; margin: 20px 0;">
        <h2>📊 Données de Test Disponibles</h2>
        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px;">
          <div>
            <h3>💳 Transactions (4)</h3>
            <ul style="font-size: 14px;">
              <li>Crédit: +1500,00 € (Agence Voyage Plus)</li>
              <li>Débit: -850,25 € (Travel Express)</li>
              <li>Virement: +2200,00 € (Mondial Tours)</li>
              <li>Remboursement: +750,50 € (Agence Voyage Plus)</li>
            </ul>
          </div>
          <div>
            <h3>💰 Soldes Comptes (4)</h3>
            <ul style="font-size: 14px;">
              <li>Agence Voyage Plus: 12 450,75 €</li>
              <li>Travel Express: 8 750,20 €</li>
              <li>Mondial Tours: -1 250,00 € ⚠️</li>
              <li>Safari Adventures: 25 600,00 €</li>
            </ul>
          </div>
        </div>
      </div>
      
      <div style="background: #e3f2fd; padding: 15px; border-radius: 8px; margin: 20px 0;">
        <h2>🎯 Fonctionnalités du Module</h2>
        <ul>
          <li><strong>Transactions Bancaires:</strong> Suivi des mouvements financiers</li>
          <li><strong>Soldes des Comptes:</strong> État financier en temps réel</li>
          <li><strong>Tableau de Bord:</strong> KPI et indicateurs financiers</li>
          <li><strong>Alertes:</strong> Surveillance des découverts et limites</li>
          <li><strong>Rapports:</strong> Historique et analyses financières</li>
        </ul>
      </div>
      
      <div style="background: #fff3cd; padding: 15px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #ffc107;">
        <h2>🧪 Pages de Test Disponibles</h2>
        <div style="display: flex; gap: 15px; flex-wrap: wrap; margin-top: 15px;">
          <a href="/admin/finance/test" 
             style="background: #007bff; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; display: inline-block;">
            📋 Page de Test
          </a>
          <a href="/admin/finance/diagnostic" 
             style="background: #28a745; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; display: inline-block;">
            🔧 Diagnostic Services
          </a>
        </div>
      </div>
      
      <div style="background: #d1ecf1; padding: 15px; border-radius: 8px; margin: 20px 0;">
        <h2>🔗 Navigation vers Autres Modules</h2>
        <div style="display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px;">
          <a href="/admin/customers/test" style="background: #6c757d; color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px;">
            👥 Customers
          </a>
          <a href="/admin/billets/test" style="background: #fd7e14; color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px;">
            🎫 Billets
          </a>
          <a href="/admin/support/test" style="background: #20c997; color: white; padding: 8px 16px; text-decoration: none; border-radius: 4px;">
            🛠️ Support (à venir)
          </a>
        </div>
      </div>
    </div>
  `,
  styles: [`
    h1 { color: #2c3e50; }
    h2 { color: #34495e; margin-top: 0; }
    h3 { color: #495057; margin-top: 0; }
    li { margin: 8px 0; }
  `]
})
export class FinanceTestComponent { }


