@using MongoDB.Bson;

<MudDrawer @bind-Open="_visible" Anchor="Anchor.End" Elevation="0" Variant="@DrawerVariant.Temporary" ClipMode="DrawerClipMode.Always" Width="400px" Style="max-width:auto;">
    <MudDrawerHeader>
        <MudText Typo="Typo.h6">
            Edit Job
        </MudText>
    </MudDrawerHeader>
    <MudStack Class="px-6">
        @if (_model is not null)
        {
            <EditForm Model="@_model" OnValidSubmit="SubmitAsync">
                <DataAnnotationsValidator />
                <MudStack Spacing="5">
                     <MudTextField T="string" @bind-Value="_model.Name" For="()=>_model.Name" Label="Name" Variant="Variant.Text" Margin="Margin.Dense" AutoFocus Clearable />
                </MudStack>

                <MudStack Justify="Justify.Center" Row Class="mt-7">
                <MudButton OnClick="()=>_visible = false" Variant="Variant.Outlined" DisableElevation Size="Size.Large" Color="Color.Surface">
                    Cancel
                    </MudButton>
                    <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" DisableElevation Size="Size.Large" Color="Color.Secondary" Style="width: 100%;">
                    Edit
                    </MudButton>
                    </MudStack>
                    </EditForm>
        }
    </MudStack>
</MudDrawer>

@code {
    private bool _visible;
}