@using CandidateReviewContracts.ViewModels
@model UserViewModel

@{
    ViewData["Title"] = "Редактирование профиля";
}

<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <h2 class="mb-4">Редактирование профиля</h2>
            <form method="post" class="needs-validation" novalidate>
                <input type="hidden" name="id" value="@Model?.Id" />

                <div class="mb-3">
                    <label for="Name" class="form-label">Имя <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="Name" name="Name" value="@Model?.Name" required />
                    <div class="invalid-feedback">Пожалуйста, введите имя.</div>
                </div>

                <div class="mb-3">
                    <label for="Surname" class="form-label">Фамилия <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="Surname" name="Surname" value="@Model?.Surname" required />
                    <div class="invalid-feedback">Пожалуйста, введите фамилию.</div>
                </div>

                <div class="mb-3">
                    <label for="LastName" class="form-label">Отчество</label>
                    <input type="text" class="form-control" id="LastName" name="LastName" value="@Model?.LastName" />
                    <div class="invalid-feedback">Пожалуйста, введите отчество.</div>
                </div>

                <div class="mb-3">
                    <label for="PhoneNumber" class="form-label">Телефон</label>
                    <input type="tel" class="form-control" id="PhoneNumber" name="PhoneNumber" value="@Model?.PhoneNumber" />
                    <div class="invalid-feedback">Пожалуйста, введите телефон.</div>
                </div>

                <input type="hidden" name="Email" value="@Model?.Email" />
                <input type="hidden" name="Password" value="@Model?.Password" />
                <input type="hidden" name="Role" value="@Model?.Role" />
                <input type="hidden" name="CompanyId" value="@Model?.CompanyId" />

                <div class="mb-3">
                    <label for="AvatarFilePath" class="form-label">Аватар</label>
                    <input type="file" class="form-control" id="AvatarFilePath" name="AvatarFilePath" value="@Model?.AvatarFilePath" accept=".jpg,.jpeg,.png" />
                    <div class="invalid-feedback">Выберите файл изображения.</div>
                </div>

                <div class="d-flex justify-content-between">
                    <button type="submit" class="btn btn-primary">Сохранить</button>
                    <a asp-controller="User" asp-action="UserProfile" class="btn btn-secondary">Отмена</a> 
                </div>
            </form>
        </div>
    </div>
</div>

@section Scripts {
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.7-beta.29/jquery.inputmask.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#PhoneNumber').inputmask({
                mask: '+7 (999) 999-99-99', // Adjust mask as needed
                showMaskOnHover: false,
                onincomplete: function () {
                    $(this).removeClass('is-valid').addClass('is-invalid');
                },
                oncleared: function () {
                    $(this).removeClass('is-valid is-invalid');
                },
                oncomplete: function () {
                    $(this).removeClass('is-invalid').addClass('is-valid');
                }
            });
        });

        (function () {
            'use strict'
            var forms = document.querySelectorAll('.needs-validation')
            Array.prototype.slice.call(forms)
                .forEach(function (form) {
                    form.addEventListener('submit', function (event) {
                        if (!form.checkValidity()) {
                            event.preventDefault()
                            event.stopPropagation()
                        }
                        form.classList.add('was-validated')
                    }, false)
                })
        })()
    </script>
    @{
        await Html.RenderPartialAsync("_ValidationScriptsPartial");
    }
}