@inject IStorageService StorageService
@using Services.Website
@implements IDisposable

@if (Entity!.Weapons().Count > 0)
{
    @if (StyleType.Equals("Plain"))
    {
        var index = 0;

        foreach (var data in Entity.Weapons())
        {
            index++;

            <div>
                <div>
                    <div class="damageContainer">
                        <div>
                            <b>Weapon @index</b>
                        </div>

                        <div>
                            <b>- Damage:</b> @data.Damage
                        </div>
                        @if (data.LightDamage != 0)
                        {
                            <div class="alternateDamage">
                                <i>- vs Light: @data.LightDamage</i>&nbsp;
                            </div>
                        }
                        @if (data.MediumDamage != 0)
                        {
                            <div class="alternateDamage">
                                <i>- vs Medium: @data.MediumDamage</i>&nbsp;
                            </div>
                        }
                        @if (data.HeavyDamage != 0)
                        {
                            <div class="alternateDamage">
                                <i>- vs Heavy: @data.HeavyDamage</i>&nbsp;
                            </div>
                        }
                        @if (data.EthericDamageBonus != 0)
                        {
                            <div class="alternateDamage">
                                <i>- vs Etheric +@data.EthericDamageBonus</i>&nbsp;
                            </div>
                        }
                        @if (data.StructureDamageBonus != 0)
                        {
                            <div class="alternateDamage">
                                <i>- vs Structure: +@data.StructureDamageBonus</i>&nbsp;
                            </div>
                        }
                    </div>
                </div>
                <div>
                    <b>- Range:</b> @data.Range
                </div>
                @if (data.SecondsBetweenAttacks > 0)
                {
                    <div>
                        <b>- AttacksPerSecond:</b> @(1 / data.SecondsBetweenAttacks)
                    </div>
                    <div>
                        - (or <b>SecondsBetweenAttacks:</b> @data.SecondsBetweenAttacks)
                    </div>
                }
                else if (data.AttacksPerSecond > 0)
                {
                    <div>
                        <b>- AttacksPerSecond:</b> @data.AttacksPerSecond
                    </div>
                    <div>
                        - (or <b>SecondsBetweenAttacks:</b> @(1 / data.AttacksPerSecond))
                    </div>
                }


                <div>
                    <b>- Targets:</b> @data.Targets
                </div>
                @if (data.AttacksPerSecond != 0)
                {
                    <span>
                        <b>- DPS:</b> @(Math.Round(data.Damage * data.AttacksPerSecond))&nbsp;
                    </span>
                    @if (data.LightDamage != 0)
                    {
                        <span>
                            <i>- Light DPS: @(Math.Round(data.LightDamage * data.AttacksPerSecond))</i>&nbsp;
                        </span>
                    }
                    @if (data.MediumDamage != 0)
                    {
                        <span>
                            <i>- Medium DPS: @(Math.Round(data.MediumDamage * data.AttacksPerSecond))</i>&nbsp;
                        </span>
                    }
                    @if (data.HeavyDamage != 0)
                    {
                        <span>
                            <i>- Heavy DPS: @(Math.Round(data.HeavyDamage * data.AttacksPerSecond))</i>&nbsp;
                        </span>
                    }
                }
            </div>
        }
    }
    else
    {
        <EntityDisplayComponent Title="Weapons">
            <div class="weaponsContainer">
                @foreach (var data in Entity.Weapons())
                {
                    <div>
                        <div>
                            <div class="damageContainer">
                                <div>
                                    <b>Damage:</b> @data.Damage
                                </div>
                                @if (data.LightDamage != 0)
                                {
                                    <div class="alternateDamage">
                                        <i>vs Light: @data.LightDamage</i>&nbsp;
                                    </div>
                                }
                                @if (data.MediumDamage != 0)
                                {
                                    <div class="alternateDamage">
                                        <i>vs Medium: @data.MediumDamage</i>&nbsp;
                                    </div>
                                }
                                @if (data.HeavyDamage != 0)
                                {
                                    <div class="alternateDamage">
                                        <i>vs Heavy: @data.HeavyDamage</i>&nbsp;
                                    </div>
                                }
                                @if (data.EthericDamageBonus != 0)
                                {
                                    <div class="alternateDamage">
                                        <i>vs Etheric +@data.EthericDamageBonus</i>&nbsp;
                                    </div>
                                }
                                @if (data.StructureDamageBonus != 0)
                                {
                                    <div class="alternateDamage">
                                        <i>vs Structure: +@data.StructureDamageBonus</i>&nbsp;
                                    </div>
                                }
                            </div>
                        </div>
                        <div>
                            <b>Range:</b> @data.Range
                        </div>

                        @if (data.SecondsBetweenAttacks > 0)
                        {
                            <div>
                                <b>AttacksPerSecond:</b> @(1 / data.SecondsBetweenAttacks)
                            </div>
                            <div>
                                (or <b>SecondsBetweenAttacks:</b> @data.SecondsBetweenAttacks)
                            </div>
                        }
                        else if (data.AttacksPerSecond > 0)
                        {
                            <div>
                                <b>AttacksPerSecond:</b> @data.AttacksPerSecond
                            </div>
                            <div>
                                (or <b>SecondsBetweenAttacks:</b> @(1 / data.AttacksPerSecond))
                            </div>
                        }

                        <div>
                            <b>Targets:</b> @data.Targets
                        </div>
                        @if (data.AttacksPerSecond != 0)
                        {
                            <div>
                                <b>DPS:</b> @(Math.Round(data.Damage * data.AttacksPerSecond))&nbsp;
                            </div>
                            @if (data.LightDamage != 0)
                            {
                                <div>
                                    <i>Light DPS: @(Math.Round(data.LightDamage * data.AttacksPerSecond))</i>&nbsp;
                                </div>
                            }
                            @if (data.MediumDamage != 0)
                            {
                                <div>
                                    <i>Medium DPS: @(Math.Round(data.MediumDamage * data.AttacksPerSecond))</i>&nbsp;
                                </div>
                            }
                            @if (data.HeavyDamage != 0)
                            {
                                <div>
                                    <i>Heavy DPS: @(Math.Round(data.HeavyDamage * data.AttacksPerSecond))</i>&nbsp;
                                </div>
                            }
                        }
                    </div>
                }
            </div>
        </EntityDisplayComponent>

        <style>
    .weaponsContainer {
        display: flex;
        gap: 32px;
    }

    @@media only screen and (max-width: 1025px) {
        .weaponsContainer {
            flex-direction: column;
            gap: 4px;
        }
    }

    .alternateDamage {
        margin-left: 18px;
    }

    .damageContainer {
        margin-bottom: 6px;
    }
</style>
    }
}

@code {

    [CascadingParameter]
    public EntityModel? Entity { get; set; } = default!;


    [CascadingParameter]
    public string StyleType { get; set; } = "Detailed";

    private bool _isDynamicFormatting = false;

    protected override void OnInitialized()
    {
        base.OnInitialized();
        StorageService.Subscribe(RefreshDefaults);
    }


    void RefreshDefaults()
    {
        _isDynamicFormatting = StorageService.GetValue<bool>(StorageKeys.IsDynamicFormatting);
    }

    void IDisposable.Dispose()
    {
        StorageService.Unsubscribe(RefreshDefaults);
    }

}