{% extends "baseTemplate/index.html" %}
{% load static %}
{# Basic php.ini form plus an advanced raw editor with a one-click restore. #}

{% block title %}Edit php.ini{% endblock %}

{% block content %}
<div ng-controller="editPhpIniController">

  <div class="cp-page-head">
    <div>
      <h1 class="cp-page-head__title"><i class="fa-solid fa-sliders"></i> Edit php.ini</h1>
      <p class="cp-page-head__sub">Saving either form recycles the lsphp processes for this build.</p>
    </div>
  </div>

  <div class="cp-card">
    <div class="cp-card__body">
      <div class="cp-form-grid">
        <div>
          <label class="cp-label" for="cpIniVersion">PHP version</label>
          <select class="cp-select" id="cpIniVersion" ng-model="phpVersion" ng-change="load()">
            <option value="">Select a version&hellip;</option>
            {% for version in installedVersions %}
              <option value="{{ version }}">{{ version }}</option>
            {% endfor %}
          </select>
        </div>
      </div>
    </div>
  </div>

  <div class="cp-alert cp-alert--danger" ng-show="errorMessage" ng-cloak role="alert">
    <i class="fa-solid fa-triangle-exclamation"></i>
    <p ng-bind="errorMessage"></p>
  </div>

  <div class="cp-card" ng-show="phpVersion" ng-cloak>
    <div class="cp-card__head">
      <h2 class="cp-card__title"><i class="fa-solid fa-list-check"></i> Basic settings</h2>
    </div>
    <div class="cp-card__body">
      <form novalidate ng-submit="saveBasic()">
        <div class="cp-form-grid">
          <div>
            <label class="cp-label">memory_limit</label>
            <input type="text" class="cp-input" ng-model="values.memory_limit" placeholder="256M">
          </div>
          <div>
            <label class="cp-label">upload_max_filesize</label>
            <input type="text" class="cp-input" ng-model="values.upload_max_filesize" placeholder="128M">
          </div>
          <div>
            <label class="cp-label">post_max_size</label>
            <input type="text" class="cp-input" ng-model="values.post_max_size" placeholder="128M">
          </div>
          <div>
            <label class="cp-label">max_execution_time</label>
            <input type="number" class="cp-input" ng-model="values.max_execution_time">
          </div>
          <div>
            <label class="cp-label">max_input_time</label>
            <input type="number" class="cp-input" ng-model="values.max_input_time">
          </div>
          <div>
            <label class="cp-label">max_input_vars</label>
            <input type="number" class="cp-input" ng-model="values.max_input_vars">
          </div>
          <div>
            <label class="cp-label">display_errors</label>
            <select class="cp-select" ng-model="values.display_errors">
              <option value="On">On</option>
              <option value="Off">Off</option>
            </select>
          </div>
          <div>
            <label class="cp-label">date.timezone</label>
            <input type="text" class="cp-input" ng-model="values['date.timezone']" placeholder="UTC">
          </div>
          <div>
            <label class="cp-label">allow_url_fopen</label>
            <select class="cp-select" ng-model="values.allow_url_fopen">
              <option value="On">On</option>
              <option value="Off">Off</option>
            </select>
          </div>
          <div>
            <label class="cp-label">file_uploads</label>
            <select class="cp-select" ng-model="values.file_uploads">
              <option value="On">On</option>
              <option value="Off">Off</option>
            </select>
          </div>
          <div>
            <label class="cp-label">short_open_tag</label>
            <select class="cp-select" ng-model="values.short_open_tag">
              <option value="On">On</option>
              <option value="Off">Off</option>
            </select>
          </div>
          <div>
            <label class="cp-label">session.gc_maxlifetime</label>
            <input type="number" class="cp-input" ng-model="values['session.gc_maxlifetime']">
          </div>
        </div>
        <div class="cp-btn-group" style="margin-top:14px">
          <button type="submit" class="cp-btn cp-btn--primary" ng-disabled="busy">
            <span ng-bind="busy ? 'Saving…' : 'Save and restart'"></span>
          </button>
        </div>
      </form>
    </div>
  </div>

  <div class="cp-card" ng-show="phpVersion" ng-cloak>
    <div class="cp-card__head">
      <h2 class="cp-card__title"><i class="fa-solid fa-code"></i> Advanced (raw php.ini)</h2>
      <p class="cp-card__sub">Up to {{ maxIniSize }} bytes. The previous version can be restored with one click.</p>
    </div>
    <div class="cp-card__body">
      <textarea class="cp-input" rows="16" style="font-family:monospace;width:100%"
                ng-model="rawContent" spellcheck="false"></textarea>
      <div class="cp-btn-group" style="margin-top:14px">
        <button type="button" class="cp-btn cp-btn--primary" ng-disabled="busy" ng-click="saveRaw()">
          <span ng-bind="busy ? 'Saving…' : 'Save raw content'"></span>
        </button>
        <button type="button" class="cp-btn cp-btn--ghost" ng-disabled="busy" ng-click="restore()">
          <i class="fa-solid fa-clock-rotate-left"></i> Restore previous version
        </button>
      </div>
    </div>
  </div>

</div>
{% endblock %}

{% block scripts %}
<script src="{% static 'managePHP/managePHP.js' %}"></script>
{% endblock %}