@page "/locators"
@inject IStringLocalizer<Locators> Localizer

<h3>Get the IP geographic location</h3>

<h4>More for system log tracking and analysis</h4>

<DemoBlock Title="Basic usage" Introduction="The injection service displays client geographic location information" Name="Normal">
    <p><b>Introduction to usage</b></p>
    <div class="mb-3">
        <p>The component uses the injection service <code>IIPLocatorProvider</code> call the <code>Locate</code> method</p>
        <Pre>[Inject]
[NotNull]
private IIPLocatorProvider? IPLocator { get; set; }
</Pre>
    </div>
    <Tips>
        <div>Because the geo-location query interface returns character sets that may be other character sets such as <code>gbk</code>, the program will report an error;</div>
        <div><b>Solution:</b></div>
        <div>The <code>Startup</code> file add the following phrase to the  <code>ConfigureServices</code> method</div>
    </Tips>
    <Pre>Encoding.RegisterProvider(CodePagesEncodingProvider.Instance)</Pre>
    <div class="mb-2">IP test data</div>
    <div><code>112.224.74.239</code> Jinan City, Shandong Province Unicom</div>
    <div class="mb-3"><code>183.160.236.53</code> Hefei, Anhui Province, telecommunications</div>
    <div class="row g-3 form-inline">
        <div class="col-12 col-sm-6">
            <BootstrapInput @bind-Value="Ip" DisplayText="IpAddress" ShowLabel="true" />
        </div>
        <div class="col-12 col-sm-6">
            <Display Value="Location" DisplayText="Geographical location" ShowLabel="true" />
        </div>
        <div class="col-12">
            <Button Icon="fa-solid fa-location-arrow" Text="Locating" OnClick="OnClick" />
        </div>
    </div>
    <p class="mt-3"><b>Extend the custom geo-location query interface</b></p>
    <div>
        <p><b>1. Implement a custom locator</b></p>
        <Pre>private class CustomerLocator : IIPLocator
{
    public Task<string> Locate(IPLocatorOption option)
    {
        throw new NotImplementedException();
    }
}</Pre>
        <p><b>2. Configure a custom locator</b></p>
        <Pre>public void ConfigureServices(IServiceCollection services)
{
    services.AddBootstrapBlazor(locatorAction: option =>
    {
        option.LocatorFactory = provider => new CustomerLocator();
    });
}</Pre>
        <div>Customize the locator <code>CustomerLocator</code> configuration with the callback delegate parameters the <code>AddBootstrapBlazor</code> method</div>
    </div>
</DemoBlock>

// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

namespace BootstrapBlazor.Shared.Samples;

/// <summary>
/// 
/// </summary>
public partial class Locators
{
    [Inject]
    [NotNull]
    private WebClientService? ClientService { get; set; }

    [Inject]
    [NotNull]
    private IIPLocatorProvider? IPLocator { get; set; }

    private string? Ip { get; set; }

    private string? Location { get; set; }

    /// <summary>
    /// 
    /// </summary>
    /// <param name="firstRender"></param>
    /// <returns></returns>
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        await base.OnAfterRenderAsync(firstRender);

        if (firstRender)
        {
            var clientInfo = await ClientService.GetClientInfo();
            Ip = clientInfo.Ip;
            StateHasChanged();
        }
    }

    private async Task OnClick()
    {
        if (!string.IsNullOrEmpty(Ip))
        {
            Location = await IPLocator.Locate(Ip);
        }
    }
}