مدیریت هوشمند نرخ ارز و طلا

namespace App\Http\Controllers;

use App\Services\RateService;
use Illuminate\Http\Request;

class RateController extends Controller
{
    public function index(RateService $service)
    {
        return response()->json([
            $service->getRates()
        ]);
    }
}

use App\Http\Controllers\RateController;
use Illuminate\Support\Facades\Route;

// تعریف روت API برای دریافت آنی نرخ ارزها و تتر
Route::get('/rate', [RateController::class, 'index']);

use Illuminate\Support\Facades\Route;

// روت وب برای رندر کردن ویوی نمایش نرخ‌ها
Route::get('/rates', function () {
    return view('rates');
})->name('rates');

<!-- ساختار باکس‌های نمایش نرخ‌ها در قالب فایل Blade -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-5">
    <!-- کارت دلار آمریکا -->
    <div class="bg-white/80 dark:bg-slate-900/40 backdrop-blur-md border border-slate-200/80...">
        <span id="usd-change">▲ ۰.۸٪</span>
        <span id="usd-price">۶۲,۸۰۰</span>
        <span id="usd-time">⏱️ آخرین بروزرسانی: ۲ دقیقه پیش</span>
    </div>

    <!-- کارت یورو اروپا -->
    <div class="bg-white/80 dark:bg-slate-900/40 backdrop-blur-md border border-slate-200/80...">
        <span id="eur-change">▼ ۰.۲٪</span>
        <span id="eur-price">۶۷,۶۰۰</span>
        <span id="eur-time">⏱️ آخرین بروزرسانی: ۵ دقیقه پیش</span>
    </div>

    <!-- کارت تتر دیجیتال -->
    <div class="bg-white/80 dark:bg-slate-900/40 backdrop-blur-md border border-slate-200/80...">
        <span id="usdt-change">۰.۰٪ (ثابت)</span>
        <span id="usdt-price">۶۳,۱۵۰</span>
        <span id="usdt-time">⏱️ آخرین بروزرسانی: ۳۰ ثانیه پیش</span>
    </div>

    <!-- کارت درهم امارات -->
    <div class="bg-white/80 dark:bg-slate-900/40 backdrop-blur-md border border-slate-200/80...">
        <span id="aed-change">▲ ۱.۴٪</span>
        <span id="aed-price">۱۷,۱۰۰</span>
        <span id="aed-time">⏱️ آخرین بروزرسانی: ۱ ساعت پیش</span>
    </div>
</div>

async function loadRates() {
    try {
        const res = await fetch('/api/rate');
        const data = await res.json();
        const rates = data[0];

        if (rates) {
            document.getElementById('usd-price').textContent = Number(rates.usd.price).toLocaleString('fa-IR');
            document.getElementById('usd-time').textContent = '⏱️ آخرین بروزرسانی : ' + rates.usd.time;
            document.getElementById('usd-change').textContent = rates.usd.change_percent + '%';

            document.getElementById('eur-price').textContent = Number(rates.eur.price).toLocaleString('fa-IR');
            document.getElementById('eur-time').textContent = '⏱️ آخرین بروزرسانی : ' + rates.eur.time;
            document.getElementById('eur-change').textContent = rates.eur.change_percent + '%';

            document.getElementById('usdt-price').textContent = Number(rates.usdt.price).toLocaleString('fa-IR');
            document.getElementById('usdt-time').textContent = '⏱️ آخرین بروزرسانی : ' + rates.usdt.time;
            document.getElementById('usdt-change').textContent = rates.usdt.change_percent + '%';

            document.getElementById('aed-price').textContent = Number(rates.aed.price).toLocaleString('fa-IR');
            document.getElementById('aed-time').textContent = '⏱️ آخرین بروزرسانی : ' + rates.aed.time;
            document.getElementById('aed-change').textContent = rates.aed.change_percent + '%';
        }
    } catch (error) {
        console.error("خطا در بارگذاری قیمت‌ها:", error);
    }
}

loadRates();