{% extends "layout.html" %}
{% block title %}{{ _('Import Host') }}{% endblock %}
{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card shadow">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0"><i class="fas fa-exclamation-triangle"></i> Host Already Exists</h5>
            </div>
            <div class="card-body">
                <p>The host <strong>{{ domain }}</strong> already exists on the Nginx server but is not managed by Limristem Web.</p>
                <p>Do you want to import it?</p>
                
                <div class="alert alert-light border">
                    <strong>Detected Configuration:</strong>
                    <ul class="mb-0 mt-2">
                        <li>User: <code>{{ detected_user or 'Unknown' }}</code></li>
                        <li>PHP Version: <code>{{ php_version }}</code></li>
                    </ul>
                </div>
                
                {% if not detected_user %}
                <div class="alert alert-danger">
                    Warning: Could not detect the system user owner from Nginx config. Import might fail or require manual user creation.
                </div>
                {% endif %}

                <form method="post" action="{{ url_for('import_host_confirm') }}">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                    <input type="hidden" name="domain" value="{{ domain }}">
                    <input type="hidden" name="detected_user" value="{{ detected_user }}">
                    <input type="hidden" name="php_version" value="{{ php_version }}">
                    
                    <div class="d-flex justify-content-between">
                        <a href="{{ url_for('hosts_page') }}" class="btn btn-secondary">Cancel</a>
                        <button type="submit" class="btn btn-primary">Yes, Import Host</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}