@using Radzen.Blazor
<MudDialog class="mx-auto">
    <DialogContent>
        <MudStack>
            <MudDivider/>
            <MudStack Spacing="0">

                <MudText Typo="Typo.h6">اطلاعات کلی</MudText>
                <MudText Typo="Typo.caption">اطلاعات کلی محصول را به دقت وارد کنید</MudText>
            </MudStack>
            <MudGrid>
                <MudItem lg="4" md="6">
                    <MudTextField T="string" Label="نام فارسی محصول" Variant="Variant.Outlined"></MudTextField>
                </MudItem>
                <MudItem lg="4" md="6">
                    <MudTextField T="string" Label="نام انگلیسی محصول" Variant="Variant.Outlined"></MudTextField>
                </MudItem>
                <MudItem lg="4" md="6">
                    <MudTextField T="string" Label="قیمت محصول" Variant="Variant.Outlined"></MudTextField>
                </MudItem>
                <MudItem lg="4" md="6">
                    <MudTextField T="string" Label="مبلغ بسته بندی" Variant="Variant.Outlined"></MudTextField>
                </MudItem>
                <MudItem lg="4" md="6">
                    <MudTextField T="string" Label="بیشترین خرید" Variant="Variant.Outlined"></MudTextField>
                </MudItem>
                <MudItem lg="4" md="6">
                    <MudTextField T="string" Label="ایا ارسال سریع دارد" Variant="Variant.Outlined"></MudTextField>
                </MudItem>
                <MudItem lg="12" md="12">
                    <MudTextField T="string" Label="توضیحاتــ" Variant="Variant.Outlined"></MudTextField>
                </MudItem>
                
                <MudStack class="mt-4 mx-4" Spacing="0">

                    <MudText Typo="Typo.h6">توضیحات تکمیلی</MudText>
                    <MudText Typo="Typo.caption">می توانید توضیحاتــ تکمیلی محصول را کامل وارد کنید</MudText>
                </MudStack>
                <MudItem lg="12" md="12">
                    <RadzenHtmlEditor class="min-h-[10rem]">
                        <RadzenHtmlEditorUndo />
                        <RadzenHtmlEditorRedo />
                        <RadzenHtmlEditorSeparator />

                        <RadzenHtmlEditorFormatBlock />
                        <RadzenHtmlEditorSeparator />

                        <RadzenHtmlEditorAlignLeft />
                        <RadzenHtmlEditorAlignCenter />
                        <RadzenHtmlEditorAlignRight />
                        <RadzenHtmlEditorJustify />
                        <RadzenHtmlEditorSeparator />

                        <RadzenHtmlEditorSource />
                        <RadzenHtmlEditorBold />
                        <RadzenHtmlEditorItalic />
                        <RadzenHtmlEditorUnderline />
                        <RadzenHtmlEditorStrikeThrough />
                        <RadzenHtmlEditorRemoveFormat />
                        <RadzenHtmlEditorSeparator />

                    </RadzenHtmlEditor>

                </MudItem>
                
                <MudStack class="mt-4 mb-10 mx-4" Spacing="0">

                    <MudText Typo="Typo.h6">تصاویر محصول</MudText>
                    <MudText Typo="Typo.caption">می توانید برای محصول چند تصویر اپلود کنید</MudText>
                </MudStack>
            </MudGrid>
        </MudStack>
    </DialogContent>
    <DialogActions>
        <MudStack class="w-full" Row="true">
            <MudButton DisableElevation="true" Size="Size.Large" StartIcon="@Icons.Material.Outlined.Check" Variant="Variant.Filled" Color="Color.Success" OnClick="Submit">تایید</MudButton>
            <MudButton Variant="Variant.Outlined" Size="Size.Large" Color="Color.Error" OnClick="Cancel">بستن</MudButton>

            </MudStack>
    </DialogActions>
</MudDialog>
@code {
    [CascadingParameter] MudDialogInstance MudDialog { get; set; }

    void Submit() => MudDialog.Close(DialogResult.Ok(true));
    void Cancel() => MudDialog.Cancel();

    private bool _isEditing = false;
    private bool _isProcessing = false;

    private ProductSDto? _product = null;
    [Parameter]
    public ProductSDto? Product
    {
        get => _product;
        set
        {
            _product = value;
            if (_product != null)
            {
                _isEditing = true;
            }
        }
    }
}