{% extends 'baseone.html.twig' %}
{% block stylesheets %}
    {{ encore_entry_link_tags('install') }}
{% endblock %}
{% block title %}{% endblock %}
{% block body %}
<div id="myd_top"></div>
<div class="container-fluid">
    <div class="row main-requirements-box">
        <div class="col">
            <div class="row">
                <div class="col">
                    <div class="text-center main-card">
                        <h2 class="install-step-title"> Install Step 1 : checking Myddleware requirements</h2>
                        <div class="card-body d-flex justify-content-center">
                            <article class="card col-6">
                                <div id="install-requirements-checker-title" class="card-header bg-success text-white">
                                    <h5 class="card-title">{{ 'install.requirements_checker' | trans }}</h5>
                                </div>
                                <div class="card-body">
                                    <p id="install-info">{{ 'install.requirements_info' | trans }}</p>
                                    {% if php_version %}
                                    <div class="row php-version-row">
                                        <p>PHP version : </p>
                                        <p id="install-php-version-value" class="alert-success">{{ php_version }}</p>
                                    </div>
                                    {% else %}
                                    <p>{{ 'install.php_version_not_found' | trans }}</p>
                                    {% endif %}
                                    <p><strong>{{ system_status }}</strong></p>
                                    {% if error_messages %}
                                    <p>{{ 'install.errors_to_do_message' | trans }} : </p>
                                    <ul class="list-group">
                                    {% for message in error_messages %}
                                            <li class="list-group-item-danger">{{ message }} </li>
                                    {% endfor %}
                                    </ul>
                                    {% endif %}
                                    {% if recommendation_messages %}
                                        <p>{{ 'install.recommendations_to_do_message' | trans }} : </p>
                                        <ul class="list-group">
                                            {% for message in recommendation_messages %}
                                                    <li class="list-group-item-warning">{{ message }} </li>
                                            {% endfor %}
                                        </ul>
                                    {% endif %}
                                    <aside class="card">
                                        <div id="install-note-title" class="card-header bg-info text-white">
                                            <h6 class="card-title">Note</h6>
                                        </div>
                                        <div class="card-body">
                                            <p>{{ 'install.note_message' | trans }} :</p>
                                            <div class="command-group">
                                                <div class="command-line">
                                                    <code>php bin/console symfony check:requirements</code>
                                                    <button class="btn btn-sm btn-outline-secondary copy-btn" data-command="php bin/console symfony check:requirements">
                                                        <i class="fas fa-copy"></i>
                                                    </button>
                                                </div>
                                                <div class="command-line">
                                                    <code>bin/console symfony check:requirements</code>
                                                    <button class="btn btn-sm btn-outline-secondary copy-btn" data-command="bin/console symfony check:requirements">
                                                        <i class="fas fa-copy"></i>
                                                    </button>
                                                </div>
                                                <div class="command-line">
                                                    <code>symfony check:requirements</code>
                                                    <button class="btn btn-sm btn-outline-secondary copy-btn" data-command="symfony check:requirements">
                                                        <i class="fas fa-copy"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </aside>
                                    {% if env_local_file_rights and not env_local_file_writable %}
                                    <h3 class="alert-danger">Error: your .env.local file is not writable</h3>
                                    <p>Rights of .env.local file: </p>
                                    <p>{{ env_local_file_rights }}</p>
                                    <p>The .env.local file is used to store the database credentials. It must be writable by the web server.</p>
                                    {% endif %}
                                    <div class="btn-group">
                                        <button id="install-button-check" class="btn btn-primary mb-2" onClick="window.location.reload()">
                                            <i id="install-button-check-icon" class="fas fa-sync-alt"></i>
                                            {{ 'install.check_button' | trans }}
                                        </button>
                                        {% if not error_messages %} 
                                        <a id="install-button-next" href="{{path('database_setup')}}" class="btn btn-primary mb-2" role="button">
                                            {{ 'install.setup_database_button' | trans }}
                                        </a>
                                        {% endif %}
                                    </div>
                                </div> 
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer>
{% include 'footer.html.twig' %}
</footer>

{% block javascripts %}
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    {{ encore_entry_script_tags('install') }}
{% endblock %}
{% endblock %}