{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "PHP INI Manager" %} - Eenos{% endblock %}
{% block content %}
    <div class="eenos-page-header flex-wrap">
        <div>
            <h1 class="eenos-page-title">{% translate "PHP INI Manager" %}</h1>
            <div class="eenos-page-subtitle">{% translate "Review and manage global PHP configuration for every installed runtime." %}</div>
        </div>
        <div class="d-grid col-12 col-sm-auto">
            <a href="{% url 'phpsettings' %}"
               class="btn btn-outline-secondary btn-sm text-nowrap"><i data-lucide="settings-2"></i>{% translate "PHP Settings" %}</a>
        </div>
    </div>
    <nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}">
        <a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span>{% translate "Runtimes" %}</span>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <a href="{% url 'phpsettings' %}">PHP</a>
        <span class="eenos-breadcrumb-separator" aria-hidden="true">
            <i data-lucide="chevron-right"></i>
        </span>
        <span class="eenos-breadcrumb-current" aria-current="page">{% translate "PHP INI Settings" %}</span>
    </nav>
    {% include "includes/form_alerts.html" %}
    <div class="eenos-card">
        <div class="mb-4">
            <div class="eenos-panel-title">{% translate "PHP Configuration Profiles" %}</div>
            <div class="eenos-panel-subtitle">{% translate "Select a runtime to edit its global php.ini configuration or restore its defaults." %}</div>
        </div>
        <table id="phpIniTable" class="table table-hover align-middle w-100 mb-0">
            <thead>
                <tr>
                    <th>{% translate "PHP" %}</th>
                    <th>{% translate "Runtime Features" %}</th>
                    <th>{% translate "Resource Limits" %}</th>
                    <th>{% translate "Uploads" %}</th>
                    <th>{% translate "Restrictions" %}</th>
                    <th class="text-end">{% translate "Action" %}</th>
                </tr>
            </thead>
        </table>
    </div>
    <form method="post" id="resetPhpIniForm" class="d-none">
        {% csrf_token %}
        <input type="hidden" name="php" id="resetIniPhp"><input type="hidden" name="vendor" id="resetIniVendor"><input type="hidden" name="hasedit" value="yes">
    </form>
    <div class="modal fade"
         id="resetPhpIniModal"
         tabindex="-1"
         aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h2 class="modal-title fs-5">{% translate "Reset PHP INI" %}</h2>
                    <button type="button"
                            class="btn-close"
                            data-bs-dismiss="modal"
                            aria-label="{% translate 'Close' %}"></button>
                </div>
                <div class="modal-body">
                    <div class="eenos-modal-info mb-4">
                        <div class="eenos-modal-info-icon">
                            <i data-lucide="file-cog"></i>
                        </div>
                        <div class="eenos-modal-info-content">
                            <div class="eenos-modal-info-label">{% translate "PHP runtime" %}</div>
                            <div class="eenos-modal-info-value font-monospace" id="resetIniDisplay"></div>
                        </div>
                    </div>
                    <div class="eenos-notice eenos-notice-warning">
                        <div class="eenos-notice-icon">
                            <i data-lucide="triangle-alert"></i>
                        </div>
                        <div class="eenos-notice-content">
                            <div class="eenos-notice-title">{% translate "Restore default configuration" %}</div>
                            <div class="eenos-notice-text">{% translate "All custom global PHP INI values for this runtime will be replaced with their defaults." %}</div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-outline-secondary"
                            data-bs-dismiss="modal">{% translate "Cancel" %}</button><button type="button" class="btn btn-warning" id="confirmResetIni">{% translate "Reset to Default" %}</button>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block extra_js %}
    <script>
$(function(){const esc=v=>$('<div>').text(v==null?'':v).html();const state=v=>String(v).toLowerCase()==='on'?'<span class="text-success fw-semibold">{% translate "Enabled" %}</span>':'<span class="text-muted">{% translate "Disabled" %}</span>';const item=(label,value)=>'<div class="small text-nowrap"><span class="text-muted">'+label+':</span> '+value+'</div>';const table=$('#phpIniTable').DataTable({responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},processing:true,language:{processing:'{% translate "Loading..." %}'},pageLength:25,ajax:{url:"{% url 'php_ini_data' %}",dataSrc:'data'},order:[[0,'asc']],columns:[{data:'name',width:'180px',className:'text-nowrap align-middle',responsivePriority:1,render:(d,t,r)=>t==='display'?'<div class="d-inline-flex align-items-center align-middle gap-2"><span class="fw-semibold font-monospace">'+esc(d)+'</span>'+(r.is_default?'<span class="badge eenos-badge-primary">{% translate "Default" %}</span>':'')+'</div>':d},{data:null,responsivePriority:3,render:(d,t,r)=>t!=='display'?[r.allow_url_fopen,r.display_errors,r.zlib_output_compression].join(' '):'<div class="d-grid gap-1">'+item('{% translate "Remote URLs" %}',state(r.allow_url_fopen))+item('{% translate "Error display" %}',state(r.display_errors))+item('{% translate "Compression" %}',state(r.zlib_output_compression))+'</div>'},{data:null,responsivePriority:4,render:(d,t,r)=>t!=='display'?[r.memory_limit,r.max_execution_time,r.max_input_vars].join(' '):'<div class="d-grid gap-1">'+item('{% translate "Memory" %}','<span class="font-monospace">'+esc(r.memory_limit||'-')+'</span>')+item('{% translate "Execution" %}','<span class="font-monospace">'+esc(r.max_execution_time||'-')+'s</span>')+item('{% translate "Input variables" %}','<span class="font-monospace">'+esc(r.max_input_vars||'-')+'</span>')+'</div>'},{data:null,responsivePriority:2,render:(d,t,r)=>t!=='display'?[r.file_uploads,r.upload_max_filesize,r.post_max_size].join(' '):'<div class="d-grid gap-1">'+item('{% translate "File uploads" %}',state(r.file_uploads))+item('{% translate "Maximum file" %}','<span class="font-monospace">'+esc(r.upload_max_filesize||'-')+'</span>')+item('{% translate "POST limit" %}','<span class="font-monospace">'+esc(r.post_max_size||'-')+'</span>')+'</div>'},{data:null,render:(d,t,r)=>t!=='display'?[r.allow_url_include,r.enable_dl,r.disable_functions].join(' '):'<div class="d-grid gap-1">'+item('{% translate "URL include" %}',state(r.allow_url_include))+item('{% translate "Dynamic loading" %}',state(r.enable_dl))+item('{% translate "Disabled functions" %}',r.disable_functions?'<span class="badge eenos-badge-warning">{% translate "Configured" %}</span>':'<span class="text-muted">{% translate "None" %}</span>')+'</div>'},{data:null,orderable:false,searchable:false,width:'110px',className:'text-end',responsivePriority:1,render:(d,t,r)=>t!=='display'?'':'<div class="eenos-dt-actions d-flex justify-content-end gap-1"><a class="btn btn-sm btn-outline-primary" href="'+esc(r.edit_url)+'" title="{% translate "Edit PHP INI" %}" aria-label="{% translate "Edit PHP INI" %}"><i data-lucide="pencil"></i></a><button type="button" class="btn btn-sm btn-outline-danger reset-php-ini" data-php="'+esc(r.base_version)+'" data-vendor="'+esc(r.vendor)+'" data-name="'+esc(r.name)+'" title="{% translate "Reset PHP INI" %}" aria-label="{% translate "Reset PHP INI" %}"><i data-lucide="rotate-ccw"></i></button></div>'}],drawCallback:function(){if(typeof lucide!=='undefined')lucide.createIcons()}});table.on('responsive-display',()=>lucide.createIcons());const modal=bootstrap.Modal.getOrCreateInstance(document.getElementById('resetPhpIniModal'));$(document).on('click','.reset-php-ini',function(){$('#resetIniPhp').val($(this).data('php'));$('#resetIniVendor').val($(this).data('vendor'));$('#resetIniDisplay').text($(this).data('name'));modal.show()});$('#confirmResetIni').on('click',()=>document.getElementById('resetPhpIniForm').submit())});
    </script>
{% endblock %}