{#
    organizations/invite_modal.twig - Модальное окно приглашения пользователя
#}
<div class="modal fade" id="inviteUserModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="fa-solid fa-user-plus me-2"></i>Пригласить пользователя
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="inviteUserForm" action="/organizations/users/{{ organization_id }}/invite" method="POST" data-ajax="true">
                    {{ csrf_field()|raw }}

                    <div class="mb-3">
                        <label for="inviteEmail" class="form-label">Email адрес</label>
                        <input type="email"
                               class="form-control"
                               id="inviteEmail"
                               name="email"
                               placeholder="user@example.com"
                               required>
                        <div class="form-text">На этот адрес будет отправлено приглашение</div>
                    </div>

                    <div class="mb-3">
                        <label for="inviteRole" class="form-label">Роль</label>
                        <select class="form-select" id="inviteRole" name="role" required>
                            {% for role_value, role_info in get_all_roles() %}
                                {% if role_value != 'owner' %}
                                <option value="{{ role_value }}">{{ role_info.label }}</option>
                                {% endif %}
                            {% endfor %}
                        </select>
                        <div class="form-text">{{ get_all_roles()[current_role].description|default('') }}</div>
                    </div>

                    <div class="d-flex justify-content-end gap-2">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                        <button type="submit" class="btn btn-primary">
                            <i class="fa-solid fa-paper-plane me-2"></i>Отправить приглашение
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{# Модалка с ссылкой приглашения #}
<div class="modal fade" id="inviteLinkModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="fa-solid fa-check-circle text-success me-2"></i>Приглашение отправлено
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p>Приглашение успешно отправлено на <strong id="inviteEmailDisplay"></strong></p>

                <div class="mb-3">
                    <label class="form-label">Ссылка для приглашения</label>
                    <div class="input-group">
                        <input type="text"
                               class="form-control"
                               id="inviteLinkInput"
                               readonly>
                        <button type="button"
                                class="btn btn-outline-secondary"
                                id="copyLinkBtn"
                                onclick="copyInviteLink()"
                                title="Копировать">
                            <i class="fa-regular fa-copy"></i>
                        </button>
                    </div>
                </div>

                <div class="d-flex gap-2 flex-wrap">
                    <button type="button" class="btn btn-outline-primary" onclick="shareViaWebShare()">
                        <i class="fa-solid fa-share-nodes me-1"></i>Поделиться
                    </button>
                    <a href="#" onclick="shareToTelegram(); return false;" class="btn btn-outline-primary">
                        <i class="fa-brands fa-telegram me-1"></i>Telegram
                    </a>
                </div>

                <div class="alert alert-info mt-3 mb-0">
                    <i class="fa-solid fa-circle-info me-2"></i>
                    Если email не дошёл, можно скопировать ссылку и отправить другим способом
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Готово</button>
            </div>
        </div>
    </div>
</div>