{% extends "Master/MenuBghTemplate.html.twig" %}

{% block bodyHeaderOptions %}
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
{% endblock %}

{% block body %}
    <div class="container" style="margin-top: -70px;">
        <div class="row">
            <div class="col-sm">
                {% for includeView in getIncludeViews('About', 'start') %}
                    {% include includeView['path'] %}
                {% endfor %}

                {% block software %}
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <h3>
                                <i class="fa-solid fa-code me-2"></i> {{ trans('software') }}
                            </h3>
                            <hr>
                            <div class="row align-items-center">
                                <div class="col-md">
                                    <h5 class="mb-3">FacturaScripts</h5>
                                    <p class="mb-1">
                                        <strong>{{ trans('version') }}:</strong> {{ fsc.data.core_version }}
                                    </p>
                                    <p class="mb-1">
                                        <strong>{{ trans('license') }}:</strong> LGPL v3
                                    </p>
                                    <p class="mb-1">
                                        <strong>{{ trans('website') }}:</strong>
                                        <a href="https://facturascripts.com" target="_blank" rel="nofollow">facturascripts.com</a>
                                    </p>
                                    <p class="mb-0">
                                        <strong>{{ trans('installation') }}:</strong>
                                        {% if settings('default', 'telemetryinstall') %}
                                            <span class="badge bg-success">{{ trans('registered') }}</span>
                                        {% else %}
                                            <span class="badge bg-warning">{{ trans('not-registered') }}</span>
                                        {% endif %}
                                    </p>
                                </div>
                                <div class="col-md-auto">
                                    <img src="{{ asset('Core/Assets/Images/horizontal-logo.png') }}" alt="FacturaScripts"
                                         class="img-fluid" style="max-height: 80px;">
                                </div>
                            </div>
                        </div>
                    </div>
                {% endblock %}

                {% block limits %}
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <h3>
                                <i class="fa-solid fa-chart-line me-2"></i> {{ trans('limits') }}
                            </h3>
                            <hr>
                            <div class="row">
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div class="text-center p-2">
                                        <i class="fa-solid fa-hard-drive fa-2x text-dark mb-2"></i>
                                        <h6 class="mb-1">{{ trans('app-storage') }}</h6>
                                        <p class="mb-0">
                                            {% set storageUsed = fsc.data.storage_used is defined ? fsc.data.storage_used : 0 %}
                                            {% set storageLimit = fsc.data.storage_limit is defined ? fsc.data.storage_limit : 0 %}
                                            <strong>{{ bytes(storageUsed) }}</strong>
                                            / {% if storageLimit %}{{ bytes(storageLimit) }}{% else %}∞{% endif %}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div class="text-center p-2">
                                        <i class="fa-solid fa-users fa-2x text-primary mb-2"></i>
                                        <h6 class="mb-1">{{ trans('users') }}</h6>
                                        <p class="mb-0">
                                            {% set userCount = fsc.data.limits.users is defined ? fsc.data.limits.users : 0 %}
                                            {% set userLimit = config('user_limit') %}
                                            <strong>{{ userCount }}</strong>
                                            / {% if userLimit %}{{ userLimit }}{% else %}∞{% endif %}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div class="text-center p-2">
                                        <i class="fa-solid fa-box fa-2x text-success mb-2"></i>
                                        <h6 class="mb-1">{{ trans('products') }}</h6>
                                        <p class="mb-0">
                                            {% set productCount = fsc.data.limits.products is defined ? fsc.data.limits.products : 0 %}
                                            {% set productLimit = config('product_limit') %}
                                            <strong>{{ productCount }}</strong>
                                            / {% if productLimit %}{{ productLimit }}{% else %}∞{% endif %}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div class="text-center p-2">
                                        <i class="fa-solid fa-user-tie fa-2x text-info mb-2"></i>
                                        <h6 class="mb-1">{{ trans('customers') }}</h6>
                                        <p class="mb-0">
                                            {% set customerCount = fsc.data.limits.customers is defined ? fsc.data.limits.customers : 0 %}
                                            {% set customerLimit = config('customer_limit') %}
                                            <strong>{{ customerCount }}</strong>
                                            / {% if customerLimit %}{{ customerLimit }}{% else %}∞{% endif %}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-4 col-sm-6">
                                    <div class="text-center p-2">
                                        <i class="fa-solid fa-file-invoice fa-2x text-warning mb-2"></i>
                                        <h6 class="mb-1">{{ trans('invoices') }}</h6>
                                        <p class="mb-0">
                                            {% set invoiceCount = fsc.data.limits.invoices is defined ? fsc.data.limits.invoices : 0 %}
                                            {% set invoiceLimit = config('invoice_limit') %}
                                            <strong>{{ invoiceCount }}</strong>
                                            / {% if invoiceLimit %}{{ invoiceLimit }}{% else %}∞{% endif %}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endblock %}

                {% block storage %}
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <h3>
                                <i class="fa-solid fa-hard-drive me-2"></i> {{ trans('app-storage') }}
                            </h3>
                            <hr>
                            <div class="row">
                                {% for dataStorare in fsc.data.storage_details %}
                                    <div class="col-lg-2 col-md-4 col-sm-6">
                                        <div class="text-center p-2">
                                            {% if dataStorare.name == 'files' %}
                                                <i class="fa-regular fa-file fa-2x mb-2"></i>
                                                <h6 class="mb-1">{{ dataStorare.name }}</h6>
                                                <p class="mb-0">
                                                    <strong>{{ dataStorare.human_size }}</strong>
                                                </p>
                                            {% else %}
                                                <i class="fa-regular fa-folder fa-2x mb-2"></i>
                                                <h6 class="mb-1">{{ dataStorare.name }}</h6>
                                                <p class="mb-0">
                                                    <strong>{{ dataStorare.human_size }}</strong>
                                                </p>
                                            {% endif %}
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                {% endblock %}

                {% block plugins %}
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <h3>
                                <i class="fa-solid fa-plug me-2"></i> {{ trans('plugins') }}
                                {% if fsc.data.plugins | length > 0 %}
                                    <span class="badge bg-secondary">{{ fsc.data.plugins | length }}</span>
                                {% endif %}
                            </h3>
                        </div>
                        {% if fsc.data.plugins | length > 0 %}
                            <div class="table-responsive">
                                <table class="table table-hover mb-0">
                                    <thead>
                                    <tr>
                                        <th scope="col">{{ trans('name') }}</th>
                                        <th scope="col">{{ trans('min-fs-version') }}</th>
                                        <th scope="col">{{ trans('plugins-required') }}</th>
                                        <th scope="col">{{ trans('min-php-version') }}</th>
                                        <th scope="col">{{ trans('php-extensions-required') }}</th>
                                        <th class="text-center" scope="col">{{ trans('enabled') }}</th>
                                        <th class="text-end" scope="col">{{ trans('priority') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for plugin in fsc.data.plugins %}
                                        <tr class="{{ plugin.enabled ? 'table-success' : 'table-secondary' }}">
                                            <td>
                                                <strong>{{ plugin.name }}</strong>
                                                <small class="text-muted">v{{ plugin.version }}</small>
                                            </td>
                                            <td>{{ plugin.min_version }}</td>
                                            <td>{{ plugin.require | join(', ') }}</td>
                                            <td>{{ plugin.min_php }}</td>
                                            <td>{{ plugin.require_php | join(', ') }}</td>
                                            <td class="text-center">
                                                {% if plugin.enabled %}
                                                    <span class="badge bg-success">{{ trans('yes') }}</span>
                                                {% else %}
                                                    <span class="badge bg-secondary">{{ trans('no') }}</span>
                                                {% endif %}
                                            </td>
                                            <td class="text-end">{{ plugin.order }}</td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        {% else %}
                            <div class="card-body text-center text-muted">
                                <i class="fa-solid fa-puzzle-piece fa-3x mb-3"></i>
                                <p class="mb-0">{{ trans('no-plugins-installed') }}</p>
                            </div>
                        {% endif %}
                    </div>
                {% endblock %}

                {% block server %}
                    <div class="card shadow mb-4">
                        <div class="card-body">
                            <h3>
                                <i class="fa-solid fa-server me-2"></i> {{ trans('server') }}
                            </h3>
                            <hr>
                            <div class="row">
                                <div class="col-lg-6">
                                    <p class="mb-1">
                                        <strong>PHP:</strong> {{ fsc.data.php_version }}
                                    </p>
                                    <p class="mb-1">
                                        <strong>{{ trans('php-extensions') }}:</strong>
                                        <small class="text-muted">{{ fsc.data.extensions | join(', ') }}</small>
                                    </p>
                                </div>
                                <div class="col-lg-6">
                                    <p class="mb-1">
                                        <strong>{{ trans('database') }}:</strong>
                                        {{ fsc.data.database_type }} {{ fsc.data.database_version }}
                                    </p>
                                    <p class="mb-1">
                                        <strong>{{ trans('server-software') }}:</strong>
                                        {{ fsc.data.server_software }}
                                    </p>
                                    <p class="mb-1">
                                        <strong>{{ trans('server-accepts-filesize') }}:</strong>
                                        {{ bytes(fsc.data.max_filesize) }}
                                    </p>
                                    <p class="mb-0">
                                        <strong>{{ trans('operating-system') }}:</strong>
                                        {{ fsc.data.os_info }}
                                    </p>
                                    <p class="mb-0">
                                        <strong>{{ trans('date') }}:</strong>
                                        {{ fsc.data.server_date }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endblock %}

                {% for includeView in getIncludeViews('About', 'end') %}
                    {% include includeView['path'] %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}
