nodebb-plugin-onekite-calendar 2.0.11 → 2.0.13

package/public/admin.js

@@ -1170,6 +1170,7 @@ define('admin/plugins/calendar-onekite', ['alerts', 'bootbox'], function (alerts
     const accPurge = document.getElementById('onekite-acc-purge');
     const accSummary = document.querySelector('#onekite-acc-summary tbody');
     const accRows = document.querySelector('#onekite-acc-rows tbody');
+    const accFreeRows = document.querySelector('#onekite-acc-free-rows tbody');
 
     function ymd(d) {
       const yyyy = d.getUTCFullYear();
@@ -1188,22 +1189,33 @@ define('admin/plugins/calendar-onekite', ['alerts', 'bootbox'], function (alerts
     function renderAccounting(payload) {
       if (accSummary) accSummary.innerHTML = '';
       if (accRows) accRows.innerHTML = '';
+      if (accFreeRows) accFreeRows.innerHTML = '';
       if (!payload || !payload.ok) {
         return;
       }
 
       (payload.summary || []).forEach((s) => {
         const tr = document.createElement('tr');
-        tr.innerHTML = `<td>${escapeHtml(s.item)}</td><td>${escapeHtml(String(s.count || 0))}</td><td>${escapeHtml((Number(s.total) || 0).toFixed(2))}</td>`;
+        if (s.isFree) {
+          tr.innerHTML = `<td><em>${escapeHtml(s.item)}</em></td><td>${escapeHtml(String(s.count || 0))}</td><td>-</td>`;
+        } else {
+          tr.innerHTML = `<td>${escapeHtml(s.item)}</td><td>${escapeHtml(String(s.count || 0))}</td><td>${escapeHtml((Number(s.total) || 0).toFixed(2))}</td>`;
+        }
         accSummary && accSummary.appendChild(tr);
       });
 
       (payload.rows || []).forEach((r) => {
         const tr = document.createElement('tr');
-        const user = r.username ? `<a href="/user/${encodeURIComponent(r.username)}" target="_blank">${escapeHtml(r.username)}</a>` : '';
+        const user = r.username ? `<a href="/user/${encodeURIComponent(r.username)}" target="_blank">${escapeHtml(r.username)}</a>${r.isFree ? ' <em>(gratuit)</em>' : ''}` : (r.isFree ? '<em>(gratuit)</em>' : '');
         const items = Array.isArray(r.items) ? r.items.map((x) => escapeHtml(x)).join('<br>') : '';
-        tr.innerHTML = `<td>${escapeHtml(r.startDate)} → ${escapeHtml(r.endDate)}</td><td>${user}</td><td>${items}</td><td>${escapeHtml((Number(r.total) || 0).toFixed(2))}</td><td><code>${escapeHtml(r.rid)}</code></td>`;
-        accRows && accRows.appendChild(tr);
+        const totalCell = r.isFree ? '-' : escapeHtml((Number(r.total) || 0).toFixed(2));
+        if (r.isFree) {
+          tr.innerHTML = `<td>${escapeHtml(r.startDate)} → ${escapeHtml(r.endDate)}</td><td>${user}</td><td>${items}</td><td><code>${escapeHtml(r.rid)}</code></td>`;
+          accFreeRows && accFreeRows.appendChild(tr);
+        } else {
+          tr.innerHTML = `<td>${escapeHtml(r.startDate)} → ${escapeHtml(r.endDate)}</td><td>${user}</td><td>${items}</td><td>${totalCell}</td><td><code>${escapeHtml(r.rid)}</code></td>`;
+          accRows && accRows.appendChild(tr);
+        }
       });
     }
 
@@ -1270,6 +1282,195 @@ define('admin/plugins/calendar-onekite', ['alerts', 'bootbox'], function (alerts
       }
 
     }
+
+    // --------------------
+    // Maintenance (simple ON/OFF)
+    // --------------------
+    const maintSearch = document.getElementById('onekite-maint-search');
+    const maintRefresh = document.getElementById('onekite-maint-refresh');
+    const maintAllOn = document.getElementById('onekite-maint-all-on');
+    const maintAllOff = document.getElementById('onekite-maint-all-off');
+    const maintTableBody = document.querySelector('#onekite-maint-table tbody');
+
+    let maintItemsCache = [];
+    async function loadItemsWithMaintenance() {
+      // Public items endpoint returns catalog + maintenance flag
+      return await fetchJson('/api/v3/plugins/calendar-onekite/items');
+    }
+
+    function renderMaintenanceTable(items) {
+      if (!maintTableBody) return;
+      const q = maintSearch ? String(maintSearch.value || '').trim().toLowerCase() : '';
+      const filtered = (items || []).filter((it) => {
+        if (!it) return false;
+        if (!q) return true;
+        return String(it.name || '').toLowerCase().includes(q);
+      });
+      maintTableBody.innerHTML = filtered.map((it) => {
+        const id = String(it.id);
+        const name = String(it.name || '').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+        const checked = it.maintenance ? 'checked' : '';
+        return `<tr data-itemid="${id}">
+          <td>${name}</td>
+          <td>
+            <div class="form-check form-switch">
+              <input class="form-check-input onekite-maint-toggle" type="checkbox" ${checked} />
+            </div>
+          </td>
+        </tr>`;
+      }).join('') || '<tr><td colspan="2" class="text-muted">Aucun matériel.</td></tr>';
+    }
+
+    async function refreshMaintenance() {
+      try {
+        const items = await loadItemsWithMaintenance();
+        maintItemsCache = Array.isArray(items) ? items : [];
+        renderMaintenanceTable(maintItemsCache);
+      } catch (e) {
+        showAlert('error', 'Impossible de charger le matériel (maintenance).');
+      }
+    }
+
+    if (maintRefresh) maintRefresh.addEventListener('click', refreshMaintenance);
+
+    async function setAllMaintenance(enabled) {
+      const label = enabled ? 'mettre TOUS les matériels en maintenance' : 'enlever la maintenance sur TOUS les matériels';
+      const ok = window.confirm(`Confirmer : ${label} ?`);
+      if (!ok) return;
+      try {
+        await fetchJson('/api/v3/plugins/calendar-onekite/maintenance', {
+          method: 'PUT',
+          body: JSON.stringify({ enabled: !!enabled, all: true }),
+        });
+        // Update cache locally without refetching if possible
+        maintItemsCache = maintItemsCache.map((it) => Object.assign({}, it, { maintenance: !!enabled }));
+        renderMaintenanceTable(maintItemsCache);
+        showAlert('success', enabled ? 'Tous les matériels sont en maintenance.' : 'Maintenance supprimée pour tous les matériels.');
+      } catch (e) {
+        showAlert('error', 'Impossible de modifier la maintenance pour tous les matériels.');
+      }
+    }
+
+    if (maintAllOn) maintAllOn.addEventListener('click', () => setAllMaintenance(true));
+    if (maintAllOff) maintAllOff.addEventListener('click', () => setAllMaintenance(false));
+    if (maintSearch) maintSearch.addEventListener('input', () => renderMaintenanceTable(maintItemsCache));
+    if (maintTableBody) {
+      maintTableBody.addEventListener('change', async (ev) => {
+        const el = ev && ev.target;
+        if (!el || !el.classList || !el.classList.contains('onekite-maint-toggle')) return;
+        const tr = el.closest('tr');
+        const itemId = tr ? tr.getAttribute('data-itemid') : '';
+        const enabled = !!el.checked;
+        if (!itemId) return;
+        // Optimistic UI
+        try {
+          await fetchJson(`/api/v3/plugins/calendar-onekite/maintenance/${encodeURIComponent(String(itemId))}`, {
+            method: 'PUT',
+            body: JSON.stringify({ enabled }),
+          });
+          // Update cache
+          maintItemsCache = maintItemsCache.map((it) => (String(it.id) === String(itemId) ? Object.assign({}, it, { maintenance: enabled }) : it));
+          showAlert('success', enabled ? 'Maintenance activée.' : 'Maintenance désactivée.');
+        } catch (e) {
+          // Revert
+          el.checked = !enabled;
+          showAlert('error', 'Impossible de modifier la maintenance.');
+        }
+      });
+    }
+
+    // Load once
+    if (maintTableBody) {
+      refreshMaintenance();
+    }
+
+    // --------------------
+    // Audit (purge par année)
+    // --------------------
+    const auditYearEl = document.getElementById('onekite-audit-year');
+    const auditSearchEl = document.getElementById('onekite-audit-search');
+    const auditRefreshBtn = document.getElementById('onekite-audit-refresh');
+    const auditPurgeBtn = document.getElementById('onekite-audit-purge');
+    const auditTbody = document.querySelector('#onekite-audit-table tbody');
+
+    let auditCache = [];
+    function fmtDateTime(ts) {
+      try {
+        return new Date(Number(ts) || 0).toLocaleString('fr-FR');
+      } catch (e) {
+        return String(ts || '');
+      }
+    }
+    function renderAudit(entries) {
+      if (!auditTbody) return;
+      const q = auditSearchEl ? String(auditSearchEl.value || '').trim().toLowerCase() : '';
+      const rows = (entries || []).filter((e) => {
+        if (!e) return false;
+        if (!q) return true;
+        const hay = [e.action, e.actorUsername, e.targetType, e.targetId, JSON.stringify(e)].join(' ').toLowerCase();
+        return hay.includes(q);
+      }).map((e) => {
+        const actor = e.actorUsername ? `${e.actorUsername} (#${e.actorUid || 0})` : `#${e.actorUid || 0}`;
+        const target = `${e.targetType || ''} ${e.targetId || ''}`.trim();
+        const details = (() => {
+          const parts = [];
+          if (e.itemNames && Array.isArray(e.itemNames) && e.itemNames.length) parts.push(e.itemNames.join(', '));
+          if (e.startDate && e.endDate) parts.push(`${e.startDate} → ${e.endDate}`);
+          if (e.reason) parts.push(`Raison: ${e.reason}`);
+          if (e.removed) parts.push(`Supprimés: ${e.removed}`);
+          return parts.join(' — ');
+        })();
+        return `<tr>
+          <td>${fmtDateTime(e.ts)}</td>
+          <td>${String(actor).replace(/</g,'&lt;').replace(/>/g,'&gt;')}</td>
+          <td>${String(e.action || '').replace(/</g,'&lt;').replace(/>/g,'&gt;')}</td>
+          <td>${String(target).replace(/</g,'&lt;').replace(/>/g,'&gt;')}</td>
+          <td class="text-muted">${String(details || '').replace(/</g,'&lt;').replace(/>/g,'&gt;')}</td>
+        </tr>`;
+      }).join('');
+      auditTbody.innerHTML = rows || '<tr><td colspan="5" class="text-muted">Aucune entrée.</td></tr>';
+    }
+
+    async function refreshAudit() {
+      if (!auditTbody) return;
+      const y = Number((auditYearEl && auditYearEl.value) || new Date().getFullYear());
+      try {
+        const data = await fetchJson(`/api/v3/plugins/calendar-onekite/audit?year=${encodeURIComponent(String(y))}&limit=300`);
+        auditCache = (data && data.entries) ? data.entries : [];
+        renderAudit(auditCache);
+      } catch (e) {
+        showAlert('error', 'Impossible de charger l\'audit.');
+      }
+    }
+
+    if (auditYearEl && !auditYearEl.value) {
+      auditYearEl.value = String(new Date().getFullYear());
+    }
+    if (auditRefreshBtn) auditRefreshBtn.addEventListener('click', refreshAudit);
+    if (auditSearchEl) auditSearchEl.addEventListener('input', () => renderAudit(auditCache));
+    if (auditPurgeBtn) {
+      auditPurgeBtn.addEventListener('click', async () => {
+        const y = Number((auditYearEl && auditYearEl.value) || 0);
+        if (!y) return;
+        const ok = window.confirm(`Purger définitivement l’audit de l’année ${y} ?`);
+        if (!ok) return;
+        try {
+          const res = await fetchJson('/api/v3/plugins/calendar-onekite/audit/purge', {
+            method: 'POST',
+            body: JSON.stringify({ year: y }),
+          });
+          showAlert('success', `Audit purgé : ${res && res.removed ? res.removed : 0} entrée(s).`);
+          await refreshAudit();
+        } catch (e) {
+          showAlert('error', 'Purge audit impossible.');
+        }
+      });
+    }
+
+    // Load once
+    if (auditTbody) {
+      refreshAudit();
+    }
   }
 
   return { init };

package/public/client.js

@@ -41,7 +41,27 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
         .fc .onekite-day-disabled:hover {
           cursor: not-allowed;
         }
-      `;
+      
+        /* Mobile floating action button (FAB) */
+        @media (max-width: 768px) {
+          .onekite-fab {
+            position: fixed;
+            right: 16px;
+            bottom: 16px;
+            width: 56px;
+            height: 56px;
+            border-radius: 999px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            z-index: 1055;
+            box-shadow: 0 10px 22px rgba(0,0,0,.25);
+          }
+          .onekite-fab .fa, .onekite-fab .fas, .onekite-fab .fa-solid {
+            font-size: 20px;
+          }
+        }
+`;
       document.head.appendChild(style);
     } catch (e) {
       // ignore
@@ -52,6 +72,16 @@ define('forum/calendar-onekite', ['alerts', 'bootbox', 'hooks'], function (alert
   // interactions or quick re-renders.
   let isDialogOpen = false;
 
+  // Cached list of reservable items (loaded once per page init)
+  let cachedItems = null;
+
+  // Current FullCalendar instance (for refresh after actions)
+  let currentCalendar = null;
+
+  // Mobile FAB (mounted only on the calendar page)
+  let fabEl = null;
+  let fabHandler = null;
+
   // Prevent double taps/clicks on actions that trigger network calls (mobile especially).
   const actionLocks = new Map(); // key -> ts
   function lockAction(key, ms) {
@@ -848,6 +878,9 @@ function toDatetimeLocalValue(date) {
     // (no dependency on hours, timezone or DST).
     let days = calendarDaysExclusive(start, end);
 
+    // Maintenance is a simple ON/OFF flag per item (no dates).
+    const maintenance = new Set((items || []).filter(it => it && it.maintenance).map(it => String(it.id)));
+
     // Fetch existing events overlapping the selection to disable already reserved items.
     let blocked = new Set();
     try {
@@ -878,16 +911,18 @@ function toDatetimeLocalValue(date) {
 
     const rows = items.map((it, idx) => {
       const id = String(it.id);
-      const disabled = blocked.has(id);
+      const isMaint = maintenance.has(id);
+      const disabled = blocked.has(id) || isMaint;
       const priceTxt = fmtPrice(it.price || 0);
       const safeName = String(it.name).replace(/</g, '&lt;').replace(/>/g, '&gt;');
+      const labelName = isMaint ? `🔧 ${safeName} (en maintenance)` : safeName;
       return `
         <div class="d-flex align-items-center py-1 ${disabled ? 'opacity-50' : ''}" data-itemid="${id}" style="border-bottom: 1px solid var(--bs-border-color, #ddd);">
           <div style="width: 26px;">
             <input type="checkbox" class="form-check-input onekite-item-cb" data-id="${id}" data-name="${safeName}" data-price="${String(it.price || 0)}" ${disabled ? 'disabled' : ''}>
           </div>
           <div class="flex-grow-1">
-            <div><strong>${safeName}</strong></div>
+            <div><strong>${labelName}</strong></div>
             <div class="text-muted" style="font-size: 12px;">${priceTxt} € / jour</div>
           </div>
         </div>
@@ -1001,7 +1036,7 @@ function toDatetimeLocalValue(date) {
 
             document.querySelectorAll('#onekite-items [data-itemid]').forEach((row) => {
               const iid = row.getAttribute('data-itemid');
-              const dis = blocked.has(String(iid));
+              const dis = blocked.has(String(iid)) || maintenance.has(String(iid));
               row.classList.toggle('opacity-50', dis);
               const cb = row.querySelector('input.onekite-item-cb');
               if (cb) {
@@ -1065,6 +1100,7 @@ function toDatetimeLocalValue(date) {
     }
 
     const items = await loadItems();
+    cachedItems = items;
     const caps = await loadCapabilities().catch(() => ({}));
     const canCreateSpecial = !!caps.canCreateSpecial;
     const canDeleteSpecial = !!caps.canDeleteSpecial;
@@ -1303,14 +1339,18 @@ function toDatetimeLocalValue(date) {
         // If the user used "Durée rapide", the effective end date is held
         // inside the dialog (returned as `chosen.endDate`).
         const endDate = (chosen && chosen.endDate) ? String(chosen.endDate) : toLocalYmd(info.end);
-        await requestReservation({
+        const resp = await requestReservation({
           start: startDate,
           end: endDate,
           itemIds: chosen.itemIds,
           itemNames: chosen.itemNames,
           total: chosen.total,
         });
-        showAlert('success', 'Demande envoyée (en attente de validation).');
+        if (resp && (resp.autoPaid || String(resp.status) === 'paid')) {
+          showAlert('success', 'Réservation confirmée.');
+        } else {
+          showAlert('success', 'Demande envoyée (en attente de validation).');
+        }
         invalidateEventsCache();
         scheduleRefetch(calendar);
         calendar.unselect();
@@ -1865,6 +1905,7 @@ function toDatetimeLocalValue(date) {
 
     // Expose for live updates
     try { window.oneKiteCalendar = calendar; } catch (e) {}
+    currentCalendar = calendar;
 
     calendar.render();
 
@@ -1959,11 +2000,201 @@ function toDatetimeLocalValue(date) {
   }
 
   // Auto-init on /calendar when ajaxify finishes rendering.
-  function autoInit(data) {
+  
+  function unmountMobileFab() {
+    try {
+      if (fabEl) {
+        if (fabHandler) fabEl.removeEventListener('click', fabHandler);
+        fabEl.remove();
+      }
+    } catch (e) {}
+    fabEl = null;
+    fabHandler = null;
+  }
+
+  function formatDdMmYyyy(d) {
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${pad(d.getDate())}/${pad(d.getMonth() + 1)}/${d.getFullYear()}`;
+  }
+
+  function parseDdMmYyyy(s) {
+    const m = String(s || '').trim().match(/^([0-3]\d)\/([0-1]\d)\/(\d{4})$/);
+    if (!m) return null;
+    const day = parseInt(m[1], 10);
+    const month = parseInt(m[2], 10);
+    const year = parseInt(m[3], 10);
+    if (month < 1 || month > 12) return null;
+    const d = new Date(year, month - 1, day, 0, 0, 0, 0);
+    // Validate (Date will overflow on invalid day)
+    if (d.getFullYear() !== year || (d.getMonth() + 1) !== month || d.getDate() !== day) return null;
+    return d;
+  }
+
+  async function openFabDatePicker() {
+    if (!lockAction('fab-date-picker', 700)) return;
+
+    // Defaults: tomorrow -> tomorrow (cannot book today or past)
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const minStart = new Date(today);
+    minStart.setDate(minStart.getDate() + 1);
+
+    const html = `
+      <div class="onekite-fab-dates">
+        <div class="mb-2">
+          <label class="form-label">Date de début</label>
+          <input class="form-control" type="date" id="onekite-fab-start" autocomplete="off" />
+        </div>
+        <div class="mb-2">
+          <label class="form-label">Date de fin (incluse)</label>
+          <input class="form-control" type="date" id="onekite-fab-end" autocomplete="off" />
+          <div class="form-text">Sélectionne une période (la date de fin est incluse).</div>
+        </div>
+      </div>
+    `;
+
+    const dlg = bootbox.dialog({
+      title: 'Choisir des dates',
+      message: html,
+      buttons: {
+        cancel: { label: 'Annuler', className: 'btn-secondary' },
+        ok: {
+          label: 'Continuer',
+          className: 'btn-primary',
+          callback: function () {
+            const sStr = String(document.getElementById('onekite-fab-start').value || '');
+            const eStr = String(document.getElementById('onekite-fab-end').value || '');
+            const s = parseYmdDate(sStr);
+            const e = parseYmdDate(eStr);
+            if (!s || !e) {
+              alerts.error('Dates invalides.');
+              return false;
+            }
+
+            // Cannot book today or past
+            if (s < minStart || e < minStart) {
+              alerts.error('Impossible de réserver pour le jour même ou dans le passé.');
+              return false;
+            }
+            if (e < s) {
+              alerts.error('La date de fin doit être après la date de début.');
+              return false;
+            }
+
+            // Convert end inclusive -> end exclusive (FullCalendar rule)
+            const endExcl = new Date(e);
+            endExcl.setDate(endExcl.getDate() + 1);
+
+            // Open the standard reservation dialog
+            (async () => {
+              try {
+                if (isDialogOpen) return;
+                isDialogOpen = true;
+                const items = cachedItems || (await loadItems());
+                const chosen = await openReservationDialog({ start: s, end: endExcl }, items);
+                if (chosen && chosen.itemIds && chosen.itemIds.length) {
+                  const startDate = toLocalYmd(s);
+                  const endDate = (chosen && chosen.endDate) ? String(chosen.endDate) : toLocalYmd(endExcl);
+        const resp = await requestReservation({
+          start: startDate,
+          end: endDate,
+          itemIds: chosen.itemIds,
+          itemNames: chosen.itemNames,
+          total: chosen.total,
+        });
+        if (resp && (resp.autoPaid || String(resp.status) === 'paid')) {
+          showAlert('success', 'Réservation confirmée.');
+        } else {
+          showAlert('success', 'Demande envoyée (en attente de validation).');
+        }
+                  invalidateEventsCache();
+                  if (currentCalendar) scheduleRefetch(currentCalendar);
+                }
+              } catch (err) {
+                // ignore
+              } finally {
+                isDialogOpen = false;
+              }
+            })();
+
+            // close picker modal
+            return true;
+          },
+        },
+      },
+    });
+
+    dlg.on('shown.bs.modal', () => {
+      try {
+        const startEl = document.getElementById('onekite-fab-start');
+        const endEl = document.getElementById('onekite-fab-end');
+        const minStr = toLocalYmd(minStart);
+        if (startEl) {
+          startEl.min = minStr;
+          startEl.value = minStr;
+        }
+        if (endEl) {
+          endEl.min = minStr;
+          endEl.value = minStr;
+        }
+        if (startEl && endEl) {
+          startEl.addEventListener('change', () => {
+            try {
+              const d = parseYmdDate(String(startEl.value || ''));
+              if (!d) return;
+              const minEnd = new Date(d);
+              const minEndStr = toLocalYmd(minEnd);
+              endEl.min = minEndStr;
+              if (String(endEl.value || '') < minEndStr) endEl.value = minEndStr;
+            } catch (e) {}
+          });
+        }
+        if (startEl) startEl.focus();
+      } catch (e) {}
+    });
+  }
+
+  function parseYmdDate(ymdStr) {
+    // Expect YYYY-MM-DD (from <input type="date">)
+    if (!ymdStr || typeof ymdStr !== 'string') return null;
+    const m = /^\s*(\d{4})-(\d{2})-(\d{2})\s*$/.exec(ymdStr);
+    if (!m) return null;
+    const y = parseInt(m[1], 10);
+    const mo = parseInt(m[2], 10);
+    const d = parseInt(m[3], 10);
+    if (!y || !mo || !d) return null;
+    const dt = new Date(y, mo - 1, d);
+    dt.setHours(0, 0, 0, 0);
+    return dt;
+  }
+
+  function mountMobileFab() {
+    try {
+      unmountMobileFab();
+      // Only on mobile screens
+      if (!window.matchMedia || !window.matchMedia('(max-width: 768px)').matches) return;
+
+      fabEl = document.createElement('button');
+      fabEl.type = 'button';
+      fabEl.className = 'btn btn-primary onekite-fab';
+      fabEl.setAttribute('aria-label', 'Nouvelle réservation');
+      fabEl.innerHTML = '<i class="fa fa-plus"></i>';
+
+      fabHandler = () => openFabDatePicker();
+      fabEl.addEventListener('click', fabHandler);
+
+      document.body.appendChild(fabEl);
+    } catch (e) {}
+  }
+
+function autoInit(data) {
     try {
       const tpl = data && data.template ? data.template.name : (ajaxify && ajaxify.data && ajaxify.data.template ? ajaxify.data.template.name : '');
       if (tpl === 'calendar-onekite') {
         init('#onekite-calendar');
+        mountMobileFab();
+      } else {
+        unmountMobileFab();
       }
     } catch (e) {}
   }

package/templates/admin/plugins/calendar-onekite.tpl

@@ -20,6 +20,12 @@
       <li class="nav-item" role="presentation">
         <button class="nav-link" data-bs-toggle="tab" data-bs-target="#onekite-tab-accounting" type="button" role="tab">Comptabilisation</button>
       </li>
+      <li class="nav-item" role="presentation">
+        <button class="nav-link" data-bs-toggle="tab" data-bs-target="#onekite-tab-maintenance" type="button" role="tab">Maintenance</button>
+      </li>
+      <li class="nav-item" role="presentation">
+        <button class="nav-link" data-bs-toggle="tab" data-bs-target="#onekite-tab-audit" type="button" role="tab">Audit</button>
+      </li>
     </ul>
 
     <form id="onekite-settings-form">
@@ -53,6 +59,12 @@
             <div class="form-text">Après validation (statut <code>paiement en attente</code>), un rappel est envoyé après ce délai. La réservation est ensuite expirée après <strong>2×</strong> ce délai.</div>
           </div>
 
+          <div class="mb-3">
+            <label class="form-label">Location longue durée (jours) pour validateurs</label>
+            <input class="form-control" name="validatorFreeMaxDays" placeholder="0">
+            <div class="form-text">Les validateurs ne paient pas leurs propres locations <strong>jusqu’à</strong> ce nombre de jours (inclus). Au-delà, le workflow normal (demande → validation → paiement) s’applique. Mets <code>0</code> pour toujours gratuit.</div>
+          </div>
+
           <hr class="my-4" />
           <h4>Discord</h4>
 
@@ -207,6 +219,68 @@
             <tbody></tbody>
           </table>
         </div>
+
+        <h5 class="mt-4">Détails des sorties gratuites</h5>
+        <div class="form-text mb-2">Réservations gratuites (validateurs) : comptées séparément (hors chiffre d’affaires).</div>
+        <div class="table-responsive">
+          <table class="table table-sm" id="onekite-acc-free-rows">
+            <thead>
+              <tr><th>Date</th><th>Utilisateur</th><th>Matériel</th><th>RID</th></tr>
+            </thead>
+            <tbody></tbody>
+          </table>
+        </div>
+      </div>
+
+      <div class="tab-pane fade" id="onekite-tab-maintenance" role="tabpanel">
+        <h4>Maintenance (blocage manuel)</h4>
+        <div class="form-text mb-3">Active la maintenance sur un matériel pour le rendre indisponible (sans notion de dates). Les utilisateurs verront <strong>🔧 (en maintenance)</strong> dans la modale de réservation.</div>
+
+        <div class="d-flex flex-wrap gap-2 align-items-center mb-2">
+          <input class="form-control" id="onekite-maint-search" placeholder="Rechercher un matériel..." style="max-width: 420px;">
+          <button type="button" class="btn btn-outline-secondary" id="onekite-maint-refresh">Rafraîchir</button>
+          <div class="vr d-none d-md-block"></div>
+          <button type="button" class="btn btn-outline-warning" id="onekite-maint-all-on" title="Active la maintenance sur tous les matériels">Tout mettre en maintenance</button>
+          <button type="button" class="btn btn-outline-success" id="onekite-maint-all-off" title="Désactive la maintenance sur tous les matériels">Tout enlever de maintenance</button>
+        </div>
+
+        <div class="table-responsive">
+          <table class="table table-sm" id="onekite-maint-table">
+            <thead>
+              <tr><th>Matériel</th><th style="width: 140px;">Maintenance</th></tr>
+            </thead>
+            <tbody></tbody>
+          </table>
+        </div>
+      </div>
+
+      <div class="tab-pane fade" id="onekite-tab-audit" role="tabpanel">
+        <h4>Journal d’audit</h4>
+        <div class="form-text mb-3">Historique des actions (demandes, validations, refus, annulations, maintenance). Purge possible par année.</div>
+
+        <div class="d-flex flex-wrap gap-2 align-items-end mb-3">
+          <div>
+            <label class="form-label">Année</label>
+            <input class="form-control" id="onekite-audit-year" placeholder="YYYY" style="max-width: 160px;">
+          </div>
+          <div>
+            <label class="form-label">Recherche</label>
+            <input class="form-control" id="onekite-audit-search" placeholder="pseudo, matériel, action..." style="max-width: 360px;">
+          </div>
+          <div>
+            <button type="button" class="btn btn-primary" id="onekite-audit-refresh">Rafraîchir</button>
+            <button type="button" class="btn btn-outline-danger" id="onekite-audit-purge">Purger l’année</button>
+          </div>
+        </div>
+
+        <div class="table-responsive">
+          <table class="table table-sm" id="onekite-audit-table">
+            <thead>
+              <tr><th>Date</th><th>Acteur</th><th>Action</th><th>Cible</th><th>Détails</th></tr>
+            </thead>
+            <tbody></tbody>
+          </table>
+        </div>
       </div>
     </div>
     </form>