@extends('layouts.admin')

@section('title', 'Currency Rates')

@include('admin._shared_styles')

@section('content')
    <div class="page-header">
        <div>
            <h1><i class="fas fa-coins" style="color:var(--accent); margin-right:0.5rem;"></i> Currency Rates</h1>
            <div class="subtitle">FX rates used for multi-currency pricing · Last refresh: {{ $stats['last_refresh'] ?? 'never' }}</div>
        </div>
        <form method="POST" action="{{ route('admin.currency.refresh') }}">
            @csrf
            <button type="submit" class="btn btn-primary"><i class="fas fa-sync-alt"></i> Refresh Rates</button>
        </form>
    </div>

    @if(session('success'))
        <div style="background:var(--success-light); color:var(--success); padding:0.75rem 1rem; border-radius:var(--radius-sm); margin-bottom:1rem;">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div style="background:var(--danger-light); color:var(--danger); padding:0.75rem 1rem; border-radius:var(--radius-sm); margin-bottom:1rem;">{{ session('error') }}</div>
    @endif

    <div class="stats-grid">
        <div class="stat-card accent">
            <div class="label">Total Pairs</div>
            <div class="value">{{ number_format($stats['total_pairs'] ?? 0) }}</div>
        </div>
        <div class="stat-card warning">
            <div class="label">Stale (&gt;24h)</div>
            <div class="value">{{ number_format($stats['stale_rates'] ?? 0) }}</div>
        </div>
        <div class="stat-card success">
            <div class="label">Currencies</div>
            <div class="value" style="font-size:1rem;">{{ collect($stats['supported_currencies'] ?? [])->take(8)->implode(', ') ?: '—' }}</div>
        </div>
    </div>

    <div class="table-card">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Pair</th>
                    <th>Rate</th>
                    <th>Fetched</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rates as $rate)
                    <tr>
                        <td style="font-weight:500;">{{ $rate->base }} → {{ $rate->quote }}</td>
                        <td>
                            <form method="POST" action="{{ route('admin.currency.update', $rate->id) }}" style="display:flex; gap:0.5rem; align-items:center;">
                                @csrf @method('PATCH')
                                <input type="number" step="0.0001" name="rate" value="{{ $rate->rate }}" style="width:140px; padding:0.35rem 0.6rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--bg-primary); color:var(--text-primary); font-family:monospace;">
                                <button type="submit" class="action-btn" title="Save"><i class="fas fa-save"></i></button>
                            </form>
                        </td>
                        <td style="color:var(--text-secondary);">
                            {{ $rate->fetched_at?->diffForHumans() ?? '—' }}
                            @if($rate->fetched_at && $rate->fetched_at->lt(now()->subHours(24)))
                                <span class="badge badge-warning" style="margin-left:0.5rem;">Stale</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge badge-info">{{ $rate->source ?? 'manual' }}</span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="empty-state"><i class="fas fa-coins"></i> No currency rates configured.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection