@include('more.partials._header')


            <!--=====================================-->
            <!--=          Store Banner Start       =-->
            <!--=====================================-->
            <section class="store-banner-wrap-layout1">
                <div class="container">
                    <div
                        class="store-banner-box"
                        style="background-image: url('{{ $store['banner'] }}');"
                        >
                        <div class="banner-content">
                            <div class="store-logo">
                                {{-- <img 
                                    src="https://placehold.co/180x140" 
                                    alt="{{ $store['name'] }}" 
                                    style="width: 100px;"
                                > --}}
                                    <img 
                                        src="{{ $store['logo'] }}"
                                        {{-- style="object-fit: contain; height: 200px; width:100%;" --}}
                                        alt="{{ $store['name'] }}"
                                        style="width: 100px;"
                                        onerror="handleError(this);"
                                    >
                            </div>
                            <div class="store-content">
                                <h2 class="item-title">
                                    {{ $store['name'] }}
                                    @if ($verification_status === 'verified')
                                        {{-- <li> --}}
                                        <span class="badge badge-success">
                                            {{ $verification_status }}
                                        </span>
                                        {{-- </li> --}}
                                    @endif
                                </h2>
                                <div class="store-tagline">
                                    {{ $store['slogan'] }}
                                </div>
                                <ul class="item-meta">
                                    @if ($area != null)
                                        <li><i class="fas fa-map-marker-alt"></i>{{ $area }}, {{ $place }}, {{ $region }}</li>
                                    @endif
                                    <li><i class="fas fa-user"></i>Vendor since - {{ \Carbon\Carbon::parse($store['created_at'])->toDayDateTimeString() }}</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--=====================================-->
            <!--=          Product Start         =-->
            <!--=====================================-->
            <section class="store-wrap-layout2">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-9 col-lg-8">
                            <div class="product-filter-heading">
                                <div class="row align-items-center">
                                    <div class="col-md-6">
                                        <h2 class="item-title">
                                            @if (($total_ads) > 1)
                                                {{ ($total_ads) }} ads
                                            @else
                                                {{ ($total_ads) }} ad
                                            @endif
                                        </h2>
                                    </div>
                                    <div class="col-md-6 d-flex justify-content-md-end justify-content-center">
                                        {{-- <div class="product-sorting">
                                            <div class="ordering-controller">
                                                <button class="ordering-btn dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                                                    Sort By
                                                </button>
                                                <div class="dropdown-menu">
                                                    <a class="dropdown-item" href="#">A to Z (title)</a>
                                                    <a class="dropdown-item" href="#">Z to A (title)</a>
                                                    <a class="dropdown-item" href="#">Data Added (oldest)</a>
                                                    <a class="dropdown-item" href="#">Most Viewed</a>
                                                    <a class="dropdown-item" href="#">Less Viewed</a>
                                                    <a class="dropdown-item" href="#">Price (low to high)</a>
                                                    <a class="dropdown-item" href="#">Price (high to low)</a>
                                                </div>
                                            </div>
                                            <div class="layout-switcher">
                                                <ul>
                                                    <li>
                                                        <a href="#" data-type="product-box-list" class="product-view-trigger">
                                                            <i class="fas fa-th-list"></i>
                                                        </a>
                                                    </li>
                                                    <li class="active">
                                                        <a class="product-view-trigger" href="#" data-type="product-box-grid">
                                                            <i class="fas fa-th-large"></i>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div> --}}
                                    </div>
                                </div>
                            </div>

                            <div id="product-view" class="product-box-grid">
                                <div class="row">
                                    @if ($total_ads > 0)
                                        @foreach ($ads as $ad)
                                            @include('more.categories.partials._products')
                                        @endforeach
                                    @else
                                        <div class="col-xl-12">
                                            <p>No Listing Ads posted for {{ $title }} category</p>
                                        </div>
                                    @endif
                                </div>
                            </div>

                            {{-- Pagination --}}
                            <div class="pagination-layout1">
                                <div class="btn-prev 
                                    @if ($prev_page_url == null)
                                        disabled
                                    @endif
                                ">
                                    <a href="{{ $prev_page_url; }}">
                                        <i class="fas fa-angle-double-left"></i>
                                        Previous
                                    </a>
                                </div>
                                <div class="page-number">
                                    <a href="{{ $path; }}" class="active">
                                        {{ $current_page }}
                                    </a>
                                    @if ($next_page_url != null)
                                        <a href="{{ $next_page_url }}">{{ $current_page + 1 }}</a>
                                    @endif
                                </div>
                                <div class="btn-next  
                                    @if ($next_page_url == null)
                                        disabled
                                    @endif">
                                    <a href="{{ $next_page_url }}">Next<i class="fas fa-angle-double-right"></i></a>
                                </div>
                            </div>
                        </div>

                        {{-- Right Sidebar --}}
                        <div class="col-xl-3 col-lg-4 sidebar-break-md sidebar-widget-area">
                            {{-- <div class="widget-lg widget-store-detail widget-light-bg">
                                <h3 class="widget-border-title">Details</h3>
                                <div class="store-content">
                                    <p>
                                                                            </p>
                                </div>
                            </div> --}}
                            <div class="widget-lg widget-author-info widget-store-info widget-light-bg">
                                <h3 class="widget-border-title">Store Information</h3>
                                <div class="author-content">
                                    <div class="store-website">
                                        <a href="{{ $store['website']; }}" target="_blank"><i class="fas fa-globe-asia"></i>Visit Website</a>
                                    </div>
                                    <div class="store-opening-hour">
                                        <span class="item-title"><i class="far fa-clock"></i>Opening Hours</span>
                                        <ul>
                                            <li><span>Sunday</span>Closed</li>
                                            <li><span>Monday</span>1:00 PM - 1:00 PM</li>
                                            <li><span>Tuesday</span>1:00 PM - 1:00 PM</li>
                                            <li><span>Wednesday</span>Closed</li>
                                            <li><span>Thursday</span>Closed</li>
                                            <li><span>Friday</span>1:00 AM - 11:00 PM</li>
                                            <li><span>Saturday</span>Closed</li>
                                        </ul>
                                    </div>

                                    <div class="phone-number more-vendor-phone-reveal not-revealed" data-bs-phone="{{ $store['phone'] }}">
                                        <div class="number"><i class="fas fa-phone"></i><span>{{ $masked_seller_phone }}</span></div>
                                        <div class="item-text">Click to reveal phone number</div>
                                    </div>
                                    <div class="author-mail">
                                        <a href="#" class="mail-btn" data-toggle="modal" data-target="#author-mail">
                                            <i class="fas fa-envelope"></i>Message Seller
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

@include('more.partials._footer')