@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')
            @lang('translation.digital-assets')
        @endslot
    @endcomponent

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

    <!-- Checkout Form -->
    <div class="row">
        <!-- Order Summary -->
        <div class="col-xl-8">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex">
                        <div class="flex-grow-1">
                            <h5 class="card-title mb-0">Cart Summary</h5>
                        </div>
                    </div>
                </div>
                @if(cartProducts()['count'] != 0)
                    <form action="{{ route('placeOrder') }}" method="POST">
                        @csrf
                        <div class="card-body checkout-tab p-3">
                            <div class="table-responsive">
                                <table class="table table-borderless align-middle mb-0">
                                    <thead class="table-light text-muted">
                                    <tr>
                                        <th style="width: 90px;" scope="col">Product</th>
                                        <th scope="col">Information</th>
                                        <th scope="col" class="text-end">Price</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                        $grandTotal = 0;
                                    @endphp

                                            <!-- Asset Details -->
                                    @foreach (cartProducts()['cartData'] as $cart)
                                        @php
                                            $price = $cart->price;
                                            $grandTotal += $price;
                                        @endphp

                                        <tr>
                                            <td>
                                                <div class="avatar-md rounded p-1">
                                                    <img src="{{ asset($cart->asset->image) }}" alt="{{ $cart->asset->name }}" class="img-fluid d-block">
                                                </div>
                                            </td>
                                            <td>
                                                <h5 class="fs-14">
                                                    <a href="#" class="text-dark">{{ $cart->asset->name }}</a>
                                                </h5>
                                                <p class="text-muted mb-0">{{ $cart->quantity }} Pieces</p>

                                                @if($cart->asset->free_item_type !== null && $cart->asset->free_item_type == \App\Models\DigitalAsset::FreeItem && $cart->asset->freeItems->isNotEmpty())
                                                    <p class="text-muted mb-0">
                                                        <strong>Buy on {{$cart->asset->item_quantity_for_free_item}} you will get Free: </strong>
                                                    </p>
                                                    <ul style="list-style-type: none; padding: 0; margin: 0;">

                                                        @foreach($cart->asset->freeItems as $freeItem)
                                                            <li  class="mb-1 align-items-center">
                                                                <i class="ri-gift-line align-bottom me-1"></i>
                                                                <span style="{{ $freeItem->free_item_highlight ? 'background-color: #90ee90;' : '' }}"> {{ $freeItem->free_item_quantity }} x {{ $freeItem->freeItem->name }}</span>

                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                @elseif($cart->asset->redeemable_items !== 0 && $cart->asset->free_item_type !== null && $cart->asset->free_item_type == \App\Models\DigitalAsset::FreeItemUserSelect && $cart->asset->freeItems->isNotEmpty())
                                                    <p class="text-muted mb-0">
                                                        <strong>Buy on {{$cart->asset->item_quantity_for_free_item}} you will get Free: </strong>
                                                    </p>
                                                    @php
                                                        $selectedFreeItemIds = $cart->cart_free_items->pluck('digital_asset_free_item_id')->toArray();
                                                    @endphp
                                                    <ul style="list-style-type: none; padding: 0; margin: 0;">

                                                        @foreach($cart->asset->freeItems as $freeItem)
                                                            @if(in_array($freeItem->id, $selectedFreeItemIds))
                                                                <li  class="mb-1 align-items-center">
                                                                    <i class="ri-gift-line align-bottom me-1"></i>
                                                                    <span style="{{ $freeItem->free_item_highlight ? 'background-color: #90ee90;' : '' }}"> {{ $freeItem->free_item_quantity }} x {{ $freeItem->freeItem->name }}</span>

                                                                </li>
                                                            @endif
                                                        @endforeach
                                                    </ul>
                                                @elseif($cart->asset->redeemable_items !== 0 && $cart->asset->free_item_type !== null && $cart->asset->free_item_type == \App\Models\DigitalAsset::FreeItemBundle && $cart->asset->bundles->isNotEmpty())
                                                    <p class="text-muted mb-0">
                                                        <strong>Buy on {{$cart->asset->item_quantity_for_free_item}} you will get Free: </strong>
                                                    </p>
                                                    @php
                                                        $selectedFreeItemIds = $cart->cart_free_items->pluck('digital_asset_bundle_id')->toArray();
                                                    @endphp
                                                    <ul style="list-style-type: none; padding: 0; margin: 0;">

                                                        @foreach($cart->asset->bundles as $bundle)
                                                            @if(in_array($bundle->id, $selectedFreeItemIds))
                                                                <li>
                                                                    <i class="ri-boxing-fill align-bottom me-1"></i>
                                                                    {{ $bundle->name }}
                                                                    <ul class="list-unstyled ms-2">
                                                                        @if(isset($bundle->items) && !empty($bundle->items))
                                                                            @foreach($bundle->items as $i)
                                                                                <li  class="mb-1 align-items-center">
                                                                                    <i class="ri-gift-line align-bottom me-1"></i>
                                                                                    <span style="{{ $i->highlight ? 'background-color: #90ee90;' : '' }}"> {{$i->quantity}} x {{$i->asset->name}} </span>
                                                                                </li>
                                                                            @endforeach
                                                                        @endif
                                                                    </ul>
                                                                </li>
                                                            @endif
                                                        @endforeach
                                                    </ul>
                                                @endif

                                                @if($cart->asset->onetime_timebased_bonuses->count()>0)
                                                    <div class="special-bonus">
                                                        @foreach($cart->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
                                            </td>
                                            <td class="text-end">${{ $cart->price }}</td>

                                        </tr>
                                    @endforeach

                                    <!-- Total USD -->
                                    <tr class="table-active">
                                        <th colspan="2">Total (USD) :</th>
                                        <td class="text-end">
                                        <span class="fw-semibold">
                                            ${{ $grandTotal }}
                                        </span>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="d-flex align-items-start justify-content-end gap-3 mt-4">
                                <a href="{{route('remove.all.cart')}}" class="btn btn-danger btn-label right" type="submit">
                                    <i class="ri-delete-bin-line label-icon align-middle fs-16 ms-2"></i>
                                    Clear Cart
                                </a>
                                <button type="submit" class="btn btn-primary btn-label right" type="submit">
                                    <i class="ri-shopping-basket-line label-icon align-middle fs-16 ms-2"></i>
                                    Purchase Now
                                </button>
                            </div>
                        </div>
                    </form>
                @else
                    <div class="text-center">
                        <p>No products in the cart. Please add items to your cart.</p>
                    </div>
                @endif
                <!-- end card body -->
            </div>
            <!-- end card -->
        </div>
    </div>
@endsection

@section('script')
    <!-- Checkout Page -->
    <script src="{{ URL::asset('assets/js/pages/ecommerce-product-checkout.init.js') }}"></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>
@endsection