@using NEducation.Code;
@model NEducation.Models.ProfileModel

@{
    ViewBag.Title = "AccountProfile";
    Layout = "~/Views/Shared/_LayoutHome.cshtml";
}


@*@{
        String msisdn = Session["msisdn"] as String;
        UserProfile profile = Session["profile"] as UserProfile;
    }*@


@*<h2>AccountProfile</h2>*@
@section navMenu{
    <a href="/Home/" class="nav-link">Home</a>
    <a href="/Voca/" class="nav-link">Vocabulary</a>
    <a href="/Grammar/" class="nav-link">Grammar</a>
    @*<a href="/Music/" class="nav-link">Music</a>*@
    <a href="/Listening/" class="nav-link">Listening</a>
}

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    <link type="text/css" rel="stylesheet" href="~/Content/assets/css/account_profile.css" />

    <div class="form-horizontal">
        <div class="form-group">
            <div class="card">
                <form id="formElem" name="formElem" action="#" method="post" class="">
                    <div class="row">

                        <div class="col-md-4 col-lg-4 sidebar">
                            <img class="image" src="~/Content/assets/imgs/img-home-02.png" alt="John">
                        </div>
                        <div class="col-md-8 col-lg-8 column-style">
                            <h2 style="width:100%;text-align:center;margin-bottom:20px">About me</h2>
                            <div class="row row-style">
                                <div class="col-md-3 col-lg-3">
                                    <h4 class="title" style="width:100%;text-align:left;margin-bottom:20px">Phone number</h4>

                                    @*<a class="title">Phone number</a>*@
                                </div>
                                <div class="col-md-9 col-lg-9">
                                    <input class="input-area" type="text" placeholder="Fullname" name="register-msisdn"
                                           value=@Model.profileDetail.users />
                                </div>
                            </div>
                            <div class="row row-style">
                                <div class="col-md-3 col-lg-3">
                                    <h4 class="title" style="width:100%;text-align:left;margin-bottom:20px">Fullname</h4>

                                    @*<a class="title">Fullname</a>*@
                                </div>
                                <div class="col-md-9 col-lg-9">
                                    <input class="input-area" type="text" placeholder="Fullname" name="register-msisdn"
                                           value=@Model.profileDetail.fullName />
                                </div>
                            </div>

                            <div class="row row-style">
                                <div class="col-md-3 col-lg-3">
                                    <h4 class="title" style="width:100%;text-align:left;margin-bottom:20px">Birthday</h4>

                                    @*<a class="title">Birthday</a>*@
                                </div>
                                <div class="col-md-9 col-lg-9">
                                    <input class="input-area" type="text" placeholder="Birthday" name="register-msisdn"
                                           value=@Model.profileDetail.birthday />
                                </div>
                            </div>
                            <div class="row row-style">
                                <div class="col-md-3 col-lg-3">
                                    <h4 class="title" style="width:100%;text-align:left;margin-bottom:20px">Email</h4>

                                    @*<a class="title">Email</a>*@
                                </div>
                                <div class="col-md-9 col-lg-9">
                                    <input class="input-area" type="text" placeholder="Email" name="register-msisdn"
                                           value=@Model.profileDetail.email />
                                </div>
                            </div>
                            <div class="row row-style">
                                <div class="col-md-3 col-lg-3">
                                    <h4 class="title" style="width:100%;text-align:left;margin-bottom:20px">Interest</h4>

                                    @*<a class="title">Interest</a>*@
                                </div>
                                <div class="col-md-9 col-lg-9">
                                    <input class="input-area" type="text" placeholder="Interest" name="register-msisdn"
                                           value=@Model.profileDetail.interests />
                                </div>
                            </div>
                        </div>
                    </div>


                </form>



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

}

@*<div>
        @Html.ActionLink("Back to List", "Index")
    </div>*@