{% extends "base.html" %}
{% load i18n %}
{% block title %}{% translate "PHP Selector" %} - Eenos{% endblock %}
{% block content %}
<div class="eenos-page-header flex-wrap gap-3"><div><h1 class="eenos-page-title">{% translate "PHP Selector" %}</h1><div class="eenos-page-subtitle">{% translate "Choose the PHP runtime and PHP-FPM status for each website." %}</div></div></div>
<nav class="eenos-breadcrumb" aria-label="{% translate 'Breadcrumb' %}"><a href="{% url 'dashboard' %}">{% translate "Dashboard" %}</a><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "Applications" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span>{% translate "PHP" %}</span><span class="eenos-breadcrumb-separator"><i data-lucide="chevron-right"></i></span><span class="eenos-breadcrumb-current">{% translate "PHP Selector" %}</span></nav>
{% include "includes/form_alerts.html" %}
<div class="eenos-card"><div class="eenos-card-header"><div><h2 class="eenos-card-title">{% translate "Website PHP Runtimes" %}</h2><p class="eenos-card-subtitle">{% translate "The account default PHP version is" %} <span class="font-monospace fw-semibold">{{ default|default:"—" }}</span>.</p></div><div class="eenos-card-action-icon"><i data-lucide="list-checks"></i></div></div><div class="table-responsive"><table id="phpRuntimesTable" class="table align-middle w-100"><thead><tr><th>{% translate "Website" %}</th><th>{% translate "PHP Version" %}</th><th class="text-center">{% translate "PHP-FPM Status" %}</th><th class="text-end">{% translate "Actions" %}</th></tr></thead></table></div></div>
<form method="post" id="changePhpForm">{% csrf_token %}<input type="hidden" name="domain" id="changePhpDomain"><input type="hidden" name="user" id="changePhpUser"><input type="hidden" name="phpver" id="changePhpVersion"><input type="hidden" name="change_php_ver" value="yes"></form>
<form method="post" id="changeFpmForm">{% csrf_token %}<input type="hidden" name="domain" id="changeFpmDomain"><input type="hidden" name="user" id="changeFpmUser"><input type="hidden" name="fpm" id="changeFpmStatus"><input type="hidden" name="fpmenable" value="yes"></form>
<div class="modal fade" id="changePhpModal" tabindex="-1" aria-labelledby="changePhpTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5 d-flex align-items-center gap-2" id="changePhpTitle"><i data-lucide="file-code-2"></i>{% translate "Change PHP Runtime" %}</h2><div class="small text-muted mt-1">{% translate "Choose the PHP version that will serve this website." %}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Close' %}"></button></div><div class="modal-body"><div class="row g-3 mb-4"><div class="col-12 col-sm-7"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="globe-2"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Website" %}</div><div class="eenos-modal-info-value text-break" id="changePhpDomainLabel"></div></div></div></div><div class="col-12 col-sm-5"><div class="eenos-modal-info h-100"><div class="eenos-modal-info-icon"><i data-lucide="code-2"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Current runtime" %}</div><div class="eenos-modal-info-value font-monospace" id="currentPhpVersionLabel"></div></div></div></div></div><div class="mb-3"><label for="phpVersionSelect" class="form-label">{% translate "New PHP Version" %}</label><select id="phpVersionSelect" class="form-select eenos-select-search" required data-parsley-required-message="{% translate 'Please select a PHP version.' %}"><option value="">{% translate "Select PHP version" %}</option><option value="default">{% translate "Use account default" %} ({{ default }})</option>{% for php in allphp %}<option value="{{ php }}">{{ php }}</option>{% endfor %}</select><div class="invalid-feedback">{% translate "Please select a PHP version." %}</div></div><div class="eenos-amber-notice eenos-amber-notice-warning mb-0" role="alert"><div class="eenos-amber-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title">{% translate "Check application compatibility" %}</div><div class="eenos-amber-notice-text">{% translate "Changing the runtime can affect applications that require a specific PHP version or extension set." %}</div></div></div></div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Cancel" %}</button><button type="button" class="btn btn-primary" id="confirmPhpChange"><i data-lucide="refresh-cw"></i>{% translate "Change PHP Runtime" %}</button></div></div></div></div>
<div class="modal fade" id="changeFpmModal" tabindex="-1" aria-labelledby="changeFpmTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><div class="modal-header"><div><h2 class="modal-title fs-5 d-flex align-items-center gap-2" id="changeFpmTitle"><i data-lucide="gauge"></i><span id="changeFpmTitleText"></span></h2><div class="small text-muted mt-1">{% translate "Confirm the PHP-FPM status change." %}</div></div><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-3"><div class="eenos-modal-info-icon"><i data-lucide="globe-2"></i></div><div class="eenos-modal-info-content"><div class="eenos-modal-info-label">{% translate "Website" %}</div><div class="eenos-modal-info-value" id="changeFpmDomainLabel"></div></div></div><div class="eenos-amber-notice eenos-amber-notice-warning mb-0" role="alert"><div class="eenos-amber-notice-icon"><i data-lucide="triangle-alert"></i></div><div class="eenos-amber-notice-content"><div class="eenos-amber-notice-title" id="changeFpmNoticeTitle"></div><div class="eenos-amber-notice-text">{% translate "The website's PHP service configuration will be rebuilt." %}</div></div></div></div><div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal"><i data-lucide="x"></i>{% translate "Cancel" %}</button><button type="button" class="btn btn-primary" id="confirmFpmChange"><i data-lucide="check"></i><span id="confirmFpmText"></span></button></div></div></div></div>
{% endblock %}
{% block extra_js %}<script>
(function($){"use strict";$(function(){
const esc=v=>$("<div>").text(v==null?"":v).html(),phpModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("changePhpModal")),fpmModal=bootstrap.Modal.getOrCreateInstance(document.getElementById("changeFpmModal"));
const table=$("#phpRuntimesTable").DataTable({processing:true,autoWidth:false,ajax:{url:"{% url 'php_runtimes_data' %}",dataSrc:"data"},pageLength:25,lengthMenu:[[25,50,100,-1],[25,50,100,"{% translate 'All' %}"]],order:[[0,"asc"]],language:{lengthMenu:"{% translate '_MENU_ Rows per page' %}",loadingRecords:"&nbsp;",processing:"{% translate 'Loading...' %}",emptyTable:"{% translate 'No websites are available.' %}",zeroRecords:"{% translate 'No matching websites found.' %}"},responsive:{details:{renderer:DataTable.Responsive.renderer.listHiddenNodes()}},columns:[
{data:"domain",responsivePriority:1,className:"text-nowrap",render:(v,t,row)=>t==="display"?'<a class="d-inline-flex align-items-center gap-2" href="'+esc(row.site_url)+'" target="_blank" rel="noopener"><i data-lucide="external-link"></i><span>'+esc(v)+'</span></a>':v},
{data:"php_version",responsivePriority:2,className:"text-nowrap",render:(v,t,row)=>{if(t!=="display")return row.php_version_label||v;const version=esc(row.php_version_number||v),runtime=esc(row.php_resolved_runtime||v);if(row.php_inherited)return'<div class="d-inline-flex align-items-center gap-2" title="'+runtime+'"><span class="badge eenos-badge-neutral font-monospace">'+version+'</span><span class="small text-muted">{% translate "System default" %}</span></div>';return'<div class="d-inline-flex align-items-center gap-2" title="'+runtime+'"><span class="badge eenos-badge-primary font-monospace">'+version+'</span><span class="badge eenos-badge-neutral">'+esc(row.php_provider||"{% translate 'Eenos' %}")+'</span></div>'}},
{data:"fpm_enabled",responsivePriority:3,width:"118px",className:"text-center text-nowrap",render:(v,t,row)=>t!=="display"?v:'<div class="form-check form-switch d-inline-flex m-0"><input type="checkbox" class="form-check-input eenos-switch-success php-fpm-switch" role="switch" data-row="'+encodeURIComponent(JSON.stringify(row))+'" title="'+(v?"{% translate 'Disable PHP-FPM' %}":"{% translate 'Enable PHP-FPM' %}")+'" aria-label="{% translate 'Change PHP-FPM status' %}" '+(v?'checked':'')+'></div>'},
{data:null,orderable:false,searchable:false,responsivePriority:1,className:"text-end text-nowrap",render:(d,t,row)=>t!=="display"?"":'<div class="eenos-dt-actions justify-content-end"><button type="button" class="btn btn-sm btn-outline-primary change-php" data-domain="'+encodeURIComponent(row.domain)+'" data-version="'+encodeURIComponent(row.php_version)+'" title="{% translate 'Change PHP version' %}"><i data-lucide="file-pen-line"></i></button></div>'}
],drawCallback:()=>lucide.createIcons()});table.on("responsive-display",()=>lucide.createIcons());
$(document).on("click",".change-php",function(){const domain=decodeURIComponent(this.dataset.domain),version=decodeURIComponent(this.dataset.version);$("#changePhpDomainLabel").text(domain);$("#currentPhpVersionLabel").text(version);$("#changePhpDomain").val(domain);$("#phpVersionSelect").val(version).trigger("change").removeClass("is-invalid");phpModal.show()});
$("#confirmPhpChange").on("click",function(){const version=$("#phpVersionSelect").val();if(!version){$("#phpVersionSelect").addClass("is-invalid");return}$("#changePhpVersion").val(version);document.getElementById("changePhpForm").submit()});
$(document).on("change",".php-fpm-switch",function(){const row=JSON.parse(decodeURIComponent(this.dataset.row)),enable=!row.fpm_enabled;this.checked=row.fpm_enabled;$("#changeFpmDomain").val(row.domain);$("#changeFpmStatus").val(enable?"on":"off");$("#changeFpmDomainLabel").text(row.domain);$("#changeFpmTitleText").text(enable?"{% translate 'Enable PHP-FPM' %}":"{% translate 'Disable PHP-FPM' %}");$("#changeFpmNoticeTitle").text(enable?"{% translate 'PHP-FPM will be enabled' %}":"{% translate 'PHP-FPM will be disabled' %}");$("#confirmFpmText").text(enable?"{% translate 'Enable PHP-FPM' %}":"{% translate 'Disable PHP-FPM' %}");fpmModal.show()});
$("#confirmFpmChange").on("click",function(){document.getElementById("changeFpmForm").submit()});
})})(jQuery);
</script>{% endblock %}