@extends('layouts.app')

@section('title', $texts['title'].' — teeu')
@section('meta_description', Str::limit(strip_tags($texts['intro']), 300))

@section('seo')
    @include('partials.seo.meta', [
        'canonical' => route('partners.index'),
        'ogTitle' => $texts['title'],
        'ogDescription' => Str::limit(strip_tags($texts['intro']), 300),
    ])
@endsection

@section('content')
    <div class="mx-auto w-full max-w-4xl">
        <nav class="flex flex-wrap items-center gap-1.5 text-sm text-[var(--color-muted)]">
            <a href="{{ route('home') }}" class="transition hover:text-[var(--color-primary)]">Главная</a>
            <span>/</span>
            <a href="{{ route('integrations.index') }}" class="transition hover:text-[var(--color-primary)]">Интеграции</a>
        </nav>

        <h1 class="mt-2 text-3xl font-extrabold tracking-tight text-[var(--color-ink)]">{{ $texts['title'] }}</h1>

        @if ($texts['intro'])
            <p class="mt-3 max-w-2xl text-[17px] leading-relaxed text-[var(--color-slate)]">{{ $texts['intro'] }}</p>
        @endif

        @if ($partners->isEmpty())
            <p class="mt-10 text-[15px] text-[var(--color-muted)]">Список партнёров пока пуст.</p>
        @else
            <div class="mt-9 grid gap-4 sm:grid-cols-2">
                @foreach ($partners as $partner)
                    <div class="flex flex-col rounded-[var(--radius-lg)] border border-[var(--color-line)] bg-white p-6">
                        <div class="flex items-start gap-4">
                            @if ($partner->logoUrl())
                                <img src="{{ $partner->logoUrl() }}" alt="{{ $partner->name }}"
                                     loading="lazy" class="h-12 w-auto max-w-[120px] shrink-0 object-contain">
                            @endif
                            <div class="min-w-0 flex-1">
                                <h2 class="text-lg font-extrabold text-[var(--color-ink)]">{{ $partner->name }}</h2>
                                @if ($partner->ratingLabel())
                                    <div class="mt-1 inline-flex items-center gap-1.5 text-sm font-bold text-[#B7761A]">
                                        <i data-lucide="star" class="h-4 w-4 fill-current"></i> {{ $partner->ratingLabel() }}
                                    </div>
                                @endif
                            </div>
                        </div>

                        @if ($partner->badgeList())
                            <div class="mt-4 flex flex-wrap gap-2">
                                @foreach ($partner->badgeList() as $badge)
                                    <span class="rounded-full bg-[var(--color-primary-soft)] px-3 py-1 text-[12px] font-bold text-[var(--color-primary-dark)]">{{ $badge }}</span>
                                @endforeach
                            </div>
                        @endif

                        @if ($partner->website_url)
                            {{-- Внешняя ссылка: nofollow, чтобы не передавать вес, и в новую
                                 вкладку — посетитель не должен терять страницу с партнёрами. --}}
                            <a href="{{ $partner->website_url }}" target="_blank" rel="nofollow noopener noreferrer"
                               class="mt-5 inline-flex items-center gap-1.5 self-start text-sm font-semibold text-[var(--color-primary)] hover:underline">
                                Перейти на сайт <i data-lucide="external-link" class="h-4 w-4"></i>
                            </a>
                        @endif
                    </div>
                @endforeach
            </div>
        @endif

        @if (filled($formEmbed))
            <section id="request" class="mt-14 scroll-mt-24 overflow-hidden rounded-[var(--radius-xl)] border border-[var(--color-line)] bg-white shadow-[var(--shadow-card)]">
                <div class="bg-[linear-gradient(110deg,#0F766E_0%,#0D9488_55%,#0F766E_100%)] px-6 py-9 text-center sm:px-12">
                    <h2 class="text-[22px] font-extrabold tracking-tight text-white sm:text-3xl">{{ $texts['form_title'] }}</h2>
                    @if ($texts['form_subtitle'])
                        <p class="mx-auto mt-3 max-w-xl text-[15px] leading-relaxed text-white/85 sm:text-base">{{ $texts['form_subtitle'] }}</p>
                    @endif
                </div>

                <div class="px-4 py-8 sm:px-10 sm:py-10">
                    <div class="mx-auto max-w-[640px]">
                        {{-- Форма CRM. Доверенный HTML из настроек (Настройки → Партнёры),
                             вставляется как есть — как site.body_scripts. --}}
                        {!! $formEmbed !!}
                    </div>
                </div>
            </section>
        @endif
    </div>
@endsection