@extends('admin::layouts.master')

@section('title', $currency->code)

@section('content')
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold">{{ $currency->code }} - {{ $currency->name }}</h1>
        <div class="flex gap-2">
            <a href="{{ route('admin.currencies.edit', $currency->id) }}" class="bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600">Edit</a>
            <a href="{{ route('admin.currencies.index') }}" class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600">Back</a>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-6 max-w-lg">
        <table class="w-full text-sm">
            <tr class="border-b"><td class="py-2 font-medium w-1/3">ID</td><td class="py-2">{{ $currency->id }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Code</td><td class="py-2 font-mono font-bold">{{ $currency->code }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Name</td><td class="py-2">{{ $currency->name }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Symbol</td><td class="py-2">{{ $currency->symbol }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Exchange Rate</td><td class="py-2">{{ number_format($currency->exchange_rate, 6) }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Default</td><td class="py-2">{{ $currency->is_default ? 'Yes' : 'No' }}</td></tr>
            <tr class="border-b"><td class="py-2 font-medium">Active</td><td class="py-2">{{ $currency->is_active ? 'Yes' : 'No' }}</td></tr>
            <tr><td class="py-2 font-medium">Sort Order</td><td class="py-2">{{ $currency->sort_order }}</td></tr>
        </table>
    </div>
@endsection