@push('metadata')
@php

$page_id = 36;
$mTitle = @$directory[0]['seo_title'];
$mDescr = @$directory[0]['meta_description'];
$mKWords = $directory[0]['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto-presale');
@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

<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="https://cryptohindinews.in" class="text-decoration-none text-white" title="Home">Home</a></li>
                        <li><a href="{{ URl('crypto-projects') }}" class="text-decoration-none text-white" title="प्रोजेक्ट">प्रोजेक्ट</a> </li>
                        <li> {{ $directory[0]['breadcrumbs'] }} </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row my-3">
                <div class="col-xl-8">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="d-flex flex-wrap gap-2 align-items-center">

                            <div class="directoryimage">
                                <img src="{{ $directory[0]['image'] }}" alt="{{ $directory[0]['project_name'] }}" width="70" height="70" class="rounded-circle">
                            </div>
                            <div class="directoryname">
                                <div class="topdirectory d-flex gap-2 align-items-start">
                                    <h1 class="fw-bold h4 text-black">{{ $directory[0]['project_name'] }}</h1>
                                </div>
                                @php
                                $categories = $directory[0]['project_categories'] ?? [];
                                $visibleLimit = 3;
                                @endphp

                                @if(count($categories) > 0)
                                <div class="bottomdirectory d-flex gap-2 align-items-center">
                                    <div class="d-flex gap-2 flex-wrap">

                                        {{-- SHOW FIRST 3 CATEGORIES --}}
                                        @foreach(array_slice($categories, 0, $visibleLimit) as $cat)
                                        <span class="pinkborder px-2 py-0 shadow-sm rounded-3 me-1 fs-13 text-pink">
                                            {{ ucfirst($cat['title']) }}
                                        </span>
                                        @endforeach

                                        {{-- MORE DROPDOWN --}}
                                        @if(count($categories) > $visibleLimit)
                                        <div class="dropdown d-inline-block">
                                            <span class="btn btn-primary px-2 py-0 shadow-sm fs-13 dropdown-toggle"
                                                data-bs-toggle="dropdown"
                                                role="button">
                                                +{{ count($categories) - $visibleLimit }} More
                                            </span>

                                            <ul class="dropdown-menu shadow-sm border-0">
                                                @foreach(array_slice($categories, $visibleLimit) as $cat)
                                                <li>
                                                    <a class="dropdown-item" href="#">
                                                        {{ ucfirst($cat['title']) }}
                                                    </a>
                                                </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                        @endif

                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                        <div class="project-info text-center">
                            <span>Founding Year </span>
                            <span class="d-block fw-bold text-pink">{{ $directory[0]['funding_year'] }}</span>
                        </div>
                    </div>
                </div>


                <div class="col-xl-4">
                    <div class="d-flex justify-content-end gap-2">
                        <a href="{{$directory[0]['website_url']}}" class="btn btn-primary fs-14 py-1 rounded-pill" title="Visit Website">Visit Website</a>
                        <a href="{{$directory[0]['white_paper_url']}}" class="btn btn-primary fs-14 py-1 rounded-pill" title="Visit Whitepaper">Visit Whitepaper</a>
                    </div>

                </div>
            </div>
            <div class="row mb-3">
                <div class="col-xl-8">
                    <div class="content-view">
                        <h2 class="heading-bdr-left position-relative leftzero fw-bold text-black fs-5 my-2">About {{ $directory[0]['project_name'] }} Project</h2>
                        <p class="fs-14">{!! $directory[0]['description'] !!}</p>
                    </div>
                </div>

                <div class="col-xl-4">
                    <div class="border p-2 rounded-2">
                        <span class="heading-bdr-left position-relative leftzero fw-bold text-black fs-5 mb-2">Other Projects</span>

                        @foreach ($relatedProjects as $project)
                        <div class="d-flex justify-content-between align-items-center mt-2">
                            <div class="otherpro">
                                <img src="{{ $project['image'] }}" width="40" height="40" class="rounded-circle">
                                <span class="fw-semibold h6 text-black">{{ $project['project_name'] }}</span>
                            </div>
                            <div class="othercontent">
                                <a href="{{$project['slug']}}" class="p-0 border-0" title="View Details"><i class="fa-solid fa-arrow-right-long"></i><span class="d-none">{{ $project['project_name'] }}</span></a>
                            </div>
                        </div>
                        @endforeach

                    </div>
                    <div class="projectright">
                        <div class="boxnews">
                            <a href="{{ URL::to('/blockchain-news') }}" class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero text-decoration-none d-inline-block">
                                और ब्लॉकचेन खबरें <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                            <div class="row">
                                @php
                                $first = $blockNews->first();
                                $remaining = $blockNews->skip(1);
                                @endphp
                                @if($first)
                                <div class="card bg-transparent h-10 border-0 d-flex align-items-start justify-content-between border-hover p-0 mb-4">

                                    <a class="w-100" href="{{ URL::to('/'.$first['alias']) }}" title="{{ $first['title'] }}">
                                        <img width="1920" height="1067"
                                            src="{{ $first['image'] }}"
                                            class="w-100 h-auto rounded-2 position-relative"
                                            alt="{{ $first['img_alt_title'] }}">
                                        <span class="d-none">{{ $first['title'] }}</span>
                                    </a>

                                    <div class="card-body py-2 px-1">
                                        <a href="{{ URL::to('/'.$first['alias']) }}"
                                            class="two-line-text text-paragraph fw-semibold text-decoration-none"
                                            title="{{ $first['title'] }}">
                                            {{ $first['title'] }}
                                        </a>
                                    </div>

                                    <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                        <div>
                                            <a href="{{URL::to('crypto-web3-blockchain-author-detail/'. $first['post_author']['slug'])}}"
                                                class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                title="{{ $first['post_author']['name'] ?? ucfirst(str_replace('-', ' ', $first['post_author']['dispaly_name'])) }}">
                                                {{ $first['post_author']['dispaly_name'] ?? ucfirst(str_replace('-', ' ', $first['post_author']['dispaly_name'])) }}
                                            </a>

                                            <span class="small ps-1">
                                                {{ $first['publishedAt'] ? date('F j, Y', $first['publishedAt']) : '' }}
                                            </span>
                                        </div>

                                        <div class="d-flex align-items-center">
                                            <x-like-card
                                                :id="$first['id'] ?? ''"
                                                :type="'news'"
                                                :likeCount="$first['likes_counts'] ?? 0" />

                                            <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                                data-url="{{ URL::to($first['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                                wire:click="setShare::to'{{ URL::to($first['alias']) }}')">
                                                <i class="fa-solid fa-share"></i>
                                            </button>
                                        </div>
                                    </div>

                                </div>
                                @endif

                                @foreach($remaining as $item)
                                <div class="col-xl-6 mb-2">
                                    <div class="card bg-transparent h-10  border-0 d-flex align-items-start justify-content-between border-hover p-0 mb-0 mt-1">
                                        <div class="position-relative">
                                            <a class="w-100" href="{{ URL::to('/'.$item['alias']) }}" title="{{ $item['title'] }}">
                                                <img width="300" height="167" src="{{ $item['image'] }}" class="w-100 h-auto rounded-2 position-relative wp-post-image entered lazyloaded td-animation-stack-type0-2" alt="Blockchains Fund-Freezing" decoding="auto"
                                                    loading="eager"> <span class="d-none">{{ $item['title'] }}</span>
                                            </a>
                                            <div class="position-absolute top-1 end-1 bg-white rounded-4 px-1 d-flex align-items-center fs-13 lh-1 likedetails">
                                                <div class="d-flex align-items-center">
                                                    <x-like-card
                                                        :id="$item['id'] ?? ''"
                                                        :type="'news'"
                                                        :likeCount="$item['likes_counts'] ?? 0" />

                                                    <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                                        data-url="{{ URL::to($item['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                                        wire:click="setShare::to'{{ URL::to($item['alias']) }}')">
                                                        <i class="fa-solid fa-share"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body py-2 px-1">
                                            <a href="{{ URL::to('/'.$item['alias']) }}" class="two-line-text text-paragraph fw-bold text-decoration-none" title="{{ $item['title'] }}">
                                                {{ $item['title'] }} </a>
                                        </div>
                                        <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                            <a href="{{URL::to('crypto-web3-blockchain-author-detail/'. $item['post_author']['slug'])}}"
                                                class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                title="{{ $item['post_author']['dispaly_name'] ?? ucfirst(str_replace('-', ' ', $item['post_author']['dispaly_name'])) }}">
                                                {{ $item['post_author']['dispaly_name'] ?? ucfirst(str_replace('-', ' ', $item['post_author']['dispaly_name'])) }}
                                            </a>

                                            <span class="small ps-1">
                                                {{ $item['publishedAt'] ? date('F j, Y', $item['publishedAt']) : '' }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                @endforeach

                            </div>
                        </div>
                        <div class="boxnews">
                            <a href="{{ URL::to('/crypto-blogs-hindi') }}" class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero text-decoration-none d-inline-block">
                                और ब्लॉग खबरें <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                            @php
                            $first = $relatedBlogs->first();
                            $remaining = $relatedBlogs->skip(1);
                            @endphp
                            @if ($first)
                            <div class="card h-10  border-0 border-bottom d-flex align-items-start justify-content-between border-hover p-0 mb-2 bottomdetaillike">
                                <a class="w-100" href="{{ URL::to('/'.$first['alias']) }}" title="{{ $first->title }}">
                                    <img width="300" height="167" src="{{ $first->image }}" class="w-100 h-auto rounded-2 position-relative wp-post-image entered lazyloaded td-animation-stack-type0-2" alt="Crypto Market Update" decoding="auto"
                                        loading="eager">
                                    <span class="d-none">{{ $first->title }}</span>
                                </a>
                                <div class="card-body py-2 px-1">
                                    <a href="{{ URL::to('/'.$first['alias']) }}" class="two-line-text text-paragraph fw-semibold text-decoration-none" title="{{ $first->title }}">
                                        {{ $first->title }} </a>
                                </div>
                                <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                    <div>
                                        <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $first->postAuthor->slug)}}" class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1" title="{{ $first->postAuthor->name ?? ucfirst(str_replace('-', ' ', $first->author_name)) }}">
                                            {{ $first->postAuthor->dispaly_name ?? ucfirst(str_replace('-', ' ', $first->postAuthor->dispaly_name)) }} </a>
                                        <span class="small ps-1">
                                            {{ $first['publishedAt'] ? date('F j, Y', $first['publishedAt']) : '' }} </span>
                                    </div>
                                    <div class="d-flex align-items-center position-relative">
                                        <x-like-card
                                            :id="$first['id'] ?? ''"
                                            :type="'news'"
                                            :likeCount="$first['likes_counts'] ?? 0" />

                                        <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                            data-url="{{ URL($first['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                            wire:click="setShareUrl('{{ URL($first['alias']) }}')">
                                            <i class="fa-solid fa-share"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            @endif
                            @foreach($remaining as $item)
                            <div class="card h-10  border-0 border-bottom d-flex align-items-start justify-content-between border-hover p-0 py-3">
                                <div class="card-body py-2 px-2">
                                    <a href="{{ URL::to('/'.$item['alias']) }}" class="two-line-text text-paragraph fw-semibold text-decoration-none" title="{{ $item->title }}">
                                        {{ $item->title }} </a>
                                </div>
                                <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                    <div>
                                        <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $first['postAuthor']['slug'])}}" class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1" title="{{ $item->postAuthor->name ?? ucfirst(str_replace('-', ' ', $item->author_name)) }}">
                                            {{ $item->postAuthor->dispaly_name ?? ucfirst(str_replace('-', ' ', $item->postAuthor->dispaly_name)) }} </a>
                                        <span class="small ps-1">
                                            {{ $item['publishedAt'] ? date('F j, Y', $item['publishedAt']) : '' }} </span>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <x-like-card
                                            :id="$item['id'] ?? ''"
                                            :type="'news'"
                                            :likeCount="$item['likes_counts'] ?? 0" />

                                        <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                            data-url="{{ URL($item['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                            wire:click="setShareUrl('{{ URL($item['alias']) }}')">
                                            <i class="fa-solid fa-share"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>

                </div>

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


        @if($faqs)
    <section class="faqsection bg-white p-4">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 text-center">
                    <img src="{{ asset('assets/images/faq.png') }}" class="img-fluid mb-3" width="150" height="150" alt="faq">
                    <span class="h3 text-black d-block fw-bold">Explore Our FAQs</span>
                    <p>Find quick answers to commonly asked questions and understand how things work around here.</p>
                </div>
                <div class="col-xl-6 offset-xl-1">
                    <div class="accordion custom-accordion" id="faqAccordion">
                        @foreach ($faqs as $i => $faq)
                        @php $faqId = "faq".$i; @endphp
                        <div class="accordion-item">
                            <div class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ $faqId }}">
                                    {!! $faq['question'] !!}
                                </button>
                            </div>
                            <div id="{{ $faqId }}" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    {!! $faq['long_desc'] !!}
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

    @include('livewire.common.share-modal')
</div>