@using NetinaShop.Domain.Entities.Users

@inject ISnackbar Snackbar
@inject IRestWrapper RestWrapper
@inject IUserUtility UserUtility
@inject IDialogService DialogService

<MudDialog DisableSidePadding="true" class="mx-auto">
    <DialogContent>
        <MudContainer class="max-h-[30rem]" Style="overflow-y: scroll">
            <MudStack>
                <MudDivider class="-mt-3" />
                <MudStack Spacing="0">

                    <MudText Typo="Typo.h6"><b>اطلاعات کلی</b></MudText>
                    <MudText Typo="Typo.caption">اطلاعات کلی دسته بندی را به دقت وارد کنید</MudText>
                </MudStack>
                <MudGrid>
                    <MudItem sm="12" md="6">
                        <MudTextField T="string" Label="نام" @bind-Value="@ViewModel.PageDto.FirstName" Variant="Variant.Outlined"></MudTextField>
                    </MudItem>
                    <MudItem sm="12" md="6">
                        <MudTextField T="string" Label="نام خانوادگی" @bind-Value="@ViewModel.PageDto.LastName" Variant="Variant.Outlined"></MudTextField>
                    </MudItem>

                    <MudItem sm="12" md="6">
                        <MudTextField T="string" Label="شماره تلفن" @bind-Value="@ViewModel.PageDto.PhoneNumber" Variant="Variant.Outlined"></MudTextField>
                    </MudItem>
                    
                    <MudItem sm="12" md="6">
                        <MudAutocomplete Required="true" ToStringFunc="dto => dto.PersianName" @bind-Value="@ViewModel.SelectedRole"
                                         SearchFunc="ViewModel.SearchRole"
                                         T="ApplicationRole"
                                         Label="نقش"
                                         Variant="Variant.Outlined">
                            <ProgressIndicatorInPopoverTemplate>
                                <MudList Clickable="false">
                                    <MudListItem>
                                        <div class="flex flex-row w-full mx-auto">
                                            <MudProgressCircular class="my-auto mr-1 -ml-4" Size="Size.Small" Indeterminate="true" />
                                            <p class="font-bold my-1 mx-auto text-md">منتظر بمانید</p>
                                        </div>
                                    </MudListItem>
                                </MudList>
                            </ProgressIndicatorInPopoverTemplate>
                            <ItemTemplate Context="e">
                                <p>@e.PersianName</p>
                            </ItemTemplate>
                        </MudAutocomplete>
                    </MudItem>

                    <MudItem sm="12" md="6">
                        <MudTextField T="string" Label="کد ملی" @bind-Value="@ViewModel.PageDto.NationalId" Variant="Variant.Outlined"></MudTextField>
                    </MudItem>

                    <MudItem sm="12" md="6">
                        <MudSelect T="Gender" @bind-Value="@ViewModel.PageDto.Gender" Label="جنستــــ" ToStringFunc="b=>b.ToDisplay()" Variant="Variant.Outlined" AnchorOrigin="Origin.BottomCenter">
                            <MudSelectItem T="Gender" Value="Gender.Male" />
                            <MudSelectItem T="Gender" Value="Gender.Female" />
                        </MudSelect>
                    </MudItem>

                </MudGrid>
            </MudStack>
        </MudContainer>
    </DialogContent>
    <DialogActions>
        <MudStack Row="true" class="w-full mx-4 mb-2">

            @if (ViewModel.IsEditing)
            {
                <BaseButtonUi class="w-64 rounded-md" IsProcessing="@ViewModel.IsProcessing"
                              Icon="@Icons.Material.Outlined.Check"
                              Variant="Variant.Filled" Color="Color.Success"
                              Content="ثبت ویرایش" OnClickCallback="@ViewModel.SubmitEditAsync" />
            }
            else
            {
                <BaseButtonUi class="w-64 rounded-md" IsProcessing="@ViewModel.IsProcessing"
                              Icon="@Icons.Material.Outlined.Check"
                              Variant="Variant.Filled" Color="Color.Success"
                              Content="تایید" OnClickCallback="@ViewModel.SubmitCreateAsync" />
            }
            <MudSpacer />
            <MudButton Variant="Variant.Outlined" Size="Size.Large" Color="Color.Error" OnClick="@ViewModel.Cancel">بستن</MudButton>
        </MudStack>
    </DialogActions>
</MudDialog>
@code {

    [CascadingParameter]
    MudDialogInstance MudDialog { get; set; }

    [Parameter]
    public ApplicationUserSDto? User { get; set; }

    public UserActionDialogBoxViewModel ViewModel { get; set; }

    protected override async Task OnInitializedAsync()
    {
        if (User == null)
            ViewModel = new UserActionDialogBoxViewModel(Snackbar, RestWrapper, UserUtility, DialogService, MudDialog);
        else
            ViewModel = new UserActionDialogBoxViewModel(Snackbar, RestWrapper, UserUtility, DialogService, MudDialog, User);
        await ViewModel.InitializeAsync();
        await base.OnInitializedAsync();
    }
}