@extends('layouts.site')
@section('title', __('Investors Bank'))
@section('content')
<section class="section section-cream page-v4" style="padding-top:3rem;">
    <div class="container">
        <span class="label-tag">{{ __('Tools') }}</span>
        <h1 class="sec-title">{{ __('Investors Bank') }}</h1>

        @if($masked)
        <div class="trial-banner">
            {{ __('Limited preview') }}@if($limit) ({{ $limit }})@endif —
            <a href="{{ route('subscription.index') }}">{{ __('Subscribe to unlock full details') }}</a>
        </div>
        @endif

        <div class="investor-grid" style="margin-top:2rem;">
            @forelse($investors as $inv)
            <div class="investor-card">
                <h3 style="margin-bottom:.75rem;">{{ $inv->displayName() }}</h3>
                @if($masked)
                    <div style="position:relative;padding:1rem 0;">
                        <div class="masked-field">
                            <p>{{ $inv->interests }}</p>
                            <p>{{ $inv->mobile }}</p>
                            <p>{{ $inv->email }}</p>
                        </div>
                        <div class="lock-overlay">
                            <div>
                                <div style="font-size:1.5rem;margin-bottom:.4rem;">🔒</div>
                                <a href="{{ route('subscription.index') }}">{{ __('Subscribe to unlock full details') }}</a>
                            </div>
                        </div>
                    </div>
                @else
                    <p style="color:var(--text-muted);margin-bottom:.5rem;">{{ Str::limit($inv->interests, 120) }}</p>
                    <p style="font-size:.9rem;">📱 {{ $inv->mobile }}</p>
                    <p style="font-size:.9rem;">✉️ {{ $inv->email }}</p>
                    <a href="{{ route('investors.show', $inv) }}" class="btn btn-gold" style="margin-top:1rem;display:inline-block;">{{ __('View details') }}</a>
                @endif
            </div>
            @empty
            <p>{{ app()->getLocale()==='en' ? 'No approved investors yet.' : 'لا يوجد مستثمرون معتمدون بعد.' }}</p>
            @endforelse
        </div>
    </div>
</section>
@endsection