{% extends "layouts/dashboard.twig" %}

{% block title %}{{ __('system.php_info_title') }} - {{ platformName }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h2">{{ __('system.php_info_title') }}</h1>
</div>

<div class="card shadow mb-4">
    <div class="card-header bg-primary text-white">
        <h5 class="mb-0"><i class="fas fa-server mr-2"></i>Informações do Servidor PHP</h5>
    </div>
    <div class="card-body p-0">
        <div class="php-info-container">
            <style>
                .php-info-container { 
                    overflow-x: auto; 
                    background-color: #f8f9fa;
                    padding: 20px;
                }
                .php-info-container table { 
                    width: 100%; 
                    border-collapse: collapse;
                    background-color: #fff;
                    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
                    margin-bottom: 20px;
                }
                .php-info-container table:nth-child(even) {
                    background-color: #fafafa;
                }
                .php-info-container h2 {
                    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
                    color: #fff;
                    padding: 12px 20px;
                    margin: 20px 0 15px 0;
                    border-radius: 8px;
                    font-size: 1.2rem;
                    font-weight: 600;
                    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
                }
                .php-info-container h1 {
                    display: none;
                }
                .php-info-container td, .php-info-container th { 
                    padding: 10px 15px;
                    word-break: break-word;
                    border: 1px solid #e9ecef;
                    font-size: 0.9rem;
                }
                .php-info-container th {
                    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
                    color: #fff;
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                    font-size: 0.85rem;
                }
                .php-info-container tr:nth-child(even) td {
                    background-color: #f8f9fa;
                }
                .php-info-container tr:hover td {
                    background-color: #e9ecef;
                    transition: background-color 0.2s ease;
                }
                .php-info-container td:first-child {
                    font-weight: 600;
                    color: #495057;
                    background-color: #fff3cd;
                    width: 30%;
                }
                .php-info-container .center {
                    text-align: center;
                }
                .php-info-container .e {
                    background-color: #d4edda !important;
                    color: #155724;
                    font-weight: 500;
                }
                .php-info-container .v {
                    background-color: #fff !important;
                    color: #212529;
                }
                .php-info-container .h {
                    background-color: #cce5ff !important;
                    color: #004085;
                }
                .php-info-container .vr {
                    background-color: #fff3cd !important;
                    color: #856404;
                }
                .php-info-container a {
                    color: #667eea;
                    text-decoration: none;
                    font-weight: 500;
                }
                .php-info-container a:hover {
                    color: #764ba2;
                    text-decoration: underline;
                }
                .php-info-container img {
                    max-width: 100%;
                    height: auto;
                    border-radius: 4px;
                }
            </style>
            {{ phpinfo|raw }}
        </div>
    </div>
</div>
{% endblock %}