@using CandidateReviewContracts.ViewModels
@model CompanyViewModel

@{
    var title = @Model.Id <= 0 ? "Создать профиль компании" : "Редактировать профиль компании";
}

<div class="container">
    <h1>@title</h1>
    <form method="post" class="row g-3 needs-validation" novalidate>
        <input type="hidden" name="id" value="@Model?.Id" />

        <div class="col-md-6">
            <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 placeholder="Введите название компании">
            <div class="invalid-feedback">Пожалуйста, введите название компании.</div>
        </div>

        <div class="col-md-6">
            <label for="description" class="form-label">Описание</label>
            <textarea class="form-control" id="description" name="description" rows="3" placeholder="Введите описание компании">@Model?.Description</textarea>
        </div>

        <div class="col-md-6">
            <label for="website" class="form-label">Официальный сайт</label>
            <input type="url" class="form-control" id="website" name="website" value="@Model?.Website" placeholder="Введите URL сайта">
            <div class="invalid-feedback">Пожалуйста, введите валидный URL (например, https://example.com).</div>
        </div>

        <div class="col-md-6">
            <label for="address" class="form-label">Адрес</label>
            <input type="text" class="form-control" id="address" name="address" value="@Model?.Address" placeholder="Введите адрес компании">
        </div>

        <div class="col-12">
            <label for="contacts" class="form-label">Контакты</label>
            <input type="text" class="form-control" id="contacts" name="contacts" value="@Model?.Contacts" placeholder="Введите контактную информацию">
        </div>

        <div class="col-12">
            <button type="submit" class="btn btn-primary">Сохранить</button>
        </div>
    </form>
</div>

<script>
    (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>