@{
    ViewData["Title"] = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}


@using LotteryWebApp.Languages;
@using LotteryWebApp.Controllers;
@using System.Globalization;
@using LotteryWebApp.Common;
@using LotteryWebApp.Service;

@model ProfileViewModel

<div class="app-content content" style="position:relative">

    <div class="content-wrapper" >
        <div class="content-body">
            <section class="flexbox-container">

                <div class="profile-info-container" style="position:relative; height:200px; margin: -5px;">
                    <div class="profile-info-box">
                        @*<img src="@Model.profile.picture" />*@
                        @*<img src="@(Model.profile.picture != null && Model.profile.picture != "" ? Model.profile.picture : "/img/8b6f5f94a53dbc3c8240347693830120.jpg")" />*@
                        <div class="account-header-image" style="width:100px; height:100px;    margin-bottom: 10px;">
                            <img src="@(Model.profile.realPicture != null && Model.profile.realPicture != "" ? Model.profile.picture : "/img/8b6f5f94a53dbc3c8240347693830120.jpg")" />
                        </div>
                        <h3>
                            @Model.profile.fullName
                        </h3>
                        <h4>
                            @Model.profile.users
                        </h4>
                    </div>
                </div>

                <div class="" style="    padding: 10px;background: white;">
                    <div class="button-box-animation">
                    </div>
                    <div class="row" style="    margin-top: 35px;">
                        <div class="col-2">
                            <img class="image-w-24" src="~/img/Vector4.png" />
                        </div>
                        <div class="col-10">
                            <a class="profile-start-item" href="/Home/TransferHistory">@Lang.winning_account</a>
                            <a class="profile-end-item">@Functions.FormatNumber(Model.userStatus.bet_coin) @Lang.curency</a>

                            <hr class="line2" />

                        </div>
                    </div>

                    <div class="button-box-animation" onclick="actionButton_Click('Profile/ProfileInfo')">
                        <div class="row" style="    margin-top: 15px;">
                            <div class="col-2">
                                <img class="image-w-24" src="~/img/Group 83940.png" />
                            </div>
                            <div class="col-10">
                                <a class="profile-start-item">@Lang.profile</a>
                                <a class="profile-end-item"><i class="fas fa-solid fa-angle-right"></i></a>
                                <hr class="line2" />
                            </div>
                        </div>
                    </div>


                    @*                    <div class="button-box-animation" onclick="actionButton_Click('/Profile/ChangePassword')">
                    <div class="row" style="    margin-top: 15px;">
                    <div class="col-2">
                    <img class="image-w-24" src="~/img/Group 83940.png" />
                    </div>
                    <div class="col-10">
                    <a class="profile-start-item">@Lang.change_password</a>
                    <a class="profile-end-item"><i class="fas fa-solid fa-angle-right"></i></a>
                    <hr class="line2" />
                    </div>
                    </div>
                    </div>*@


                   @*  <div class="button-box-animation" onclick="actionButton_Click('/Profile/HowToPlay')">
                        <div class="row" style="    margin-top: 15px;">
                            <div class="col-2">
                                <img class="image-w-24" src="~/img/Group 83938.png" />
                            </div>
                            <div class="col-10">
                                <a class="profile-start-item">@Lang.how_to_play</a>
                                <a class="profile-end-item"><i class="fas fa-solid fa-angle-right"></i></a>
                                <hr class="line2" />
                            </div>
                        </div>
                    </div> *@


                    <div class="button-box-animation" onclick="actionButton_Click('/Home/Rules')">
                        <div class="row" style="    margin-top: 15px;">
                            <div class="col-2">
                                <img class="image-w-24" src="~/img/Group 83939.png" />
                            </div>
                            <div class="col-10">
                                <a class="profile-start-item">@Lang.rules</a>
                                <a class="profile-end-item"><i class="fas fa-solid fa-angle-right"></i></a>
                                <hr class="line2" />
                            </div>
                        </div>
                    </div>


                    <div class="button-box-animation">
                        <div class="row" style="    margin-top: 15px;">
                            <div class="col-2">
                                <img class="image-w-24" src="~/img/Group 83942.png" />
                            </div>
                            <div class="col-10">
                                <a class="profile-start-item">@Lang.contact_us</a>
                                <a class="profile-end-item" style="font-size: 13px; margin-top: 3px;">*777#</a>
                                <hr class="line2" />
                            </div>
                        </div>
                    </div>

                    <div class="button-box-animation" onclick="changeLanguage(); return 0;">
                        <div class="row" style="    margin-top: 15px;">
                            <div class="col-2">
                                <a><i class="fas fa-2x fa-globe-asia"></i></a>
                            </div>
                            <div class="col-10">
                                <a class="profile-start-item">@Lang.language</a>
                                <hr class="line2" />
                            </div>
                        </div>
                    </div>

                    @{
                        if (Model.channel == ApiConstants.WEB)
                        {
                            <div class="button-box-animation" onclick="actionButton_Click('/Account/Logout')">
                                <div class="row" style="    margin-top: 15px;">
                                    <div class="col-2">
                                        <img class="image-w-24" src="~/img/Group 83943.png" />
                                    </div>
                                    <div class="col-10">
                                        <a class="profile-start-item">@Lang.logout</a>
                                        <a class="profile-end-item"><i class="fas fa-solid fa-angle-right"></i></a>
                                        <hr class="line2" />
                                    </div>
                                </div>
                            </div>
                        }
                    }


                </div>


            </section>
        </div>
    </div>
</div>

<script>
    stopLoading();
</script>