@extends('profile.layout')
@section('title', __('Tarif'))

@section('content')
<h1 class="text-2xl font-bold text-ink mb-6">{{ __('Tariflər') }}</h1>

@php
$featureLabels = [
    'remove_watermark' => 'Su nişanını silə bilər',
    'qr_menu' => 'QR menyu',
    'qr_code' => 'QR kod',
    'custom_domain' => 'Öz domen (CNAME)',
    'seo' => 'SEO parametrləri',
    'page_limits' => 'Səhifə limitləri',
];
$hiddenFeatures = ['max_blocks', 'block_types', 'products', 'custom_theme'];
$typeLabels = ['default' => 'Bio-link', 'mini_site' => 'Mini', 'menu' => 'QR-Menyu', 'shop' => 'Mağaza'];
@endphp

{{-- Текущий тариф --}}
<div class="card mb-6 border-2 border-primarysoft">
    <div class="text-xs text-muted uppercase mb-1">{{ __('Cari tarifiniz') }}</div>
    @if($currentPlan)
        <div class="flex items-center justify-between flex-wrap gap-2">
            <div class="text-xl font-bold text-ink">{{ $currentPlan->name }}</div>
            <div class="text-2xl font-bold text-primary">{{ number_format($currentPlan->price_azn, 2) }} ₼ <span class="text-sm text-muted font-normal">/ ay</span></div>
        </div>
        <ul class="mt-3 space-y-1">
            @foreach($currentPlan->features ?? [] as $key => $val)
                @if(in_array($key, $hiddenFeatures)) @continue @endif
                @php $label = $featureLabels[$key] ?? $key; @endphp
                <li class="text-sm text-muted flex items-center gap-1.5">
                    @if(is_bool($val)) @if($val)<x-icon name="check" class="w-4 h-4 shrink-0 text-primary" />@else<x-icon name="x" class="w-4 h-4 shrink-0 text-muted" />@endif {{ $label }}
                    @elseif($key === 'qr_code') <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ $val === 'custom' ? 'Adi + fərdi' : 'Adi' }}
                    @elseif($key === 'page_limits')
                        @php
                            $active = array_filter((array) $val, fn($n) => $n > 0);
                            $parts = [];
                            foreach ($active as $t => $n) { $parts[] = ($typeLabels[$t] ?? $t) . ' ' . $n; }
                        @endphp
                        <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ $parts ? implode(', ', $parts) : '—' }}
                    @elseif(is_array($val)) <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ implode(', ', $val) }}
                    @else <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ $val }}
                    @endif
                </li>
            @endforeach
        </ul>
    @else
        <p class="text-sm text-muted">{{ __('Tarifiniz yoxdur.') }}</p>
    @endif
</div>

{{-- Другие тарифы --}}
<div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
    @foreach($plans as $plan)
        @if($currentPlan && $plan->id === $currentPlan->id) @continue @endif
        <div class="card flex flex-col">
            <h3 class="font-semibold text-lg text-ink">{{ $plan->name }}</h3>
            <div class="text-2xl font-bold my-2">{{ number_format($plan->price_azn, 2) }} ₼ <span class="text-sm text-muted font-normal">/ ay</span></div>
            <ul class="mt-3 space-y-1 flex-1">
                @foreach($plan->features ?? [] as $key => $val)
                    @if(in_array($key, $hiddenFeatures)) @continue @endif
                    @php $label = $featureLabels[$key] ?? $key; @endphp
                    <li class="text-xs text-muted flex items-center gap-1.5">
                        @if(is_bool($val)) @if($val)<x-icon name="check" class="w-4 h-4 shrink-0 text-primary" />@else<x-icon name="x" class="w-4 h-4 shrink-0 text-muted" />@endif {{ $label }}
                        @elseif($key === 'qr_code') <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ $val === 'custom' ? 'Adi + fərdi' : 'Adi' }}
                        @elseif($key === 'page_limits')
                        @php
                            $active = array_filter((array) $val, fn($n) => $n > 0);
                            $parts = [];
                            foreach ($active as $t => $n) { $parts[] = ($typeLabels[$t] ?? $t) . ' ' . $n; }
                        @endphp
                        <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ $parts ? implode(', ', $parts) : '—' }}
                    @elseif(is_array($val)) <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ implode(', ', $val) }}
                        @else <x-icon name="check" class="w-4 h-4 shrink-0 text-primary" /> {{ $label }}: {{ $val }}
                        @endif
                    </li>
                @endforeach
            </ul>
            <a href="{{ route('profile.applications', $profileUser) }}?plan={{ $plan->slug }}" class="btn btn-primary w-full mt-4 no-underline">Yüksəlt</a>
        </div>
    @endforeach
</div>
@endsection