@page "/Profile"
@using Front.Services
@using Shared.DTOs
@layout PanelLayout
@inject UserAuthenticationDTO userinfo
@inject HttpClientController _hc
@inject ILocalStorageService Storage;
<div class="container-xxl flex-grow-1 container-p-y">
    <h4 class="fw-bold py-3 mb-4">
        <span class="text-muted fw-light">متفرقه /</span> پروفایل
    </h4>
    <div class="row">
        <Alert hidden="@Hidealert" Color="@alertColor" Dismissable="false">
            <Icon Name="@alertIconName" class="me-2"></Icon>
            @alertMessage
        </Alert>


    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card mb-4">
                <h5 class="card-header">تغییر عکس</h5>
                <div class="card-body">
                    <div class="d-flex align-items-start align-items-sm-center gap-4">
                        @{
                             _src = "assets/img/avatars/1.png";
                            if (userinfo.Company.Logo != null)
                                _src = "data:image/jpeg;base64," + @userinfo.Company.Logo;

                        }
                        <img src="@_src" alt="user-avatar" class="d-block rounded" height="100" width="100" id="uploadedAvatar">
                        <div class="button-wrapper">
                            <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                                <span class="d-none d-sm-block">آپلود تصویر جدید</span>
                                <i class="bx bx-upload d-block d-sm-none"></i>
                                <InputFile OnChange="changePic" type="file" id="upload" class="account-file-input" hidden="" accept="image/png, image/jpeg"/>
                            </label>

                            <p class="text-muted mb-0">JPG، GIF یا PNG مجاز است. حداکثر اندازه @maxFileSize هزار</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="card mb-4">
                <h5 class="card-header">تغییر کلمه عبور</h5>
                <div class="card-body">
                    <EditForm Model="changepassModel" OnSubmit="changepassSubmit" FormName="changepass">
                        <div class="mb-3 row">
                            <label for="defaultFormControlInput" class="form-label">کلمه عبور فعلی</label>
                            <div class="col-md-10">
                                <InputText @bind-Value="@changepassModel.oldPass" style="text-align:center;" class="form-control" type="password" id="html5-password-input"/>
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label for="defaultFormControlInput" class="form-label">کلمه عبور جدید</label>
                            <div class="col-md-10">
                                <InputText style="text-align:center;" @bind-Value="@changepassModel.newPass" class="form-control" type="password" id="html5-password-input" />
                            </div>
                        </div>
                        <div class="mb-3 row">
                            <label for="defaultFormControlInput" class="form-label">تکرار کلمه عبور جدید</label>
                            <div class="col-md-10">
                                <InputText @bind-Value="@changepassModel.renewPass" style="text-align:center;" class="form-control" type="password" id="html5-password-input" />
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">ارسال</button>
                    </EditForm>
          
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card mb-4">
                <h5 class="card-header">تغییر نام کاربری/ موبایل</h5>
                <div class="card-body">
                    <form>
                        <div class="mb-3 row">
                            <label for="defaultFormControlInput" class="form-label">موبایل جدید</label>
                            <div class="input-group input-group-merge">
                                <input type="text" style="text-align:left;" id="basic-icon-default-phone" class="form-control phone-mask" placeholder="0000 000 0911" aria-label="0000 000 0911" value="@userinfo.UserName" aria-describedby="basic-icon-default-phone2">
                                <span id="basic-icon-default-phone2" class="input-group-text"><i class="bx bx-phone"></i></span>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">ارسال</button>
                    </form>

                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="card mb-4">
                <h5 class="card-header">تغییر نام</h5>
                <div class="card-body">
                    <form>
                        <div class="mb-3 row">
                            <label for="defaultFormControlInput" class="form-label">نام جدید</label>
                            <div class="input-group input-group-merge">
                                <span id="basic-icon-default-company2" class="input-group-text"><i class="bx bx-buildings"></i></span>
                                <input style="text-align:right;" type="text" id="basic-icon-default-company" value="@userinfo.Company.Name" class="form-control" placeholder="@userinfo.Company.Name" aria-label="@userinfo.Company.Name" aria-describedby="basic-icon-default-company2">
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary">ارسال</button>
                    </form>
                </div>
            </div>
        </div>
       
    </div>
</div>



@code {
    public string _src { get; set; }
    private long maxFileSize = 1024 * 15;
    [SupplyParameterFromForm]
    public ChangePasswordDto changepassModel { get; set; }
    // alert
    AlertColor alertColor = AlertColor.Primary;
    IconName alertIconName = IconName.CheckCircleFill;
    bool Hidealert = true;
    string alertMessage = "";

    protected override void OnInitialized() => changepassModel ??= new();
}
@functions{
    private void ShowDangerAlert(string msg)
    {
        Hidealert = false;
        alertColor = AlertColor.Danger;
        alertIconName = IconName.ExclamationTriangleFill;
        alertMessage = msg;
    }
    private void ShowSuccessAlert(string msg)
    {
        Hidealert = false;
        alertColor = AlertColor.Success;
        alertIconName = IconName.CheckCircleFill;
        alertMessage = msg;
    }
    private async Task changepassSubmit(){
        var request = await _hc.Post<ChangePasswordDto>("User/ChangePassword", changepassModel);
        if (request.IsSuccessStatusCode)
        {
            if (await request.Content.ReadFromJsonAsync<bool>())
            {
                _hc._hc.DefaultRequestHeaders.Clear();
                await Storage.RemoveItem("token");
                userinfo.Token = "";
                _hc._nav.NavigateTo("/Sign-in/changePass");
            }
            else ShowDangerAlert("خطای سیستمی");
        }else
        {
            var errors = await request.Content.ReadFromJsonAsync<List<string>>();
            ShowDangerAlert(errors[0]);
        }
    }
    private async Task changePic(InputFileChangeEventArgs e){
        if (e.GetMultipleFiles()[0].Size <= maxFileSize)
        {
            string Base64Str = "";
            byte[] Array;
            using (MemoryStream stream = new MemoryStream())
            {
                await e.GetMultipleFiles()[0].OpenReadStream(maxFileSize).CopyToAsync(stream);

                Array = stream.ToArray();
                Base64Str = Convert.ToBase64String(Array);

            }

            if (!string.IsNullOrEmpty(Base64Str))
            {
                var request = await _hc.Post<byte[]>("Company/ChangeLogo", Array);
                if (request.IsSuccessStatusCode)
                {
                    userinfo.Company.Logo = _src = Base64Str;
                 
                    ShowSuccessAlert("تصویر با موفقیت تغییر کرد");
                }
                else
                {
                    ShowDangerAlert ( "خطایی در اجرای عملیات رخ داده");
                }
            }
        }
        else
        {
            ShowDangerAlert ( "حجم فایل بیشتر از حد مجاز می باشد");
        }
    }
}