@inject IJSRuntime JS
@inject State State
@inject RestService api
@if(Html != null) {
	<iframe id="@id" frameborder="0" scrolling="no" srcdoc="@Html" onload="() => iframeResize({ license: 'GPLv3' })"></iframe>
}

@code {
	[Parameter]
	public string Url { get; set; }
	[Parameter]
	public string id { get; set; }
	public MarkupString? Html { get; set; }

	protected override async Task OnAfterRenderAsync(bool firstRender) {
		if(firstRender){
			await Reload();
		}
	}

	public async Task Reload() {
		if (Html == null){
			Html = await api.GetHtml(Url);
			string? HtmlString = Html?.ToString();
			HtmlString = HtmlString?.Replace("</head>", "<base target='_blank'></head>");
			HtmlString = HtmlString?.Replace("</body>", "<script src='https://cdn.jsdelivr.net/npm/@iframe-resizer/child'></script></body>");
			Html = (MarkupString)HtmlString;
		}
		await InvokeAsync(StateHasChanged);
	}
}