PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u460558712/domains/mintsdome.online/public_html/resources/views/home.blade.php

@extends('layouts.app')

@push('content')


    <!-- title page -->
    <section class="flat-title-page style2">
        <img class="bgr-gradient gradient1" src="{{ asset_url('images/backgroup-secsion/bg-gradient1.png') }}" alt="">
        <img class="bgr-gradient gradient2" src="{{ asset_url('images/backgroup-secsion/bg-gradient2.png') }}" alt="">
        <img class="bgr-gradient gradient3" src="{{ asset_url('images/backgroup-secsion/bg-gradient3.png') }}" alt="">
        <div class="shape item-w-16"></div>
        <div class="shape item-w-22"></div>
        <div class="shape item-w-32"></div>
        <div class="shape item-w-48"></div>
        <div class="shape style2 item-w-51"></div>
        <div class="shape style2 item-w-51 position2"></div>
        <div class="shape item-w-68"></div>
        <div class="overlay"></div>
        <div class="swiper-container mainslider home auctions">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="slider-item">
                        <div class="themesflat-container ">
                            <div class="wrap-heading flat-slider flex">
                                <div class="content">
                                    <h2 class="heading">Discover, find,
                                    </h2>
                                    <h1 class="heading mb-style"><span class="tf-text s1">Sell extraordinary</span>
                                    </h1>
                                    <h1 class="heading">Monster NFTs</h1>
                                    <p class="sub-heading mg-t-29 mg-bt-44">Marketplace for monster character cllections non
                                        fungible token NFTs
                                    </p>
                                    <div class="flat-bt-slider flex style2">
                                        <a href="{{ url('marketplace') }}"
                                            class="sc-button header-slider style style-1 rocket fl-button pri-1"><span>Explore
                                            </span></a>
                                        <a href="{{ url('create') }}"
                                            class="sc-button header-slider style style-1 note fl-button pri-1"><span>Create
                                            </span></a>
                                    </div>
                                </div>
                                <div class="image">
                                    <img class="img-bg"
                                        src="{{ asset_url('images/backgroup-secsion/img-bg-sliderhome2.png') }}"
                                        alt="Image">
                                    <!--<img src="{{ asset_url('images/box-item/imgslider2.png') }}" alt="Image">-->
                                </div>
                            </div>

                        </div>
                    </div><!-- item-->
                </div>
                <div class="swiper-slide">
                    <div class="slider-item">
                        <div class="themesflat-container ">
                            <div class="wrap-heading flat-slider flex">
                                <div class="content">
                                    <h2 class="heading">Discover, find,
                                    </h2>
                                    <h1 class="heading"><span class="tf-text s1">Sell extraordinary</span>
                                    </h1>
                                    <h1 class="heading">Monster NFTs</h1>
                                    <p class="sub-heading mg-t-29 mg-bt-44">Marketplace for monster character cllections non
                                        fungible token NFTs
                                    </p>
                                    <div class="flat-bt-slider flex style2">
                                        <a href="{{ url('marketplace') }}"
                                            class="sc-button header-slider style style-1 rocket fl-button pri-1"><span>Explore
                                            </span></a>
                                        <a href="{{ url('create') }}"
                                            class="sc-button header-slider style style-1 note fl-button pri-1"><span>Create
                                            </span></a>
                                    </div>
                                </div>
                                <div class="image">
                                    <img class="img-bg"
                                        src="{{ asset_url('images/backgroup-secsion/img-bg-sliderhome2.png') }}"
                                        alt="Image">
                                    <img src="{{ asset_url('images/box-item/imgslider2.png') }}" alt="Image">
                                </div>
                            </div>

                        </div>
                    </div><!-- item-->
                </div>

            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="swiper-button-next btn-slide-next active"></div>
        <div class="swiper-button-prev btn-slide-prev"></div>
    </section>


    <section class="tf-box-icon tf-section home3">
        <div class="themesflat-container">
            <div class="sc-box-icon-inner">
                <div class="sc-box-icon">
                    <div class="image">
                        <svg width="56" height="56" viewBox="0 0 56 56" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <rect y="6.10352e-05" width="56" height="56" rx="16" fill="#5142FC" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M34.9222 26.0179H39.1035C39.5983 26.0179 39.9995 26.3981 39.9995 26.8672V29.8195C39.9937 30.2863 39.5959 30.6634 39.1035 30.6688H35.0182C33.8252 30.684 32.7821 29.9098 32.5115 28.8085C32.376 28.1247 32.5662 27.4192 33.0312 26.881C33.4961 26.3427 34.1883 26.0268 34.9222 26.0179ZM35.1034 29.122H35.4981C36.0047 29.122 36.4154 28.7327 36.4154 28.2525C36.4154 27.7722 36.0047 27.3829 35.4981 27.3829H35.1034C34.8611 27.3802 34.6277 27.4696 34.4554 27.631C34.2831 27.7925 34.1861 28.0127 34.1861 28.2423C34.186 28.7242 34.5951 29.1164 35.1034 29.122Z"
                                fill="#F9F9FA" fill-opacity="0.4" />
                            <path
                                d="M34.9227 24.2788H40C40 20.3154 37.5573 18.0001 33.4187 18.0001H22.5813C18.4427 18.0001 16 20.3154 16 24.2283V32.7718C16 36.6847 18.4427 39.0001 22.5813 39.0001H33.4187C37.5573 39.0001 40 36.6847 40 32.7718V32.4079H34.9227C32.5662 32.4079 30.656 30.5972 30.656 28.3636C30.656 26.13 32.5662 24.3193 34.9227 24.3193V24.2788Z"
                                fill="white" />
                            <path
                                d="M28.4582 24.2789H21.6849C21.1766 24.2734 20.7675 23.8812 20.7676 23.3993C20.7734 22.923 21.1824 22.5398 21.6849 22.5399H28.4582C28.9649 22.5399 29.3756 22.9292 29.3756 23.4094C29.3756 23.8896 28.9649 24.2789 28.4582 24.2789Z"
                                fill="#948BFB" />
                        </svg>
                    </div>
                    <h3 class="heading"><a href="{{ url('login') }}">Discover Rare Digital Treasures</a> </h3>
                    <p class="content">Uncover hidden gems and exclusive digital art pieces, carefully crafted by talented creators and waiting to be added to your collection.</p>
                </div>
                <div class="sc-box-icon">
                    <div class="image">
                        <svg width="56" height="56" viewBox="0 0 56 56" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <rect y="6.10352e-05" width="56" height="56" rx="16" fill="#47A432" />
                            <path
                                d="M23.104 16.0001H19.048C17.368 16.0001 16 17.3801 16 19.0732V23.164C16 24.868 17.368 26.236 19.048 26.236H23.104C24.796 26.236 26.1519 24.868 26.1519 23.164V19.0732C26.1519 17.3801 24.796 16.0001 23.104 16.0001Z"
                                fill="white" />
                            <path
                                d="M23.104 29.7637H19.048C17.368 29.7637 16 31.1329 16 32.8369V36.9277C16 38.6197 17.368 39.9997 19.048 39.9997H23.104C24.796 39.9997 26.1519 38.6197 26.1519 36.9277V32.8369C26.1519 31.1329 24.796 29.7637 23.104 29.7637Z"
                                fill="white" />
                            <path
                                d="M36.9516 16.0001H32.8956C31.2036 16.0001 29.8477 17.3801 29.8477 19.0732V23.164C29.8477 24.868 31.2036 26.236 32.8956 26.236H36.9516C38.6316 26.236 39.9996 24.868 39.9996 23.164V19.0732C39.9996 17.3801 38.6316 16.0001 36.9516 16.0001Z"
                                fill="white" fill-opacity="0.4" />
                            <path
                                d="M36.9516 29.7637H32.8956C31.2036 29.7637 29.8477 31.1329 29.8477 32.8369V36.9277C29.8477 38.6197 31.2036 39.9997 32.8956 39.9997H36.9516C38.6316 39.9997 39.9996 38.6197 39.9996 36.9277V32.8369C39.9996 31.1329 38.6316 29.7637 36.9516 29.7637Z"
                                fill="white" />
                        </svg>
                    </div>
                    <h3 class="heading"><a href="{{ url('login') }}"> Unlock Exclusive Artistic Experiences </a></h3>
                    <p class="content">Discover new dimensions of art and unlock exclusive experiences, including virtual reality exhibitions, artist meet-and-greets, <br> and early access to new collections.</p>
                </div>
                <div class="sc-box-icon mg-bt">
                    <div class="image">
                        <svg width="56" height="56" viewBox="0 0 56 56" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <rect width="56" height="56" rx="16" fill="#9835FB" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M19.396 23.8885C19.396 21.1625 21.061 19.3955 23.638 19.3955H32.354C34.94 19.3955 36.605 21.1625 36.605 23.8885V29.1905C36.159 28.8125 34.812 27.8715 34.624 27.7595C33.224 26.9195 31.544 27.2995 30.454 28.7195C30.359 28.8445 28.782 31.1445 28.224 31.4885C28.095 31.5685 27.959 31.6115 27.814 31.6315C27.464 31.6615 27.127 31.4815 26.554 31.0985C26.224 30.8885 25.864 30.6495 25.454 30.4795C23.749 29.7665 22.45 30.9445 21.758 31.7345C21.749 31.7425 19.812 34.1045 19.781 34.1415C19.538 33.5505 19.396 32.8675 19.396 32.1025V23.8885ZM38 23.8885C38 20.3625 35.731 18.0005 32.354 18.0005H23.638C20.271 18.0005 18 20.3625 18 23.8885V32.1025C18 33.6745 18.447 35.0135 19.238 36.0095C19.247 36.0185 19.247 36.0285 19.256 36.0285C20.043 37.0135 21.166 37.6665 22.519 37.8995C22.531 37.9015 22.543 37.9035 22.556 37.9055C22.903 37.9625 23.262 38.0005 23.638 38.0005H32.354C32.535 38.0005 32.7 37.9665 32.874 37.9535C33.078 37.9365 33.289 37.9325 33.483 37.8985C33.74 37.8545 33.976 37.7775 34.215 37.7035C34.319 37.6705 34.43 37.6505 34.53 37.6125C34.773 37.5205 34.996 37.4015 35.217 37.2795C35.297 37.2355 35.383 37.1995 35.461 37.1505C35.678 37.0145 35.875 36.8555 36.068 36.6895C36.132 36.6345 36.201 36.5845 36.262 36.5265C36.45 36.3475 36.616 36.1505 36.775 35.9445C36.824 35.8795 36.876 35.8195 36.923 35.7525C37.076 35.5345 37.208 35.2995 37.33 35.0545C37.364 34.9835 37.4 34.9145 37.433 34.8425C37.546 34.5855 37.64 34.3165 37.72 34.0345C37.741 33.9585 37.762 33.8835 37.78 33.8055C37.851 33.5145 37.902 33.2145 37.935 32.9005C37.939 32.8625 37.95 32.8275 37.954 32.7895C37.961 32.7045 37.96 32.6195 37.965 32.5345C37.973 32.3885 38 32.2535 38 32.1025V23.8885Z"
                                fill="white" />
                            <path
                                d="M24.5048 27.0001C25.8663 27.0001 27 25.87 27 24.5151C27 23.8356 26.7151 23.2132 26.2607 22.7615C25.8081 22.2935 25.1764 22.0001 24.4787 22.0001C23.1085 22.0001 22 23.1041 22 24.4687C22 24.6492 22.0213 24.8239 22.0591 24.9937C22.2878 26.1257 23.3081 27.0001 24.5048 27.0001Z"
                                fill="white" fill-opacity="0.4" />
                        </svg>
                    </div>
                    <h3 class="heading"><a href="{{ url('login') }}">Buy, Sell, and Trade Unique NFTs</a> </h3>
                    <p class="content">Buy, sell, and trade unique digital assets, including rare art pieces, collectible in-game items, and limited-edition merchandise, <br> all secured on the blockchain.</p>
                </div>
                <div class="sc-box-icon">
                    <div class="image">
                        <svg width="56" height="56" viewBox="0 0 56 56" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <rect width="56" height="56" rx="16" fill="#DF4949" />
                            <rect x="21" y="22" width="13" height="4" fill="white" fill-opacity="0.4" />
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M24.125 16H31.8375C35.225 16 37.9625 17.284 38 20.5478V38.7631C38 38.9671 37.95 39.1711 37.85 39.3511C37.6875 39.6391 37.4125 39.8551 37.075 39.9511C36.75 40.0471 36.3875 39.9991 36.0875 39.8311L27.9875 35.9432L19.875 39.8311C19.6888 39.9259 19.475 39.9871 19.2625 39.9871C18.5625 39.9871 18 39.4351 18 38.7631V20.5478C18 17.284 20.75 16 24.125 16ZM23.2753 25.1437H32.6878C33.2253 25.1437 33.6628 24.7225 33.6628 24.1958C33.6628 23.6678 33.2253 23.2478 32.6878 23.2478H23.2753C22.7378 23.2478 22.3003 23.6678 22.3003 24.1958C22.3003 24.7225 22.7378 25.1437 23.2753 25.1437Z"
                                fill="white" />
                        </svg>
                    </div>
                    <h3 class="heading"><a href="{{ url('login') }}">Explore the Future of Digital Ownership</a> </h3>
                    <p class="content">Step into a new era of digital asset ownership and explore the vast possibilities of NFTs, from virtual real estate to exclusive experiences.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="tf-section live-auctions home3 bg-style">
        <div class="themesflat-container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-live-auctions">
                        <h2 class="tf-title text-left pb-15">
                            Live Auctions</h2>
                        <a href="{{ url('marketplace') }}" class="exp">EXPLORE MORE</a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="swiper-container carousel-overflow pt-24 auctions">
                        <div class="swiper-wrapper">
                            @foreach ($items as $item)
                                <div class="swiper-slide">
                                    <div class="slider-item">
                                        <div class="sc-card-product explode style2">
                                            <div class="card-media">
                                                <a href="{{ route('marketplace.show', $item->id) }}"><img
                                                        src="{{ image_url($item->nft_image) }}"
                                                        alt="" style="width:500px; height: 300px;"></a>
                                                <div class="featured-countdown">
                                                    <span class="slogan"></span>
                                                    <span class="js-countdown" data-timer="516400"
                                                        data-labels=" :  ,  : , : , "></span>
                                                </div>
                                                {{-- <div class="button-place-bid">
                                            <a href="#" data-toggle="modal" data-target="#popup_bid" class="sc-button style-place-bid style bag fl-button pri-3"><span>Place Bid</span></a>
                                        </div> --}}
                                            </div>
                                            <div class="card-title">
                                                <h5><a href="{{ route('marketplace.show', $item->id) }}">"Hamlet
                                                        Contemplates Yorick's...</a></h5>
                                            </div>
                                            <div class="meta-info">
                                                <div class="author">
                                                    <div class="avatar">
                                                        <img src="{{ image_url($item->user->image) }}"
                                                            alt="Image">
                                                    </div>
                                                    <div class="info">
                                                        <span>Creator</span>
                                                        <h6> <a
                                                                href="{{ route('user', $item->user_id) }}">{{ $item->user->name }}</a>
                                                        </h6>
                                                    </div>
                                                </div>
                                                <div class="tags">{{ get_settings('wallet_address_network', 'ETH') }}
                                                </div>
                                            </div>
                                            <div class="card-bottom style-explode">
                                                <div class="price">
                                                    <span>Current Bid</span>
                                                    <div class="price-details">
                                                        <h5> {{ $item->nft_price }} ETH</h5>
                                                        {{-- <span>= $12.246</span> --}}
                                                    </div>
                                                </div>
                                                @auth
                                                    @php
                                                        // Check if the user has liked this item
                                                        $liked = Auth::user()
                                                            ->likes()
                                                            ->where('nft_id', $item->id)
                                                            ->exists();
                                                        $likeCount = $item->likes()->count(); // Get the total like count for this item
                                                    @endphp

                                                    <button class="wishlist-button public heart {{ $liked ? 'active' : '' }}"
                                                        data-id="{{ $item->id }}"
                                                        onclick="toggleLike({{ $item->id }})">
                                                        <span class="number-like">{{ $likeCount }}</span>
                                                    </button>
                                                @else
                                                    <button class="wishlist-button public heart" disabled>
                                                        <span class="number-like">{{ $item->likes()->count() }}</span>
                                                    </button>
                                                @endauth
                                            </div>
                                        </div>
                                    </div><!-- item-->
                                </div>
                            @endforeach
                        </div>
                        <div class="swiper-pagination"></div>
                        <div class="swiper-button-next btn-slide-next"></div>
                        <div class="swiper-button-prev btn-slide-prev"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="tf-section top-seller home3 s2 mobie-style">
        <div class="themesflat-container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="tf-title style2 mb-25 text-left">
                        Top Seller</h2>
                </div>
                <div class="col-md-12">
                    <div class="tf-box">
                        @foreach ($sellers as $users)
                            <div class="box-item pl-17">
                                <div class="sc-author-box style-3 pd-0">
                                    <div class="author-avatar">
                                        <a href="{{ route('user', $users->id) }}">
                                            <img src="{{ image_url(optional($users)->image) }}"
                                                alt="Image" class="avatar">
                                        </a>
                                        <div class="badge"><i class="ripple"></i></div>
                                    </div>
                                    <div class="author-infor">
                                        <h5 class="fs-16"><a
                                                href="{{ route('user', $users->id) }}">{{ $users->name }}</a></h5>
                                        <span class="price">
                                            {{ substr($users->items->isNotEmpty() ? $users->items->first()->total_price : 0, 0, 5) }}
 {{ get_settings('wallet_address_network', 'ETH') }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        @endforeach


                    </div>
                </div>


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


    <section class="tf-section today-picks">
        <div class="themesflat-container">
            <div class="row">
                <div class="col-md-12 mb-24">
                    <div class="heading-live-auctions">
                        <h2 class="tf-title text-left">
                            Today's Picks</h2>
                        <a href="explore-3.html" class="exp">EXPLORE MORE</a>
                    </div>
                </div>


                <div class="col-md-12">
                    <div class="tf-soft">
                        <div class="soft-left">
                            <form id="filterForm" method="GET" action="{{ route('home') }}">
                                <div class="dropdown">
                                    <button class="btn btn-secondary dropdown-toggle" type="button"
                                        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path d="M5 10H7C9 10 10 9 10 7V5C10 3 9 2 7 2H5C3 2 2 3 2 5V7C2 9 3 10 5 10Z"
                                                stroke="white" stroke-width="1.5" stroke-miterlimit="10"
                                                stroke-linecap="round" stroke-linejoin="round" />
                                            <path
                                                d="M17 10H19C21 10 22 9 22 7V5C22 3 21 2 19 2H17C15 2 14 3 14 5V7C14 9 15 10 17 10Z"
                                                stroke="white" stroke-width="1.5" stroke-miterlimit="10"
                                                stroke-linecap="round" stroke-linejoin="round" />
                                            <path
                                                d="M17 22H19C21 22 22 21 22 19V17C22 15 21 14 19 14H17C15 14 14 15 14 17V19C14 21 15 22 17 22Z"
                                                stroke="white" stroke-width="1.5" stroke-miterlimit="10"
                                                stroke-linecap="round" stroke-linejoin="round" />
                                            <path
                                                d="M5 22H7C9 22 10 21 10 19V17C10 15 9 14 7 14H5C3 14 2 15 2 17V19C2 21 3 22 5 22Z"
                                                stroke="white" stroke-width="1.5" stroke-miterlimit="10"
                                                stroke-linecap="round" stroke-linejoin="round" />
                                        </svg>
                                        <span class="inner">Category</span>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item"
                                            href="{{ route('home', ['category' => 'all', 'price' => '']) }}">
                                            <div class='sort-filter active'>
                                                <span><img src="assets/images/icon/menu.png" alt="" /> All</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                        <a class="dropdown-item"
                                            href="{{ route('home', ['category' => '1', 'price' => '']) }}">
                                            <div class='sort-filter'>
                                                <span><img src="assets/images/icon/rainbow.png" alt="" />
                                                    Art</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                        <a class="dropdown-item"
                                            href="{{ route('home', ['category' => '2', 'price' => '']) }}">
                                            <div class='sort-filter'>
                                                <span><img src="assets/images/icon/photo.png" alt="" />
                                                    Music</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                        <a class="dropdown-item"
                                            href="{{ route('home', ['category' => '3', 'price' => '']) }}">
                                            <div class='sort-filter'>
                                                <span><img src="assets/images/icon/itunes.png" alt="" />
                                                    Colletibles</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                        <a class="dropdown-item"
                                            href="{{ route('home', ['category' => '4', 'price' => '']) }}">
                                            <div class='sort-filter'>
                                                <span><img src="assets/images/icon/itunes.png" alt="" />
                                                    Sport</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="dropdown">
                                    <button class="btn btn-secondary dropdown-toggle" type="button"
                                        id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path
                                                d="M8.67188 14.3298C8.67188 15.6198 9.66188 16.6598 10.8919 16.6598H13.4019C14.4719 16.6598 15.3419 15.7498 15.3419 14.6298C15.3419 13.4098 14.8119 12.9798 14.0219 12.6998L9.99187 11.2998C9.20187 11.0198 8.67188 10.5898 8.67188 9.36984C8.67188 8.24984 9.54187 7.33984 10.6119 7.33984H13.1219C14.3519 7.33984 15.3419 8.37984 15.3419 9.66984"
                                                stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                stroke-linejoin="round" />
                                            <path d="M12 6V18" stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                stroke-linejoin="round" />
                                            <path
                                                d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
                                                stroke="white" stroke-width="1.5" stroke-linecap="round"
                                                stroke-linejoin="round" />
                                        </svg>
                                        <span class="inner">Price range</span>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <a class="dropdown-item" href="#" onclick="filterPrice('low-to-high')">
                                            <div class='sort-filter'>
                                                <span> Price: Low to High</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                        <a class="dropdown-item" href="#" onclick="filterPrice('high-to-low')">
                                            <div class='sort-filter'>
                                                <span> Price: High to Low</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <input type="hidden" id="category" name="category" value="all">
                                <input type="hidden" id="price" name="price" value="">


                            </form>

                        </div>
                        <form id="filterForm" method="GET" action="{{ route('home') }}">
                            <div class="soft-right">
                                <div class="dropdown">
                                    <button class="btn btn-secondary dropdown-toggle" type="button"
                                        id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                        aria-expanded="false">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            <path d="M3 7H21" stroke="white" stroke-width="1.5" stroke-linecap="round" />
                                            <path d="M6 12H18" stroke="white" stroke-width="1.5"
                                                stroke-linecap="round" />
                                            <path d="M10 17H14" stroke="white" stroke-width="1.5"
                                                stroke-linecap="round" />
                                        </svg>
                                        <span>Sort By: Recently Added</span>
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                        <h6>Sort by</h6>
                                        <a href="#" class="dropdown-item"
                                            onclick="filterSort('recently-added', this)">
                                            <div class="sort-filter" id="recently-added-filter">
                                                <span>Recently added</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <div class="sort-filer active" href="#"
                                                onclick="filterPrice('low-to-high')">
                                                <span>Price: Low to High</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                        <a href="#" class="dropdown-item" onclick="filterPrice('high-to-low')">
                                            <div class="sort-filer" href="#">
                                                <span>Price: High to Low</span>
                                                <i class="fal fa-check"></i>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" id="category" name="category" value="all">
                            <input type="hidden" id="price" name="price" value="">
                        </form>
                    </div>
                </div>


                <script>
                    function filterNfts(category) {
                        document.getElementById('category').value = category;
                        document.getElementById('filterForm').submit();
                    }

                    function filterPrice(price) {
                        document.getElementById('price').value = price;
                        document.getElementById('filterForm').submit();
                    }
                </script>






                @foreach ($data as $item)
                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6">
                        <div class="fl-item sc-card-product explode style2 mg-bt">
                            <div class="card-media">
                                <a href="{{ route('marketplace.show', $item->id) }}"><img
                                        src="{{ image_url($item->nft_image) }}"
                                        alt="Image"></a>
                                {{-- <div class="button-place-bid">
                            <a href="#" data-toggle="modal" data-target="#popup_bid" class="sc-button style-place-bid style bag fl-button pri-3"><span>Place Bid</span></a>
                        </div> --}}
                                @auth
                                    @php
                                        // Check if the user has liked this item
                                        $liked = Auth::user()
                                            ->likes()
                                            ->where('nft_id', $item->id)
                                            ->exists();
                                        $likeCount = $item->likes()->count(); // Get the total like count for this item
                                    @endphp

                                    <button class="wishlist-button heart {{ $liked ? 'active' : '' }}"
                                        data-id="{{ $item->id }}" onclick="toggleLike({{ $item->id }})">
                                        <span class="number-like">{{ $likeCount }}</span>
                                    </button>
                                @else
                                    <button class="wishlist-button heart" disabled>
                                        <span class="number-like">{{ $item->likes()->count() }}</span>
                                    </button>
                                @endauth
                            </div>
                            <div class="card-title">
                                <h5><a href="{{ route('marketplace.show', $item->id) }}">{{ $item->nft_name }}"</a></h5>
                            </div>
                            <div class="meta-info">
                                <div class="author">
                                    <div class="avatar">
                                        <img src="{{ image_url(optional($item->user)->image) }}"
                                            alt="Image">
                                    </div>
                                    <div class="info">
                                        <span>Creator</span>
                                        <h6> <a href="{{ route('user', $item->user_id) }}">{{ $item->user->name }}</a>
                                        </h6>
                                    </div>
                                </div>
                                <div class="tags">{{ get_settings('wallet_address_network', 'ETH') }}</div>
                            </div>
                            <div class="card-bottom style-explode">
                                <div class="price">
                                    <span>Current Bid</span>
                                    <div class="price-details">
                                        <h5> {{ $item->nft_price }} ETH</h5>
                                        {{-- <span>= $12.246</span> --}}
                                    </div>
                                </div>
                                {{-- <a href="activity1.html" class="view-history reload">View History</a> --}}
                            </div>
                        </div>
                    </div>
                @endforeach

                <div class="col-md-12 wrap-inner load-more text-center">
                    <a href="#" id="loadmore" class="sc-button loadmore fl-button pri-3"><span>Load
                            More</span></a>
                </div>
            </div>
        </div>
    </section>



<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/684ad025ca8f0d190df4f0a4/1iti3q4l8';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

@endpush
Back to Directory=ceiIENDB`