@extends('app')
@section('content')
<div class="terms-of-use">
    <div class="main-content py-5 px-3 px-md-5">
        <div class="image-container mb-5">
            <a href="{{'/'}}" class="fms-logo logo-img"></a>
        </div>
    <div>
        @php
        $partid = base64_decode(request()->query('partid'));
        $orgid = base64_decode(request()->query('orgid'));
        @endphp
    <div class="d-flex justify-content-center align-items-center card-div">
        <div>
            <h2 class="text-center blue-text">FundMeSmart™ - Download App</h2>
            <div class="row mx-auto mt-3 mt-lg-5">
                <div class="col-12 col-sm-2 col-md-3 col-lg-4"></div>
                <div class="col-6 col-sm-4 col-md-3 col-lg-2">
                    @if(empty($partid) && empty($orgid))
                    <a class="me-2 me-xl-0" href="https://play.google.com/store/apps/details?id=app.ibuddy.fundmesmart&pcampaignid=web_share" target="_blank" rel="noopener noreferrer">
                        <img src="{{ Vite::asset('resources/images/google_play.webp') }}" alt="google_play" class="w-100 mb-3">
                    </a>
                    {{-- <div class="ps-4">
                        {!! QrCode::size(160)->backgroundColor(255, 0, 0, 0.4)->generate('https://play.google.com/store/apps/details?id=app.ibuddy.fundmesmart&pcampaignid=web_share') !!}
                    </div> --}}
                    @else
                    <a class="me-2 me-xl-0" href="https://fundmesmart.onelink.me/WlG3/5yr18z2f?&partid={{$partid}}&orgid={{ $orgid ?? '' }}" target="_blank" rel="noopener noreferrer">
                        <img src="{{ Vite::asset('resources/images/google_play.webp') }}" alt="google_play" class="w-100 mb-3">
                    </a>
                    {{-- <div class="ps-4">
                        {!! QrCode::size(160)
                            ->backgroundColor(255, 0, 0, 0.4)
                            ->generate('https://fundmesmart.onelink.me/WlG3/5yr18z2f?&partid=' . $partid . '&orgid=' . ($orgid ?? '')) !!}
                    </div> --}}
                    @endif
                    {{-- <p class="fw-bold mt-2 text-center">Android</p> --}}
                </div>
                <div class="col-6 col-sm-4 col-md-3 col-lg-2">
                     @if(empty($partid) && empty($orgid))
                     <a href="https://apps.apple.com/us/app/fundmesmart/id6514320055" target="_blank" rel="noopener noreferrer">
                        <img src="{{ Vite::asset('resources/images/app_store.webp') }}" alt="app_store" class="w-100 mb-3">
                    </a>
                    {{-- <div class="ps-4">
                        {!! QrCode::size(160)->backgroundColor(255, 0, 0, 0.4)->generate('https://apps.apple.com/us/app/fundmesmart/id6514320055') !!}
                    </div> --}}
                    @else
                    <a class="me-2 me-xl-0" href="https://fundmesmart.onelink.me/WlG3/5yr18z2f?&partid={{$partid}}&orgid={{ $orgid ?? '' }}" target="_blank" rel="noopener noreferrer">
                        <img src="{{ Vite::asset('resources/images/app_store.webp') }}" alt="app_store" class="w-100 mb-3">
                    </a>
                    {{-- <div class="ps-4">
                        {!! QrCode::size(160)
                            ->backgroundColor(255, 0, 0, 0.4)
                            ->generate('https://fundmesmart.onelink.me/WlG3/5yr18z2f?&partid=' . $partid . '&orgid=' . ($orgid ?? '')) !!} --}}
                    {{-- </div> --}}
                    @endif
                    {{-- <p class="fw-bold mt-2 text-center">IOS</p> --}}
                </div>
                <div class="col-12 col-sm-2 col-md-3 col-lg-4"></div>
            </div>
            <div class="text-center mt-4">
                <a href="/" class="btn btn-blue btn-lg"><i class="fa-solid fa-house pe-1"></i> Go to home page</a>
            </div>
        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const content = document.querySelector('.card-div');

        function previewBoxHig() {
            const screenWidth = window.innerWidth;
            const screenHeight = window.innerHeight;
            let contentHeight;

            if (screenWidth >= 767) {
                contentHeight = screenHeight - 300;
            }
            if (contentHeight) {
                content.style.minHeight = `${contentHeight}px`;
            }
        }

        // Throttling the resize event
        let resizeTimeout;
        window.addEventListener('resize', function () {
            clearTimeout(resizeTimeout);
            resizeTimeout = setTimeout(previewBoxHig, 100);
        });

        // Initial call
        previewBoxHig();
    });

</script>
@endsection