@page "/Edit"
@using Blazored.TextEditor
@using System.Text.RegularExpressions
@using TechHelper.Client.Pages.Exam
<MudPaper Class="d-flex flex-column flex-grow-1">
	<MudPaper class="d-flex flex-grow-0 flex-column">

		@if (@lode == true)
		{
			<MudStack Row="true">
				<MudProgressLinear Color="Color.Primary" Indeterminate="true" />
			</MudStack>

		}
		<MudButtonGroup Color="Color.Primary" Variant="Variant.Filled">
			<MudButton OnClick="GetHTML">One</MudButton>
			<MudButton OnClick="ParseQuestions">ParseQuestions</MudButton>
			<MudButton OnClick="ParseXML">ParseXML</MudButton>
			<MudButton OnClick="ParseWithAI">ParseWithAI</MudButton>
			<MudButton OnClick="ReCorrectXMLAsync">ReCorrectXML</MudButton>
			<MudButton OnClick="ReCorrectXMLAsync">AplyAIResult</MudButton>
			<MudButton OnClick="ReCorrectXMLAsync">Save</MudButton>
			<MudButton OnClick="ReCorrectXMLAsync">Public</MudButton>
		</MudButtonGroup>

	</MudPaper>
	<MudPaper Class="d-flex flex-row flex-grow-1 overflow-hidden">



		<MudPaper Width="33%" Class="d-flex flex-column flex-grow-1 overflow-auto">




			@if (QuestionS != null && QuestionS.Any())
			{
				@foreach (var item in QuestionS)
				{
					<QuestionGroupDisplay QuestionGroup="item" IsNested="false" />
				}
			}
			else
			{
				<MudText Typo="Typo.body1">暂无试题内容。</MudText>
			}



		</MudPaper>



		<MudPaper Width="33%" Class="d-flex flex-column flex-grow-1 justify-content-between overflow-auto">
			<MudText Typo="Typo.body1">@ProgStatues</MudText>

			@for (int i = 0; i < ParseResult.Count; i++)
			{
				int index = i;
				
				<MudTextField Class="ma-3" AutoGrow="true" @bind-Value="ParseResult[index]"></MudTextField>
			}
			<MudText>@Error</MudText>
		</MudPaper>



		<MudPaper Width="33%" Class="d-flex flex-column flex-grow-1 overflow-auto">



			<BlazoredTextEditor @ref="@QuillHtml">
				<ToolbarContent>
					<select class="ql-header">
						<option selected=""></option>
						<option value="1"></option>
						<option value="2"></option>
						<option value="3"></option>
						<option value="4"></option>
						<option value="5"></option>
					</select>
					<span class="ql-formats">
						<button class="ql-bold"></button>
						<button class="ql-italic"></button>
						<button class="ql-underline"></button>
						<button class="ql-strike"></button>
					</span>
					<span class="ql-formats">
						<select class="ql-color"></select>
						<select class="ql-background"></select>
					</span>
					<span class="ql-formats">
						<button class="ql-list" value="ordered"></button>
						<button class="ql-list" value="bullet"></button>
					</span>
					<span class="ql-formats">
						<button class="ql-link"></button>
					</span>
				</ToolbarContent>

				<EditorContent>
				</EditorContent>
			</BlazoredTextEditor>

		</MudPaper>



	</MudPaper>



</MudPaper>