@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto-author');
@endphp

<title>{{ @$mTitle }}</title>
<meta name="keywords" content="{{ @$mKWords }}" />
<meta name="description" content="{{ @$mDescr }}" />
<meta property=og:locale content="{{ app()->getLocale() }}" />
<meta property=og:type content="{{config('constants.organisation_type_news')}}" />
<meta property="og:site_name" content="Crypto Presale" />
<meta property="og:title" content="{{ @$mTitle }}" />
<meta property="og:description" content="{{ @$mDescr }}" />
<meta property="og:url" content="{{ @$mUrl }}" />
<meta property="og:image" content="{{ @$mImage }}" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="{{ @$mTitle }}" />
<meta property="twitter:description" content="{{ @$mDescr }}" />
<meta property="twitter:url" content="{{ @$mUrl }}" />
<meta property="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush
@push('head_scripts')
{!! SchemaHelper::webpageSchema($mTitle ?? null, $mDescr ?? null) !!}
{!! SchemaHelper::getImageObjectSchema('https://cryptohindinews.in/assets/images/logo/hindi-black-logo.webp',$mTitle) !!}
{!! SchemaHelper::getFaqSchema(json_encode($seoData['faq'])) !!}
{!! SchemaHelper::getBreadcrumbSchema([['name' => 'Home', 'url' => url('/')],['name' =>$seoData['breadcrumb'] , 'url' => $mUrl]]) !!}
@endpush
<div>
    <section class="bg-darkpink p-2 breadcrumb mb-0">
        <div class="container">
            <div class="row">
                <div class="d-flex gap-2 p-0 m-0 list-unstyled justify-content-center text-white">
                    <ul class="d-flex p-0 m-0 list-unstyled align-items-center">
                        <li><a href="{{ url('/') }}" class="text-decoration-none text-white" title="Home">Home</a></li>
                        <li><a href="{{ url('crypto-directory') }}" class="text-decoration-none text-white" title="{{ $seoData['breadcrumb'] ?? 'Crypto Directory' }}">{{ $seoData['breadcrumb'] ?? 'Crypto Directory' }}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="my-2 directorytabs">
        <div class="container">
            <div class="row">

                <div class="col-xl-12 review-tabs">

                    <section>
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-12 col-12 text-center topheading">
                                    {!! $seoData['top_page_content'] !!}
                                </div>
                                <div class="col-xl-12">
                                    <div class="d-flex my-3 mb-sm-3 justify-content-end align-items-center">

                                        <input class="form-control py-2  me-2" id="search-keyword-feature"
                                            placeholder="Search By Keyword..." type="text" wire:model="founderKeyword">
                                        <div class="d-flex align-items-center justify-content-center">
                                            <button class="btn btn-primary py-1 me-2" id="search-btn-currency"
                                                title="Search" wire:click="searchFounders">
                                                <i class="fa fa-search fs-6"></i>
                                            </button>

                                            <button class="btn btn-danger py-1 " id="reset-btn-currency" title="Reset"
                                                wire:click="resetFiltersFounders">
                                                <i class="fa fa-refresh fs-6"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">

                                    @forelse ($allfounders as $founder)
                                    <div class="col-xl-3 mb-3">
                                        <div class="gradColor rounded-3 p-3 text-center h-100 ">

                                            <a href="{{ url('crypto-founders/' . $founder['slug']) }}"
                                                title="{{ $founder['founder_name'] }}"
                                                class="text-decoration-none text-dark d-block">
                                                <img alt="हमारे बारे में" src="{{ $founder['image'] }}"
                                                    class="img-fluid rounded-circle" width="110" height="110">
                                            </a>

                                            <div class="d-flex gap-3 justify-content-center align-items-center mt-2">
                                                <a href="{{ url('crypto-founders/' . $founder['slug']) }}"
                                                    title="{{ $founder['founder_name'] }}"
                                                    class="text-decoration-none text-dark d-block">
                                                    <span class="fs-14 fw-bold">{{ $founder['founder_name'] }}</span>
                                                </a>
                                                @php
                                                $socials = [
                                                'facebook_url' => 'fa-facebook-f',
                                                'twitter_url' => 'fa-x-twitter',
                                                'instagram_url' => 'fa-instagram',
                                                'linkedin_url' => 'fa-linkedin-in',
                                                ];
                                                @endphp

                                                <div class="sharedetails d-flex gap-1">
                                                    @foreach($socials as $key => $icon)
                                                    @if(!empty($founder[$key]))
                                                    <a href="{{ $founder[$key] }}" target="_blank"
                                                        rel="noopener noreferrer">
                                                        <i class="fa-brands {{ $icon }} me-2"></i>
                                                        <span
                                                            class="d-none">{{ ucfirst(str_replace('_url', '', $key)) }}</span>
                                                    </a>
                                                    @endif
                                                    @endforeach
                                                </div>
                                            </div>

                                            @php
                                            $projects = $founder['crypto_projects'] ?? [];
                                            $displayLimit = 2;
                                            @endphp

                                            @if(!empty($projects))
                                            <div
                                                class="d-flex gap-2 justify-content-center align-items-center mt-1 mb-2">

                                                @foreach(array_slice($projects, 0, $displayLimit) as $project)
                                                <a href="{{ url('crypto-projects/' . $project['slug']) }}"
                                                    class="text-decoration-none d-flex align-items-center gap-1"
                                                    title="{{ $project['project_name'] }}">

                                                    <img alt="{{ $project['project_name'] }}"
                                                        src="{{ $project['image'] ?? 'https://via.placeholder.com/22' }}"
                                                        class="rounded-circle" width="22" height="22">

                                                    <span class="fs-14 text-secondary">
                                                        {{ $project['project_name'] }}
                                                    </span>
                                                </a>
                                                @endforeach

                                                @if(count($projects) > $displayLimit)
                                                <div class="dropdown">
                                                    <span class="btn btn-sm btn-light dropdown-toggle fs-13"
                                                        data-bs-toggle="dropdown">
                                                        More
                                                    </span>

                                                    <ul class="dropdown-menu shadow-sm border-0">
                                                        @foreach(array_slice($projects, $displayLimit) as $project)
                                                        <li>
                                                            <a class="dropdown-item d-flex align-items-center gap-2"
                                                                href="{{ url('crypto-projects/' . $project['slug']) }}">

                                                                <img src="{{ $project['image'] ?? 'https://via.placeholder.com/18' }}"
                                                                    class="rounded-circle" width="18" height="18">

                                                                {{ $project['project_name'] }}
                                                            </a>
                                                        </li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                                @endif

                                            </div>
                                            @endif


                                            <span class="fs-14 text-black text-center two-lines-text">
                                                {!! \Illuminate\Support\Str::words(strip_tags($founder['description']), 10, '...') !!}

                                            </span>
                                        </div>
                                    </div>

                                    @empty
                                    <div class="col-12 text-center py-5">
                                        <span class="text-muted fs-16">No founders found</span>
                                    </div>
                                    @endforelse

                                </div>

                                @if(!empty($allfounders) && $hasMoreFounders)
                                <div class="text-center">
                                    <button wire:click="loadMoreFounders" class="btn btn-primary rounded-3 mt-3">
                                        Load More Founders
                                    </button>
                                </div>
                                @endif


                            </div>
                        </div>
                    </section>

                </div>
            </div>
    </section>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="content-view">
                    {!! $seoData['description'] !!}
                </div>
            </div>
        </div>
    </div>
</div>