@php
    use App\Models\FeatureFlag;

    $statusLabels = [
        FeatureFlag::STATUS_ENABLED => 'চালু',
        FeatureFlag::STATUS_DISABLED => 'বন্ধ',
        FeatureFlag::STATUS_MAINTENANCE => 'রক্ষণাবেক্ষণ',
    ];
@endphp

<x-layouts.admin title="সিস্টেম সেটিংস">
    <div>
        <h2 class="text-xl font-bold">সিস্টেম সেটিংস</h2>
        <p class="mt-1 text-sm text-ink-muted">এই মানগুলো শুধুমাত্র পড়ার জন্য। পরিবর্তনের জন্য সার্ভারের কনফিগারেশন আপডেট করতে হবে।</p>
    </div>

    <div class="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-2">
        <section class="rounded-2xl border border-line bg-surface p-5">
            <h3 class="font-bold">উত্তোলন কনফিগারেশন</h3>
            <dl class="mt-3 space-y-2 text-sm">
                <div class="flex items-center justify-between gap-3 border-b border-line pb-2">
                    <dt class="text-ink-muted">সর্বনিম্ন পরিমাণ</dt>
                    <dd class="font-semibold text-gold">৳ {{ number_format((float) $withdrawal['minimum'], 2) }}</dd>
                </div>
                <div class="flex items-center justify-between gap-3 border-b border-line pb-2">
                    <dt class="text-ink-muted">ফি</dt>
                    <dd class="font-semibold">৳ {{ number_format((float) $withdrawal['fee'], 2) }}</dd>
                </div>
                <div class="border-b border-line pb-2">
                    <dt class="text-ink-muted">প্রসেসিং সময়</dt>
                    <dd class="mt-1 font-semibold">{{ $withdrawal['processing_time'] }}</dd>
                </div>
                <div>
                    <dt class="text-ink-muted">পেমেন্ট মাধ্যম</dt>
                    <dd class="mt-1 flex flex-wrap gap-2">
                        @foreach ($withdrawal['methods'] as $key => $label)
                            <span class="badge border-line bg-surface-raised text-ink-muted">{{ $label }} <span class="font-mono text-[10px]">({{ $key }})</span></span>
                        @endforeach
                    </dd>
                </div>
            </dl>
        </section>

        <section class="rounded-2xl border border-line bg-surface p-5">
            <h3 class="font-bold">অ্যাডমিন অ্যাক্সেস</h3>
            <p class="mt-1 text-sm text-ink-muted">অ্যাডমিন নির্ধারিত হয় ইউজারের <span class="font-mono text-xs">role</span> কলাম দিয়ে (<span class="font-mono text-xs">admin</span>)।</p>
            <p class="mt-3 text-2xl font-bold text-gold">{{ number_format($adminCount) }}</p>
            <p class="text-sm text-ink-muted">অনুমোদিত অ্যাডমিন</p>

            <ul class="mt-3 space-y-1.5">
                @forelse ($maskedAdmins as $email)
                    <li class="rounded-lg border border-line bg-surface-raised px-3 py-1.5 font-mono text-xs text-ink-muted">{{ $email }}</li>
                @empty
                    <li class="rounded-lg border border-dashed border-line px-3 py-2 text-xs text-ink-muted">কোনো অ্যাডমিন ইউজার নেই।</li>
                @endforelse
            </ul>
        </section>
    </div>

    <section class="mt-4 rounded-2xl border border-line bg-surface p-5">
        <div class="flex flex-wrap items-start justify-between gap-2">
            <div>
                <h3 class="font-bold">জমা কনফিগারেশন</h3>
                <p class="mt-1 text-xs text-ink-muted">শুধু সক্রিয় ও নম্বরসহ মাধ্যম ব্যবহারকারীদের দেখানো হয়।</p>
            </div>
            <a href="{{ route('admin.deposits.index') }}" class="inline-flex items-center gap-1 text-sm font-semibold text-info hover:underline">
                জমার অনুরোধ দেখুন <x-icon name="arrow-right" class="h-4 w-4"/>
            </a>
        </div>

        <dl class="mt-3 grid grid-cols-1 gap-3 text-sm sm:grid-cols-2">
            <div class="rounded-xl border border-line bg-surface-raised px-3 py-2">
                <dt class="text-xs text-ink-muted">সর্বনিম্ন পরিমাণ</dt>
                <dd class="mt-0.5 font-semibold text-gold">৳ {{ number_format((float) $deposit['minimum'], 2) }}</dd>
            </div>
            <div class="rounded-xl border border-line bg-surface-raised px-3 py-2">
                <dt class="text-xs text-ink-muted">সর্বোচ্চ পরিমাণ</dt>
                <dd class="mt-0.5 font-semibold">৳ {{ number_format((float) $deposit['maximum'], 2) }}</dd>
            </div>
        </dl>

        <ul class="mt-3 space-y-2">
            @foreach ($deposit['providers'] as $key => $provider)
                @php
                    $isActive = ! empty($provider['enabled']) && filled($provider['number'] ?? null);
                @endphp
                <li class="rounded-xl border border-line bg-surface-raised px-3 py-2 text-sm">
                    <div class="flex flex-wrap items-center justify-between gap-2">
                        <p class="font-semibold">{{ $provider['label'] }} <span class="font-mono text-xs text-ink-muted">({{ $key }})</span></p>
                        <span class="badge {{ $isActive ? 'border-success/50 bg-success/10 text-success' : 'border-line bg-surface text-ink-muted' }}">
                            {{ $isActive ? 'সক্রিয়' : 'নিষ্ক্রিয়' }}
                        </span>
                    </div>
                    <p class="mt-1 font-mono text-xs text-ink-muted">
                        @if (filled($provider['number'] ?? null))
                            {{ $provider['number'] }}
                            @if (filled($provider['account_type'] ?? null))
                                · {{ $provider['account_type'] }}
                            @endif
                        @else
                            নম্বর কনফিগার করা হয়নি
                        @endif
                    </p>
                </li>
            @endforeach
        </ul>
    </section>

    <section class="mt-4 rounded-2xl border border-line bg-surface p-5">
        <h3 class="font-bold">ফিচারের অবস্থা</h3>
        <ul class="mt-3 grid grid-cols-1 gap-2 sm:grid-cols-2">
            @foreach ($features as $feature)
                <li class="flex items-center justify-between gap-2 rounded-xl border border-line bg-surface-raised px-3 py-2 text-sm">
                    <span class="truncate">{{ $feature->name }}</span>
                    <span class="shrink-0 text-xs text-ink-muted">{{ $statusLabels[$feature->status] ?? $feature->status }}</span>
                </li>
            @endforeach
        </ul>
        <a href="{{ route('admin.features.index') }}" class="mt-3 inline-flex items-center gap-1 text-sm font-semibold text-info hover:underline">
            ফিচার কন্ট্রোল খুলুন <x-icon name="arrow-right" class="h-4 w-4"/>
        </a>
    </section>
</x-layouts.admin>