templates/home/index.html.twig line 1

{% extends 'guest.html.twig' %}
{% block title %} {{ 'guest.twensostats'|trans({}, 'page') }} {% endblock %}
{% block body %}
    <style>
        .card-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

        .card {
            max-width: 1000px;
            width: 100%;
        }

        .card-body {
            display: flex;
            align-items: center;
        }

        .card-body img {
            margin-left: 1rem;
        }

    </style>
    <div class="card-wrapper mx-2">
        <div class="card shadow-lg">
            <div class="card-header text-center">
                <h3 style="color: gray">{{ 'guest.welcome'|trans({}, 'page') }}
                    {% if app.user %}
                        {{ app.user.name }}
                    {% endif %}

                </h3>
            </div>
            <div class="card-body row">
                <div class="col-md-6">
                    <img src="{{ asset('images/stat.svg') }}" alt="stat image" class="float-right" style=" width: 100%;
  height: auto;">
                </div>
                <div class="col-md-6">
                    {% if app.user %}
                        {% if is_granted('ROLE_ADMIN') %}
                            <p class="card-text">{{ 'guest.admin'|trans({}, 'page') }}</p>
                            <a href="{{ path('app_admin') }}"
                               class="btn btn-outline-primary mx-2">{{ 'guest.detail'|trans({}, 'page') }}</a>

                        {% elseif is_granted('ROLE_SUPPLIER') %}
                            <p class="card-text">{{ 'guest.supplier'|trans({}, 'page') }}</p>
                            <a href="{{ path('app_supplier') }}"
                               class="btn btn-outline-primary mx-2">{{ 'guest.detail'|trans({}, 'page') }}</a>
                        {% endif %}
                    {% else %}
                        <p class="card-text">{{ 'guest.to_view_detailed'|trans({}, 'page') }}</p>
                        <a href="{{ path('app_login') }}"
                           class="btn btn-outline-primary mx-2">{{ 'guest.login'|trans({}, 'page') }}</a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}