@using Management.Web.Shared.Components
@using Management.Web.Shared.Components.Quiz

@inject DragContainer dragContainer
@inject QuizEditorContext quizContext
@inject CoursePlanner planner

@inherits DroppableQuiz

@code {
  private void HandleDragStart()
  {
    dragContainer.DropCallback = dropCallback;
  }

  private void HandleDragEnd()
  {
    dragContainer.DropCallback = null;
  }
  private bool isSyncedWithCanvas => 
    planner.CanvasQuizzes != null 
      ? Quiz.QuizIsCreated(planner.CanvasQuizzes) 
      : false;
}



<div 
  draggable="true"
  @ondragstart="HandleDragStart"
  @ondragend="HandleDragEnd"
  @onclick="@(() => quizContext.Quiz = Quiz)"
  role="button"
>
  <div class="card">
    <div class="card-body p-0">
      <div class="card-title pt-2 px-2 m-0 d-flex justify-content-between">
        <h4>@Quiz.Name</h4>
          @if(isSyncedWithCanvas)
          {
            <CheckIcon />
          }
          else
          {
            <SyncIcon />
          }
      </div>

      <div class="card-text overflow-hidden p-2">
        <div>Due At: @Quiz.DueAt</div>
      </div>
    </div>

  </div>
</div>