@page
@model Review

@{
    Layout = "Shared/_Layout";
}

<span data-input-context="review"></span>
<partial name="Shared/_FlashcardEngagePartial" model="Model.CurrentFlashcard"/>

<div class="flex flex-row justify-end">
    <form method="post" class="flex mt-10 items-center" id="review-controls-form">
        <input type="hidden" asp-for="@Model.Input!.ChallengeId" value="@Model.Input!.ChallengeId"/>
        <input type="hidden" asp-for="@Model.Input!.FlashcardId" value="@Model.Input!.FlashcardId"/>
        <button type="submit" class="px-3 py-1 rounded-xl bg-blue-400 text-gray-100 inline-block">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                 stroke="currentColor" class="w-6 h-6">
                <path stroke-linecap="round" stroke-linejoin="round"
                      d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"/>
            </svg>
        </button>
    </form>
</div>
