@model SMS_MVCDTO.Models.DTOs.SuperAdminDTOs.SuperAdminResponseModel

@{
    ViewData["Title"] = "Details";
}

<main class="main">
    <!-- <div class="dashboard"> -->
    <div class="form-container">

        <h1>Details</h1>

        <div>
            <h4>Super Admin</h4>
            <hr />
            <img id="profilePicture" style="width:20%;height:20%; border-radius:50%;
                object-fit:cover"
                src="data:image/*;base64,@(Convert.ToBase64String(Model.Data.ProfilePicture))">
            <dl class="row">

                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.FirstName)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.FirstName)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.LastName)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.LastName)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.StaffId)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.StaffId)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.Email)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.Email)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.PhoneNumber)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.PhoneNumber)
                </dd>
                @*

                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.HomeAddress)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.HomeAddress)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.ResidentialAddress)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.ResidentialAddress)
                </dd>
                *@

                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.DateOfBirth)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.DateOfBirth)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.Gender)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.Gender)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.MaritalStatus)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.MaritalStatus)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.RoleName)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.RoleName)
                </dd>
               @*

                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.BankAccountNumber)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.BankAccountNumber)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.BankName)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.BankName)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model => model.Data.GuarantorName)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.GuarantorName)
                </dd>
                <dt class="col-sm-2">
                    @Html.DisplayNameFor(model =>
                    model.Data.GuarantorPhoneNumber)
                </dt>
                <dd class="col-sm-10">
                    @Html.DisplayFor(model => model.Data.GuarantorPhoneNumber)
                </dd>
               *@

            </dl>
        </div>
        <div>
            <a asp-action="Edit" asp-route-staffId="@Model.Data.StaffId"
                class="btn
                btn-success">Edit</a> |
            <a asp-action="Index" class="btn btn-warning">Back to List</a>
        </div>
    </div>


</main>