@using BLAIzor.Services
@inherits LayoutComponentBase
@inject ScopedContentService _scopedContentService;
@inject NavigationManager _navigationManager;
<!-- The video -->

<div class="page" style="z-index: 1">

    <main>
        @* <div class="top-row px-4" style="z-index: 2">
        <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
        </div> *@

        <article class="content container-fluid text-center">
            @Body
        </article>
    </main>
</div>

<div id="blazor-error-ui">
    An unhandled error has occurred.
    <a href="" class="reload">Reload</a>
    <a class="dismiss">🗙</a>
</div>

<script>
    $(document).ready(function () {
        var video = document.getElementById("myVideo");
        video.oncanplaythrough = function () {
            video.muted = true;
            video.play();
        };
    });
</script>

<script>
    function setHtmlEditorSourceMode() {
        let retries = 10; // Max retries
        let interval = setInterval(() => {
            let sourceButton = document.querySelector('.rz-html-editor-button');
            if (sourceButton) {
                sourceButton.click();
                clearInterval(interval); // Stop checking once clicked
            }
            if (--retries === 0) {
                clearInterval(interval); // Stop trying after 10 attempts
            }
        }, 300); // Check every 300ms
    }
</script>

@code{
    
    public void HomeClick()
    {
        _navigationManager.Refresh(true);
    }

    protected override void OnInitialized()
    {
        
    }

    
}