@extends('layouts.admin', ['heading' => 'Multi-Currency', 'subheading' => 'Currency conversion and active market rates'])

@section('content')
    <div class="admin-card p-4">
        <div class="mb-2 text-sm font-semibold">Add / Update Rate</div>
        <form method="POST" action="{{ route('admin.currencies.store') }}" class="grid grid-cols-1 gap-2 md:grid-cols-4">
            @csrf
            <input name="base_currency" value="INR" placeholder="Base (INR)" class="rounded border p-2 text-sm" required>
            <input name="quote_currency" placeholder="Quote (USD)" class="rounded border p-2 text-sm" required>
            <input name="rate" type="number" step="0.00000001" min="0" placeholder="Rate" class="rounded border p-2 text-sm" required>
            <button class="rounded bg-slate-900 px-4 py-2 text-sm text-white">Save</button>
        </form>
    </div>

    <div class="mt-4 overflow-x-auto rounded-2xl border border-slate-200 bg-white shadow-sm">
        <table class="min-w-full text-sm">
            <thead class="bg-slate-100 text-left">
                <tr>
                    <th class="p-3">Pair</th>
                    <th class="p-3">Rate</th>
                    <th class="p-3">Fetched At</th>
                    <th class="p-3">Status</th>
                    <th class="p-3">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rates as $rate)
                    <tr class="border-t">
                        <td class="p-3">{{ $rate->base_currency }}/{{ $rate->quote_currency }}</td>
                        <td class="p-3">{{ number_format((float) $rate->rate, 8) }}</td>
                        <td class="p-3">{{ optional($rate->fetched_at)->format('d M Y H:i') ?: '-' }}</td>
                        <td class="p-3">{{ $rate->is_active ? 'Active' : 'Inactive' }}</td>
                        <td class="p-3">
                            <form method="POST" action="{{ route('admin.currencies.toggle', $rate->id) }}">
                                @csrf
                                <button class="rounded px-2 py-1 text-xs {{ $rate->is_active ? 'bg-amber-600 text-white' : 'bg-emerald-600 text-white' }}">
                                    {{ $rate->is_active ? 'Disable' : 'Enable' }}
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="p-4 text-center text-slate-500">No currency rates configured.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection