feat: tank card ready

WotBlitzStatisticsPro.Blazor/Pages/TankCard.razor

@@ -0,0 +1,59 @@
+@using WotBlitzStatisticsPro.Blazor.Helpers
+@inject IStringLocalizer<App> Localize;
+
+<div class="card-body">
+    <div class="header-area">
+        <div class="middle-alligned">
+            <img src="@Tank.TankTypeId.TankTypeAsset(Tank.IsPremium)" class="tank-type-icon" />
+            @if (Tank.IsPremium)
+            {
+
+                <b style="color: @Constants.ClanTagColor; font-size: 21px"> @Tank.Tier.RomanNumber()</b>
+            }
+            else
+            {
+                <b style="font-size: 21px"> @Tank.Tier.RomanNumber()</b>
+            }
+        </div>
+        <div>
+            <img src="@Tank.MarkOfMastery.IconAsset()" class="mastery-image" />
+        </div>
+    </div>
+    <div class="card-flag-area" style="background-image: url('@Tank.TankNationId.NationAsset()')" title=@($"{@Localize["Wn7"]}: {Tank.Wn7:N0}; {@Localize["Last battle"]}: {Tank.LastBattleTime:d}")>
+        <img [email protected] class="tank-preview" />
+    </div>
+    <div>
+        @if (Tank.IsPremium)
+        {
+            <span style="color: @Constants.ClanTagColor;">
+                @Tank.Name
+            </span>
+        }
+        else
+        {
+            @Tank.Name
+        }
+    </div>
+    <div class="statistics-row">
+        <div>
+            <img src="icons/details.battles.scale-200.png" class="icon-scale" /> @Tank.Battles.ToString("N0")
+        </div>
+        <div>
+            <img src="icons/details.wins.scale-200.png" class="icon-scale" /> <b>@Tank.WinRate.ToString("N0")%</b>
+            <div style="background-color: @Tank.WinRate.ScaleColor(); width: 100%; height: 5px; margin-left: 2px; margin-right: 2px;"></div>
+        </div>
+    </div>
+    <div class="statistics-row">
+        <div>
+            <img src="icons/damage.scale-200.png" class="icon-scale" /> @Tank.AvgDamage.ToString("N0")
+        </div>
+        <div>
+            <img src="icons/xp.avg.scale-200.png" class="icon-scale" /> @Tank.AvgXp.ToString("N0")
+        </div>
+    </div>
+</div>
+
+@code {
+    [Parameter]
+    public ITank Tank { get; set; }
+}