@page "/customerpage"
@page "/customerpage/{id:int}"
@inject ICustomers CustomersService
@inject IState StateService

<h3>Customer</h3>
<br />
<div>
    <select @onchange="PopulateForm">
        @foreach (Customer c in customerList)
        {
            @if (c.Id == id)
            {
                <option Value=@c.Id selected>@c.Name</option>
            }
            else
            {
                <option Value=@c.Id>@c.Name</option>
            }
        }
    </select>
</div>
<br />
<EditForm Model="customer" OnValidSubmit="HandleValidSubmit">
    <DataAnnotationsValidator></DataAnnotationsValidator>

    <div class="form-group">
        <label for="name">Name:</label>
        <InputText id="name" @bind-Value="customer.Name" class="form-control" style="width: 500px;"></InputText>
        <ValidationMessage For="@(() => customer.Name)" />
    </div>
    <div class="form-group">
        <label for="addr1" style="margin-top: 10px;">Address:</label>
        <InputText id="addr1" @bind-Value="customer.Address1" class="form-control" style="width: 500px;"></InputText>
        <ValidationMessage For="@(() => customer.Address1)" />
    </div>
    <div class="form-group">
        <label for="addr2" style="margin-top: 10px;">Suite/Unit:</label>
        <InputText id="addr2" @bind-Value="customer.Address2" class="form-control" style="width: 500px;"></InputText>
        <ValidationMessage For="@(() => customer.Address2)" />
    </div>
    <div class="form-group">
        <label for="city" style="margin-top: 10px;">City:</label>
        <InputText id="city" @bind-Value="customer.City" class="form-control" style="width: 200px;"></InputText>
        <ValidationMessage For="@(() => customer.City)" />
    </div>
    <div class="form-group">
        <label for="st" style="margin-top: 10px;">State:</label>
        <InputSelect id="st" @bind-Value="customer.State" class="form-select" style="width: 200px;">
            @foreach (State state in stateList)
            {
                <option value="@state.Code">@state.Name</option>
            }
        </InputSelect>
        <ValidationMessage For="@(() => customer.State)" />
    </div>
    <div class="form-group">
        <label for="zip" style="margin-top: 10px;">Zip Code:</label>
        <InputText id="zip" @bind-Value="customer.ZipCode" class="form-control" style="width: 120px;"></InputText>
        <ValidationMessage For="@(() => customer.ZipCode)" />
    </div>
    <div class="form-group">
        <label for="phone" style="margin-top: 10px;">Phone:</label>
        <InputText id="phone" @bind-Value="customer.Phone" class="form-control" style="width: 150px;"></InputText>
        <ValidationMessage For="@(() => customer.Phone)" />
    </div>
    <div style="margin-top: 15px;">
        <input type="button" class="btn btn-primary" value="New" @onclick="NewCustomer" />
        <button type="submit" class="btn btn-primary">Submit</button>
    </div>
</EditForm>

@code {
    [Parameter]
    public int id { get; set; }

    Customer customer = new Customer();
    private List<State> stateList = new();
    private List<Customer> customerList = new();

    protected async override Task OnInitializedAsync()
    {
        var customers = await CustomersService.GetCustomersAsync();
        if (customers != null)
        {
            customerList = customers.ToList();
        }

        var states = await StateService.GetStatesAsync();
        if (states != null)
        {
            stateList = states.ToList();
        }

        if (id > 0)
        {
            customer = await CustomersService.GetCustomerAsync(id);
        }

    }

    private void NewCustomer()
    {
        customer = new Customer();
        StateHasChanged();
    }

    private async void HandleValidSubmit()
    {
        id = customer.Id > 0 ? customer.Id : 0;
        await CustomersService.SaveCustomerAsync(id, customer);
        if (id == 0)
        {
            var customers = await CustomersService.GetCustomersAsync();
            if (customers != null)
            {
                customerList = customers.ToList();
                StateHasChanged();
            }
        }
    }

    private async void PopulateForm(ChangeEventArgs e)
    {
        int custId = Convert.ToInt32(e.Value);
        customer = await CustomersService.GetCustomerAsync(custId);
        StateHasChanged();
    }
}