@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'View currency')

@section('content')


    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6 gap-3">
        <h1 class="text-2xl font-semibold">{{ $currency->name }}</h1>
        <div class="flex flex-wrap gap-2">
            <a href="{{ route('admin.currency.edit', $currency->id) }}" class="btn btn-primary">
                <i class="fas fa-edit mr-2"></i> Edit
            </a>
            <a href="{{ route('admin.currency.index') }}" class="btn btn-primary btn-black">
                <i class="fas fa-arrow-left mr-2"></i> Back to Currencies
            </a>
        </div>
    </div>

    <div class="bg-white rounded-xl shadow-md overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-200">
            <h5 class="text-lg font-semibold text-gray-700">Currency Details</h5>
        </div>
        <div class="p-6">
            <table class="w-full border border-gray-200 divide-y divide-gray-200">
                <tbody class="divide-y divide-gray-100">
                    <tr>
                        <th class="w-48 px-4 py-2 text-left bg-gray-50 text-sm font-medium text-gray-600">Name</th>
                        <td class="px-4 py-2 text-gray-800">{{ $currency->name }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Code</th>
                        <td class="px-4 py-2 text-gray-800">{{ $currency->code }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Country code</th>
                        <td class="px-4 py-2 text-gray-800">{{ $currency->country_code }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Symbol</th>
                        <td class="px-4 py-2 text-gray-800">{{ $currency->symbol }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Is default</th>
                        <td class="px-4 py-2 text-gray-800">{{ $currency->is_default == 1 ? 'Yes' : 'No' }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Is status</th>
                        <td class="px-4 py-2 text-gray-800">{{ $currency->status == 1 ? 'Active' : 'Inactive' }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Exchange rate</th>
                        <td class="px-4 py-2 text-gray-800">{{ number_format($currency->exchange_rate, 2) }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Symbol position</th>
                        <td class="px-4 py-2 text-gray-800">{{ $currency->symbol_position }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Created At</th>
                        <td class="px-4 py-2 text-gray-800">{{ customDateTimeFormate($currency->created_at) }}</td>
                    </tr>
                    <tr>
                        <th class="px-4 py-2 bg-gray-50 text-sm font-medium text-gray-600">Updated At</th>
                        <td class="px-4 py-2 text-gray-800">{{ customDateTimeFormate($currency->updated_at) }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
@endsection