@extends('layouts.admin')

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

@section('content')

<h1 class="text-2xl font-bold mb-4">GBP → NGN Conversion Rate</h1>

@if(session('success'))
<div class="mb-3 p-3 rounded-lg bg-green-100 text-green-800">
    {{ session('success') }}
</div>
@endif


<div class="bg-white border rounded-2xl shadow p-5 mb-6">

    <h2 class="font-semibold mb-3">Set New Conversion Rate</h2>

    <form method="POST" action="{{ route('admin.currency_rates.store') }}" class="space-y-3">
        @csrf

        <label class="block text-sm font-medium">1 GBP =</label>

        <input type="number" step="0.01" name="gbp_to_ngn"
               class="w-full border rounded-xl px-4 py-2"
               placeholder="Enter NGN value e.g 1800"
               required>

        <button class="px-4 py-2 rounded-xl bg-indigo-600 text-white font-semibold">
            Save Rate
        </button>
    </form>
</div>


<div class="bg-white border rounded-2xl shadow p-5">
    <h2 class="font-semibold mb-3">Conversion History</h2>

    <table class="w-full text-sm">
        <thead>
            <tr class="bg-gray-50">
                <th class="px-3 py-2 text-left">Rate</th>
                <th class="px-3 py-2 text-left">Status</th>
                <th class="px-3 py-2 text-left">Created</th>
            </tr>
        </thead>

        <tbody class="divide-y">
        @foreach($rates as $rate)
            <tr>
                <td class="px-3 py-2">
                    <strong>£1 = ₦{{ number_format($rate->gbp_to_ngn, 2) }}</strong>
                </td>

                <td class="px-3 py-2">
                    @if($rate->is_active)
                        <span class="px-2 py-1 rounded-lg bg-green-100 text-green-700">
                            ACTIVE
                        </span>
                    @else
                        <span class="px-2 py-1 rounded-lg bg-gray-200 text-gray-700">
                            Old
                        </span>
                    @endif
                </td>

                <td class="px-3 py-2">
                    {{ $rate->created_at->format('d M, Y h:i A') }}
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>

@endsection