@extends('layouts.master')
@section('title') @lang('translation.market-place') @endsection

@section('content')

    <!-- Breadcrumb Trail -->
    @component('components.breadcrumb')
        @slot('li_1')
            @lang('translation.market-place')
        @endslot
        @slot('title')
            GC7 Store
        @endslot
    @endcomponent

    <!-- Session Messages -->
    @include('partials.session')

    <!-- Items Showcase -->
    <div class="row row-cols-xxl-5 row-cols-xl-4 row-cols-lg-3 row-cols-md-2 row-cols-2 so-gc-store">
        @php
            $key = App\Models\GeneralSettings::PURCHASE_SOUND;
            $settings = App\Models\GeneralSettings::where('key', $key)->first();
            // If the sound is set in the settings table, use it, otherwise use the default sound
            $sound = $settings ? asset($settings->value) : asset('default_assets/sounds/coin.mp3');
        @endphp
        @foreach ($assets as $asset)
            <div class="col list-element mb-4">
                <div class="card explore-box card-animate ribbon-box right so-min-h-100">
                    <div class="explore-place-bid-img">
                        @if($asset->label)
                            <div class="ribbon-two ribbon-two-danger"><span><i class="ri-fire-fill align-bottom"></i> {{ $asset->label ?? ''}}</span></div>
                        @endif
                        <img src="{{ asset($asset->image) }}" alt="{{ $asset->name }}" class="card-img-top explore-img" />
                        <div class="bg-overlay"></div>
                        <div class="place-bid-btn">
                            <a href="{{ url('/market-place/asset/'.encrypt($asset->id).'/checkout') }}" class="btn btn-success">Buy Now!</a>
                        </div>
                    </div>
                    <h5></h5>
                    <div class="card-body">
                        <h5 class="mb-1"><a href="apps-nft-item-details">{{ $asset->name }}</a></h5>
                        @if(isset($showQuantity->value) && $showQuantity->value == 1)
                            <p class="text-muted mb-0">Quantity: {{ $asset->quantity }}</p>
                        @endif
                    </div>
                    <div class="card-footer border-top border-top-dashed">
                        <div class="d-flex align-items-start flex-column gap-2">
                            <div class="fs-14">
                                <i class="ri-price-tag-3-fill text-warning align-bottom me-1"></i> Price: <span class="fw-medium">${{ $asset->price }}</span>
                            </div>
                            <div class="fs-14 mb-0 free-items-div">
                                @if($asset->free_item_type !== null && $asset->free_item_type == \App\Models\DigitalAsset::FreeItem && $asset->freeItems->isNotEmpty())
                                    <span>Free items on purchase of {{ $asset->item_quantity_for_free_item }}:</span>
                                    <ul class="text-primary" style="list-style-type: none; padding: 0; margin: 0;">
                                        @php
                                            $count = 4; //5 as counting starts from 0
                                            $isMoreThanOne = count($asset->freeItems) > ($count+1) ? true : false;
                                        @endphp
                                        @foreach($asset->freeItems as $index => $freeItem)
                                            <li class="{{$index>$count? 'item-hidden' : ''}}">
                                                <i class="ri-gift-line align-bottom me-1"></i>
                                                {{ $freeItem->free_item_quantity }} x {{ $freeItem->freeItem->name }}
                                            </li>
                                        @endforeach
                                        @if($isMoreThanOne)
                                            <li class="more-than-count">......</li>
                                        @endif
                                    </ul>
                                @elseif($asset->redeemable_items !== 0 && $asset->free_item_type !== null && $asset->free_item_type == \App\Models\DigitalAsset::FreeItemUserSelect && $asset->freeItems->isNotEmpty())
                                    <span>Select any {{$asset->redeemable_items ?? 0}} free items on purchase of {{ $asset->item_quantity_for_free_item }}:</span>
                                    <ul class="text-primary" style="list-style-type: none; padding: 0; margin: 0;">
                                        @php
                                            $count = 4; //5 as counting starts from 0
                                            $isMoreThanOne = count($asset->freeItems) > ($count+1) ? true : false;
                                        @endphp
                                        @foreach($asset->freeItems as $index => $freeItem)
                                            <li class="{{$index>$count? 'item-hidden' : ''}}">
                                                <i class="ri-gift-line align-bottom me-1"></i>
                                                {{ $freeItem->free_item_quantity }} x {{ $freeItem->freeItem->name }}
                                            </li>
                                        @endforeach
                                        @if($isMoreThanOne)
                                            <li class="more-than-count">......</li>
                                        @endif
                                    </ul>
                                @elseif($asset->redeemable_items !== 0 && $asset->free_item_type !== null && $asset->free_item_type == \App\Models\DigitalAsset::FreeItemBundle && $asset->bundles->isNotEmpty())
                                    <span>Select any {{$asset->redeemable_items ?? 0}} bundle of free items on purchase of {{ $asset->item_quantity_for_free_item }}:</span>
                                    <ul class="text-primary" style="list-style-type: none; padding: 0; margin: 0;">
                                        @php
                                            $count = 4; //5 as counting starts from 0
                                            $isMoreThanOne = count($asset->bundles) > ($count+1) ? true : false;
                                        @endphp
                                        @foreach($asset->bundles as $index => $bundle)
                                            <li class="{{$index>$count? 'item-hidden' : ''}}">
                                                <i class="ri-boxing-fill align-bottom me-1"></i>
                                                {{ $bundle->name }} x {{ count($bundle->items) }} items
                                            </li>
                                        @endforeach
                                        @if($isMoreThanOne)
                                            <li class="more-than-count">......</li>
                                        @endif
                                    </ul>
                                @else
                                    <span class="text-danger">No free items available</span>
                                @endif
                            </div>
                        </div>
                        @if($asset->onetime_timebased_bonuses->count()>0)
                        <div class="special-bonus">
                            @foreach($asset->onetime_timebased_bonuses as $bonus)
                            @if($bonus->bonus_type === \App\Models\DigitalItemBonusQuantity::ONETIME)
                                <h5>Bonus on first purchase:</h5>
                                <ul>
                                    @foreach($bonus->free_items as $freeItem)
                                    <li>{{$freeItem->free_item_quantity}} x {{$freeItem->digital_asset->name}}</li>
                                    @endforeach
                                </ul>
                            @endif
                            @if($bonus->bonus_type === \App\Models\DigitalItemBonusQuantity::TIMEBASED)
                                <h5>Bonus if x{{$bonus->quantity}} purchased at time(s):</h5>
                                    <div class="times-div">
                                        @foreach($bonus->times as $time)
{{--                                        <span class="badge badge-pill bg-primary">--}}
{{--                                            <span class="start-time" data-utc-time="{{ $time->start_time }}">{{$time->start_time}}</span> - <span class="end-time" data-utc-time="{{ $time->end_time }}">{{$time->end_time}}</span>--}}
{{--                                        </span>--}}
                                            <span class="badge badge-pill bg-primary">
                                                <span>{{ \Carbon\Carbon::createFromFormat('H:i:s', $time->start_time)->format('h:i A') }}</span> -
                                                <span>{{ \Carbon\Carbon::createFromFormat('H:i:s', $time->end_time)->format('h:i A') }}</span>
                                            </span>

                                        @endforeach
                                    </div>
                                <ul>
                                    @foreach($bonus->free_items as $freeItem)
                                    <li>{{$freeItem->free_item_quantity}} x {{$freeItem->digital_asset->name}}</li>
                                    @endforeach
                                </ul>
                            @endif
                            @endforeach
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>

@endsection

@section('script')
    <!-- jQuery CDN -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <!-- App JS -->
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            // Function to convert UTC time to local time and format it as AM/PM
            function convertUTCToLocalTime(utcTime) {
                const completeUTC = `1970-01-01T${utcTime}Z`;
                const date = new Date(completeUTC);
                console.log(date);
                const options = {
                    hour: 'numeric',
                    minute: 'numeric',
                    // second: 'numeric',
                    hour12: true
                };
                let localTime = date.toLocaleTimeString(undefined, options);
                localTime = localTime.replace('am', 'AM').replace('pm', 'PM');
                return localTime;
            }

            $('.start-time').each(function() {
                const utcTime = $(this).data('utc-time');
                const localTime = convertUTCToLocalTime(utcTime);
                $(this).text(localTime);
            });
            $('.end-time').each(function() {
                const utcTime = $(this).data('utc-time');
                const localTime = convertUTCToLocalTime(utcTime);
                $(this).text(localTime);
            });
        });
    </script>
    <script>
        window.onload = function() {
            @if(session()->has('orderplace'))
            let audio = new Audio("{{$sound}}");
            audio.play();
            // Remove the 'orderplace' session variable