135 lines
5.3 KiB
Plaintext
135 lines
5.3 KiB
Plaintext
<div class="pokemon-rating-panel container">
|
|
|
|
<!-- Dropdown Selects -->
|
|
<div class="ratings bg-light-subtle col">
|
|
<h3 class="mb-3 row">Select Nature & Subskills</h3>
|
|
|
|
<!-- Nature -->
|
|
<div class="d-flex justify-content-between align-items-center row">
|
|
<div class="col">
|
|
<label>Select Nature</label>
|
|
<select class="form-control" @bind="SelectedNatureId">
|
|
<option value="" disabled selected >Choose Nature...</option>
|
|
@foreach (var nature in NatureList)
|
|
{
|
|
<option value="@nature.Id">@nature.Nature</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="text-center col">
|
|
<h4 class="mt-4">
|
|
<span class="text-muted">@lastnaturescore</span>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Subskill 1 -->
|
|
<div class="d-flex justify-content-between align-items-center mt-3 row">
|
|
<div class="col">
|
|
<label for="subskillSelect1">Select Level 10 Subskill</label>
|
|
<select id="subskillSelect1" class="form-control" @bind="Subskill1">
|
|
<option value="" disabled selected>Choose Subskill...</option>
|
|
@foreach (var subskill in SubskillList)
|
|
{
|
|
<option value="@subskill.Id">@subskill.SubSkill</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="text-center col">
|
|
<h4 class="mt-4">
|
|
<span class="text-muted">@lastS1score</span>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Subskill 2 -->
|
|
<div class="d-flex justify-content-between align-items-center mt-3 row">
|
|
<div class="col">
|
|
<label for="subskillSelect2">Select Level 25 Subskill</label>
|
|
<select id="subskillSelect2" class="form-control" @bind="Subskill2">
|
|
<option value="" disabled selected>Choose Subskill...</option>
|
|
@foreach (var subskill in SubskillList)
|
|
{
|
|
<option value="@subskill.Id">@subskill.SubSkill</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="text-center col">
|
|
<h4 class="mt-4">
|
|
<span class="text-muted">@lastS2score</span>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Subskill 3 -->
|
|
<div class="d-flex justify-content-between align-items-center mt-3 row">
|
|
<div class="col">
|
|
<label for="subskillSelect3">Select Level 50 Subskill</label>
|
|
<select id="subskillSelect3" class="form-control" @bind="Subskill3">
|
|
<option value="" selected disabled>Choose Subskill...</option>
|
|
@foreach (var subskill in SubskillList)
|
|
{
|
|
<option value="@subskill.Id">@subskill.SubSkill</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="text-center col">
|
|
<h4 class="mt-4">
|
|
<span class="text-muted">@lastS3score</span>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Subskill 4 Disabled -->
|
|
<div class="d-flex justify-content-between align-items-center mt-3 row">
|
|
<div class="col">
|
|
<label for="subskillSelect4">Select Level 75 Subskill</label>
|
|
<select id="subskillSelect4" disabled class="form-control" @bind="Subskill4">
|
|
<option value="" disabled selected>Choose Subskill...</option>
|
|
@foreach (var subskill in SubskillList)
|
|
{
|
|
<option value="@subskill.Id">@subskill.SubSkill</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="text-center col">
|
|
<h4 class="mt-4">
|
|
<span class="text-muted">0</span>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Subskill 5 Disabled -->
|
|
<div class="d-flex justify-content-between align-items-center mt-3 row">
|
|
<div class="col">
|
|
<label for="subskillSelect5">Select Level 100 Subskill</label>
|
|
<select id="subskillSelect5" disabled class="form-control mb-2" @bind="Subskill5">
|
|
<option value="" disabled selected>Choose Subskill...</option>
|
|
@foreach (var subskill in SubskillList)
|
|
{
|
|
<option value="@subskill.Id">@subskill.SubSkill</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
<div class="text-center col">
|
|
<h4 class="mt-4">
|
|
<span class="text-muted">0</span>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<hr/>
|
|
|
|
<!-- Score Output -->
|
|
<div class="d-flex justify-content-between align-items-center mt-3 row">
|
|
<h3 class="col">Final Score:</h3>
|
|
<div class="p-2 rounded text-center col"
|
|
style="background-color:@ScoreBackgroundColor; color:@ScoreColor; ">
|
|
<h3>@FinalScore</h3>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div> |