@extends('merchbay_main')
@section('main-content')

@if ($store_array[0]->IsHibernated)
<script>
    window.location = "../";
</script>
@endif


<div class="pb-5">
    <div class="main__banner">
        <div class="row">
            <div class="col-lg-12 text-center">
            <div class="store-banner border-top">
                <img
                src="{{ config('site_config.uploads') . 'teamstore/' . $store_array[0]->ImageFolder . '/' . $store_array[0]->StoreBanner }}"
                id="storeBanner"
                class="shadow-sm img-fluid w-100"
                alt="{{$store_array[0]->StoreName}}"
                />
            </div>
            </div>
        </div>
    </div>
    <div class="main__content">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="pt-4 b">
                    <p class="please-read-title">Please read:</p>
                    <ol class="please-read">
                        <li>
                        Items purchased are made on demand. Orders will be shipped
                        based on dates set by your store administrator.
                        </li>
                        <li>
                        Store payments are processed through PayPal. A PayPal
                        account is not required to make a purchase.
                        </li>
                        <li>
                        Orders will be batch processed on a weekly basis, please
                        allow 2-3 weeks for delivery.
                        </li>
                        <li>
                        We are currently only shipping to US locations. For
                        international orders, please contact orders@merchbay.com
                        if you'd like to place an order.
                        </li>
                        <li>Expect shipping delays due to COVID-19.</li>
                        <li>
                        All sales are final. No returns or exchanges will be
                        accepted.
                        </li>
                    </ol>
                    </div>

                    <div class="bg-black py-2">
                    <p class="disclaimer text-white">Disclaimer</p>
                    <div class="disclaimer-message">
                        Masks and gaiters sold by Merchbay are not intended for
                        medical use. Merchbay does not make any medical or health
                        claims.
                    </div>
                    </div>
                </div>
            </div>

            <div class="row py-4">
                <div class="col-lg-7">
                    <form class="row g-2 g-lg-5">
                    <div class="col-lg-9">
                        <div class="input-group">
                        <input
                            type="text"
                            class="form-control border-end-0"
                            placeholder="Search Item"
                            aria-label="Search Item"
                            aria-describedby="basic-addon2"
                        />
                        <span
                            class="input-group-text bg-white border-start-0"
                            id="basic-addon2"
                            ><i class="bi bi-search"></i
                        ></span>
                        </div>
                    </div>
                    </form>
                </div>
                <div class="col-lg-5">
                    <form
                    class="row g-2 g-lg-5 justify-content-end align-items-center"
                    >
                    <div class="col-lg-12">
                        <div class="row">
                        <div class="col-md-5 sort-by">
                            <label for="selectSortBy" class="col-form-label"
                            >Sort by:</label
                            >
                        </div>
                        <div class="col-md-7">
                            <select name="sort" class="form-control" id="sort">
                            <option value="">Store Name A → Z</option>
                            <option value="">Store Name Z → A</option>
                            <option value="">Newest → Oldest</option>
                            <option value="">Oldest → Newest</option>
                            </select>
                        </div>
                        </div>
                    </div>
                    </form>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <h4>Catalog</h4>
                </div>
            </div>

            <div class="row">
                @foreach($product_array as $i => $product)
                    @if($product->PrivacyStatus == "public")
                        @foreach($thumbnails as $t => $thumb)
                            @if($thumb['product_id'] == $product->Id)
                                @define $storeFolder = $thumb['folder']
                                @define $filename = $thumb['thumb']
                            @endif
                        @endforeach

                        <div class="col-lg-3 col-md-3 col-sm-4">
                            <div class="p-3 product">
                            <a href="{{ url('store') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}">
                                <div class="product-image">
                                <img
                                    src="{{ config('site_config.images_url')  }}/{{ $filename }}"
                                    class="d-block border shadow-sm"
                                    alt="{{ $product->ProductName }}"
                                />
                                </div>
                            </a>
                            <div class="row">
                                <div class="col-sm-8">
                                <div class="store-name">{{ $product->ProductName }}</div>
                                <div class="product-price d-flex">
                                    <div class="price">{{ $store_array[0]->StoreCurrency }} {{ $product->ProductPrice }}</div>
                                </div>
                                </div>
                                <div class="col-sm-4 py-2">
                                <a
                                    href="{{ url('store') }}/{{ $store_array[0]->StoreUrl }}/product/{{ $product->ProductURL }}"
                                    class="btn btn-sm btn-black w-100"
                                    >View</a
                                >
                                </div>
                            </div>
                            </div>
                        </div>
                    @endif
                @endforeach
            <!-- END PRODUCTS -->

            {{-- 
            <div class="col-lg-12">
                <div class="py-4 text-center">
                <button type="submit" class="btn btn-black mb-3 px-5">
                    View more
                </button>
                </div>
            </div> --}}
            </div>
        </div>
    </div>
</div>
@endsection