@extends('profile.layout')
@section('title', __('İdarə paneli'))

@section('content')
<h1 class="text-2xl font-bold text-ink mt-1">{{ __('Nə yaradaq?') }}</h1>
<p class="text-sm text-muted mb-5">{{ __('Aşağıdakı səhifə növlərindən birini seçin') }}</p>

<div class="grid grid-cols-2 lg:grid-cols-4 gap-3 mb-8">
    @if($profileUser->canCreatePageType('default'))
    <a href="/profile/{{ $profileUser->id }}/create?type=default" class="card no-underline hover:shadow-md transition-shadow text-center flex flex-col items-center gap-2">
        <span class="w-14 h-14 rounded-full bg-primarysoft text-primary flex items-center justify-center"><x-icon name="link" class="w-7 h-7" /></span>
        <span class="font-semibold text-ink">{{ __('Bio-link / Vizitka') }}</span>
        <span class="text-xs text-muted">{{ __('Instagram bio səhifəsi') }}</span>
    </a>
    @else
    <div class="card text-center flex flex-col items-center gap-2 opacity-50 cursor-not-allowed select-none">
        <span class="w-14 h-14 rounded-full bg-surface2 flex items-center justify-center"><x-icon name="lock" class="w-7 h-7" /></span>
        <span class="font-semibold text-muted">{{ __('Bio-link / Vizitka') }}</span>
        <span class="text-xs text-muted">{{ $profileUser->pageTypePlanName('default') ?? 'Premium' }} {{ __('tarifində') }}</span>
    </div>
    @endif

    @if($profileUser->canCreatePageType('mini_site'))
    <a href="/profile/{{ $profileUser->id }}/create?type=mini_site" class="card no-underline hover:shadow-md transition-shadow text-center flex flex-col items-center gap-2">
        <span class="w-14 h-14 rounded-full bg-purplesoft text-purple flex items-center justify-center"><x-icon name="file-text" class="w-7 h-7" /></span>
        <span class="font-semibold text-ink">{{ __('Mini-səhifə') }}</span>
        <span class="text-xs text-muted">{{ __('Hazır şablonla sayt') }}</span>
    </a>
    @else
    <div class="card text-center flex flex-col items-center gap-2 opacity-50 cursor-not-allowed select-none">
        <span class="w-14 h-14 rounded-full bg-surface2 flex items-center justify-center"><x-icon name="lock" class="w-7 h-7" /></span>
        <span class="font-semibold text-muted">{{ __('Mini-səhifə') }}</span>
        <span class="text-xs text-muted">{{ $profileUser->pageTypePlanName('mini_site') ?? 'Premium' }} {{ __('tarifində') }}</span>
    </div>
    @endif

    @if($profileUser->canCreatePageType('menu'))
    <a href="/profile/{{ $profileUser->id }}/create?type=menu" class="card no-underline hover:shadow-md transition-shadow text-center flex flex-col items-center gap-2">
        <span class="w-14 h-14 rounded-full bg-dangersoft text-danger flex items-center justify-center"><x-icon name="clipboard-list" class="w-7 h-7" /></span>
        <span class="font-semibold text-ink">{{ __('QR-Menyu') }}</span>
        <span class="text-xs text-muted">{{ __('Restoran üçün menyu') }}</span>
    </a>
    @else
    <div class="card text-center flex flex-col items-center gap-2 opacity-50 cursor-not-allowed select-none">
        <span class="w-14 h-14 rounded-full bg-surface2 flex items-center justify-center"><x-icon name="lock" class="w-7 h-7" /></span>
        <span class="font-semibold text-muted">{{ __('QR-Menyu') }}</span>
        <span class="text-xs text-muted">{{ $profileUser->pageTypePlanName('menu') ?? 'Premium' }} {{ __('tarifində') }}</span>
    </div>
    @endif

    @if($profileUser->canCreatePageType('shop'))
    <a href="/profile/{{ $profileUser->id }}/create?type=shop" class="card no-underline hover:shadow-md transition-shadow text-center flex flex-col items-center gap-2">
        <span class="w-14 h-14 rounded-full bg-warningsoft text-warning flex items-center justify-center"><x-icon name="shopping-bag" class="w-7 h-7" /></span>
        <span class="font-semibold text-ink">{{ __('Mağaza') }}</span>
        <span class="text-xs text-muted">{{ __('Məhsul vitrini') }}</span>
    </a>
    @else
    <div class="card text-center flex flex-col items-center gap-2 opacity-50 cursor-not-allowed select-none">
        <span class="w-14 h-14 rounded-full bg-surface2 flex items-center justify-center"><x-icon name="lock" class="w-7 h-7" /></span>
        <span class="font-semibold text-muted">{{ __('Mağaza') }}</span>
        <span class="text-xs text-muted">{{ $profileUser->pageTypePlanName('shop') ?? 'Premium' }} {{ __('tarifində') }}</span>
    </div>
    @endif
</div>

<h2 class="text-xl font-bold text-ink mb-3">{{ __('Mənim səhifələrim') }}</h2>

@if($allPages->isEmpty())
    <div class="text-center py-10">
        <img src="/app/no-page.png" alt="NoPages" class="h-44 mx-auto mb-4">
        <p class="font-bold text-xl text-ink">{{ __('Hələ heçbir səhifəniz yoxdur') }}</p>
        <p class="text-muted">{{ __('İlk səhifənizi yaradın, və onu dünya ilə paylaşın!') }}</p>
    </div>
@else
    <div class="space-y-2">
        @foreach($allPages as $page)
        <div class="card-sm flex items-center justify-between gap-3">
            <div class="flex items-center gap-3 min-w-0 flex-1">
                <span class="text-xl w-11 h-11 rounded-lg flex items-center justify-center shrink-0 {{ match($page->type) {
                    'default' => 'bg-primarysoft text-primary',
                    'mini_site' => 'bg-purplesoft text-purple',
                    'menu' => 'bg-dangersoft text-danger',
                    'shop' => 'bg-warningsoft text-warning',
                    default => 'bg-surface2 text-muted',
                } }}">
                    @if($page->type==='default')<x-icon name="link" class="w-6 h-6" />
                    @elseif($page->type==='mini_site')<x-icon name="file-text" class="w-6 h-6" />
                    @elseif($page->type==='menu')<x-icon name="clipboard-list" class="w-6 h-6" />
                    @else<x-icon name="shopping-bag" class="w-6 h-6" />
                    @endif
                </span>
                <div class="min-w-0">
                    <div class="font-semibold text-sm truncate text-ink">{{ $page->title }}</div>
                    <a href="https://libro.az/{{ $page->slug }}" class="text-xs text-muted no-underline">libro.az/{{ $page->slug }}</a>
                </div>
            </div>
            <div class="flex items-center gap-2 shrink-0">
                <span class="text-xs text-muted whitespace-nowrap">{{ $page->views_count }} {{ __('baxış') }}</span>
                <a href="https://libro.az/{{ $page->slug }}" target="_blank" class="btn btn-ghost btn-icon no-underline" title="{{ __('Baxış') }}"><x-icon name="external-link" class="w-5 h-5" /></a>
                <a href="/profile/{{ $profileUser->id }}/pages/{{ $page->id }}/html-editor" class="btn btn-ghost btn-icon no-underline" title="{{ __('Redaktə et') }}"><x-icon name="pencil" class="w-5 h-5" /></a>
            </div>
        </div>
        @endforeach
    </div>
@endif
@endsection