@using CandidateReviewContracts.ViewModels
@model UserViewModel

@{
    ViewData["Title"] = "Профиль пользователя";
}

<div class="container mt-5">
    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card">
                @if (!string.IsNullOrEmpty(@Model.AvatarFilePath))
                {
                    <img src="@Model.AvatarFilePath" class="card-img-top img-fluid rounded-circle mx-auto d-block" style="max-width: 150px; max-height: 150px;" alt="Аватар пользователя">
                }
                <div class="card-body text-center">
                    <h5 class="card-title mb-0">
                        @Model.Name @(string.IsNullOrEmpty(@Model.Surname) ? "" : @Model.Surname) @(string.IsNullOrEmpty(@Model.LastName) ? "" : @Model.LastName)
                    </h5>
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">
                    <h2 class="mb-0">Контактная информация</h2>
                    <div class="btn-group float-end mt-2" role="group" aria-label="Действия">
                        <a asp-action="UserProfileEdit" asp-controller="User" asp-route-id="@Model?.Id" class="btn btn-primary">Редактировать</a>
                        <a asp-action="Delete" asp-controller="User" asp-route-id="@Model?.Id" class="btn btn-danger" onclick="return confirm('Вы уверены, что хотите удалить профиль?');">Удалить</a>
                        <a asp-action="Logout" asp-controller="User" class="btn btn-secondary">Выйти</a>
                    </div>
                </div>
                <div class="card-body">
                    <dl class="row">
                        <dt class="col-sm-3">Email</dt>
                        <dd class="col-sm-9">@Model.Email</dd>

                        @if (!string.IsNullOrEmpty(@Model.PhoneNumber))
                        {
                            <dt class="col-sm-3">Телефон</dt>
                            <dd class="col-sm-9">@Model.PhoneNumber</dd>
                        }

                        <dt class="col-sm-3">Роль</dt>
                        <dd class="col-sm-9">@Model.Role</dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>