@push('metadata')
@php
$page_id = 9;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto-press-release');
@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('styles')
    <link rel="stylesheet" type="text/css" href="{{URL::asset('/assets/css/daterangepicker.css')}}">
@endpush
<div>
    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="/" title="Home">Home</a>  <i class="fas fa-chevron-right small text-dark mx-2"></i></li>
                <li>{{ $seoData['breadcrumb'] ?? '' }}</li>
            </ul>
        </div>
    </section>
    <div class="container mt-4 mb-5">
        <div class="section-title row mb-4 align-items-center">
            <div class="col-md-8">
                {!!@$seoData['top_page_content']!!}
            </div>
            <div class="col-md-4 text-md-end mt-3 mt-md-0">
                <a href="{{ route('submit-crypto-presale-ico-ido-ieo-projects') }}" class="btn bg-gradient px-4 me-2 mb-2 mb-md-0 text-white"  onClick={handleSubmitForm}>
                    <FontAwesomeIcon icon={faPlusCircle} title="Add ICO" />
                    Add ICO
                </a>
                <a class="btn bg-gradient btnhover px-4 text-white" onClick={handleEditProfile}>
                    <FontAwesomeIcon icon={faEdit} title="Edit Profile" />
                    Edit Profile
                </a>
            </div>
        </div>
    </div>
    <div class="container my-4">
        <!-- Filter Tabs -->
        {{--
        <div class="btn-group flex-wrap d-flex justify-content-center py-2 w-50 m-auto">
            <button class="btn btn-light tab-button">All</button>
            <button class="btn btn-light tab-button">Crypto ICO</button>
            <button class="btn btn-light tab-button active-tab">Crypto IDO</button>
            <button class="btn btn-light tab-button">Crypto IEO</button>
            <button class="btn btn-light tab-button">Crypto Presale</button>
        </div>
        --}}
        <!-- Search and Filter Bar -->
        <x-ico-filter-card />
        <div class="table-responsive">
            <table class="table table-striped">
                <thead class="bluegradienttable text-center">
                    <tr>
                        <th>S.No</th>
                        <th>Name</th>
                        <th>Launchpad</th>
                        <th>Stage</th>
                        <th>Ends in </th>
                        <th>Upvotes</th>
                        <th>Tokens for Sale</th>
                        <th>Rate</th>
                        <th>Fundraising Goal</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>

                    @forelse($icoListing as $listing)
                    <tr class="text-center @if($type !=5 ) {{ $listing['featured_class'] }} @endif align-middle">
                        <td>{{ $loop->iteration }}</td>
                        <x-ico-table-cart :id="$listing['id']" :name="$listing['name']"
                            :fullName="$listing['full_name']" :symbol="$listing['symbol']"
                            :image="$listing['src']" :price_usd="$listing['price_usd']"
                            :goal="$listing['goal']" :status="$listing['status']"
                            :startdate="$listing['start_date']" :enddate="$listing['end_date']"
                            :endsIn="CommonHelper::timeElapsedString($listing['ends_in'])"
                            :icoUrl="$listing['ico_url']" :buy_url="$listing['buy_url']"
                            :featured="$type === 5 ? null : $listing['featured']"
                            :featured_dark_class="$listing['featured_dark_class']"
                            :featured_class="$listing['featured_class']"
                            :imgAltTitle="$listing['img_alt_title']" :launchpad="$listing['launchpad']"
                            :projectType="$listing['projectType']" :likeCount="$listing['likeCount']"
                            :quantityOfCoin="$listing['quantity_of_coin']"
                            :icoPrice="$listing['ico_price']" :acceptType="$listing['accept_type']"
                            :featuredVal="$listing['featured_val']"
                            :fundAskingFor="$listing['fund_asking_for']"
                            :likescounts="$listing['likes_counts']"
                            :slug="$listing['slug']"
                            mode="edit" />
                    </tr>
                    @empty

                    <tr class="text-center">
                        <td class="text-center" colspan="12">
                            No Data Found
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
            <div class="text-start">
                <span class="fs-12 text-secondary">Showing {{ $showingIcos }} out of {{ $totalIcos }}</span>
            </div>

            @if ($hasMore)
            <div class="d-flex justify-content-center my-2">
                <button wire:click="loadMore" class="btn mainbluebtn">Load More</button>
            </div>
            @else
            <!-- comment code -->
            @endif
        </div>
    </div>

    <livewire:faq-section pageType="edit-crypto-presale-ico-project-listings" />

</div>