@extends('layouts.app')
@section('title', 'Signal History')
@section('page-title', 'Signal History')

@section('content')
<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
        <h2 style="font-size:0.95rem;font-weight:600;"><i class="fa-solid fa-clock-rotate-left" style="color:var(--accent)"></i> Signal History</h2>
        <span style="font-size:0.8rem;color:var(--text-muted);">Last 100 signals</span>
    </div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Asset</th>
                    <th>Platform</th>
                    <th>Direction</th>
                    <th>Timeframe</th>
                    <th>Strength</th>
                    <th>RSI</th>
                    <th>MACD</th>
                    <th>Time</th>
                </tr>
            </thead>
            <tbody>
                @forelse($history as $sig)
                @php
                    $ind = is_string($sig['indicators'] ?? '') ? json_decode($sig['indicators'] ?? '{}', true) : ($sig['indicators'] ?? []);
                @endphp
                <tr>
                    <td><strong>{{ $sig['asset'] }}</strong></td>
                    <td><span style="font-size:0.75rem;padding:2px 8px;background:rgba(124,58,237,0.1);color:#a78bfa;border-radius:6px;">{{ $sig['platform'] ?? 'quotex' }}</span></td>
                    <td>
                        <span class="signal-direction {{ strtolower($sig['direction']) }}" style="font-size:0.75rem;padding:3px 10px;">
                            {{ $sig['direction'] }}
                        </span>
                    </td>
                    <td><span class="signal-badge">{{ $sig['timeframe'] }}</span></td>
                    <td>
                        <div style="display:flex;align-items:center;gap:8px;">
                            <div class="strength-bar" style="width:60px;">
                                <div class="strength-fill {{ ($sig['strength'] ?? 0) >= 70 ? 'high' : 'medium' }}" style="width:{{ $sig['strength'] ?? 0 }}%"></div>
                            </div>
                            <span style="font-size:0.75rem;">{{ $sig['strength'] ?? 0 }}%</span>
                        </div>
                    </td>
                    <td style="font-size:0.8rem;">{{ isset($ind['rsi']) ? $ind['rsi'] : '-' }}</td>
                    <td style="font-size:0.8rem;">{{ isset($ind['macd']) ? number_format($ind['macd'], 6) : '-' }}</td>
                    <td style="font-size:0.75rem;color:var(--text-muted);">{{ $sig['created_at'] ?? $sig['timestamp'] ?? '-' }}</td>
                </tr>
                @empty
                <tr><td colspan="8" style="text-align:center;padding:40px;color:var(--text-muted);">No signal history yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection