"use strict";

(function (global) {
  const Snapshot = global.TarinaiSnapshot;
  const Codec = global.TarinaiSaveCodec;
  const Storage = global.TarinaiSaveStorage;
  const Restore = global.TarinaiRestoreCoordinator;
  if (!Snapshot || !Codec || !Storage || !Restore) throw new Error("save_system.js dependencies are not available");
  const SLOT_COUNT = Storage.SLOT_COUNT;
  const htmlEscape = global.TarinaiUIHelpers.htmlEscape;

  function createSnapshot(worldRef = global.world) {
    return Snapshot.createSnapshot(worldRef);
  }

  function restoreSnapshot(snapshot, worldRef = global.world, options = {}) {
    return Restore.restoreSnapshot(snapshot, worldRef, { source: options.source || "save", syncUi: options.syncUi });
  }

  async function encodeSnapshot(snapshot = createSnapshot(global.world)) {
    return Codec.encodeSnapshot(snapshot);
  }

  async function decodeSnapshot(text) {
    return Codec.decodeSnapshot(text);
  }

  async function saveSlot(slot) {
    const snapshot = createSnapshot(global.world);
    return Storage.writeSlot(slot, snapshot);
  }

  async function loadSlot(slot) {
    const snapshot = Storage.requireSlot(slot);
    return restoreSnapshot(snapshot, global.world, { source: "slot" });
  }

  function deleteSlot(slot) { Storage.deleteSlot(slot); }
  function readSlot(slot) { return Storage.readSlot(slot); }

  function formatSlotSummary(snapshot) {
    if (!snapshot) return "\u7a7a\u304d";
    const m = snapshot.m || [];
    const date = snapshot.c ? new Date(snapshot.c).toLocaleString("ja-JP", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }) : "\u65e5\u6642\u4e0d\u660e";
    const day = m[0] || 1;
    const population = m[1] || 0;
    const fieldType = m[2] || "\u5ead";
    const timeText = Number.isFinite(m[3]) ? `${Math.floor((m[3] / 10) % 24).toString().padStart(2, "0")}:00` : "";
    return `${date} / ${fieldType} / ${day}\u65e5\u76ee ${timeText} / ${population}\u5339`;
  }

  function ensureDialog() {
    let dialog = document.getElementById("saveDialog");
    if (dialog) return dialog;
    dialog = document.createElement("div");
    dialog.id = "saveDialog";
    dialog.className = "field-dialog hidden";
    dialog.setAttribute("role", "dialog");
    dialog.setAttribute("aria-modal", "true");
    dialog.innerHTML = `
      <div class="field-dialog-panel save-dialog-panel">
        <h2 id="saveDialogTitle">\u30bb\u30fc\u30d6 / \u30ed\u30fc\u30c9</h2>
        <p class="hint save-warning">\u30bb\u30fc\u30d6\u6a5f\u80fd\u306f\u5b9f\u9a13\u4e2d\u3067\u3042\u308a\u3001\u4fdd\u8a3c\u5bfe\u8c61\u5916\u3067\u3059\u3002</p>
        <p class="hint">9\u3064\u306e\u30b9\u30ed\u30c3\u30c8\u306b\u73fe\u5728\u306e\u30b3\u30ed\u30cb\u30fc\u3092\u4fdd\u5b58\u3067\u304d\u307e\u3059\u3002\u30cf\u30c3\u30b7\u30e5\u30c6\u30ad\u30b9\u30c8\u306f\u5225\u7aef\u672b\u3084\u5225\u30d6\u30e9\u30a6\u30b6\u3078\u306e\u79fb\u52d5\u306b\u4f7f\u3048\u307e\u3059\u3002</p>
        <div id="saveSlotList" class="save-slot-list"></div>
        <div class="save-export-panel">
          <div class="save-export-actions">
            <button id="saveExportBtn" class="btn" type="button">\u73fe\u5728\u306e\u72b6\u614b\u3092\u66f8\u304d\u51fa\u3057</button>
            <button id="saveImportBtn" class="btn primary" type="button">\u30cf\u30c3\u30b7\u30e5\u30c6\u30ad\u30b9\u30c8\u3092\u8aad\u307f\u8fbc\u307f</button>
          </div>
          <textarea id="saveHashText" class="save-hash-text" spellcheck="false" placeholder="\u3053\u3053\u306b\u30cf\u30c3\u30b7\u30e5\u30c6\u30ad\u30b9\u30c8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u8aad\u307f\u8fbc\u3080\u5834\u5408\u306f\u3053\u3053\u306b\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002"></textarea>
        </div>
        <div class="field-dialog-actions">
          <button id="saveCloseBtn" class="btn" type="button">\u9589\u3058\u308b</button>
        </div>
      </div>`;
    document.body.appendChild(dialog);
    return dialog;
  }

  function renderSlotList() {
    const dialog = ensureDialog();
    const list = dialog.querySelector("#saveSlotList");
    if (!list) return;
    list.innerHTML = "";
    for (let i = 1; i <= SLOT_COUNT; i++) {
      const snapshot = readSlot(i);
      const row = document.createElement("div");
      row.className = "save-slot-row";
      row.innerHTML = `
        <div class="save-slot-title">\u30b9\u30ed\u30c3\u30c8 ${i}</div>
        <div class="save-slot-meta">${htmlEscape(formatSlotSummary(snapshot))}</div>
        <div class="save-slot-actions">
          <button class="btn mini" data-save-slot="${i}" type="button">\u4fdd\u5b58</button>
          <button class="btn mini" data-load-slot="${i}" type="button" ${snapshot ? "" : "disabled"}>\u8aad\u8fbc</button>
          <button class="btn mini danger" data-delete-slot="${i}" type="button" ${snapshot ? "" : "disabled"}>\u524a\u9664</button>
        </div>`;
      list.appendChild(row);
    }
  }

  function openDialog() {
    const dialog = ensureDialog();
    renderSlotList();
    dialog.classList.remove("hidden");
  }

  function closeDialog() {
    document.getElementById("saveDialog")?.classList.add("hidden");
  }

  function bindSaveSystem() {
    const btn = document.getElementById("saveBtn") || global.ui?.saveBtn;
    if (!btn || btn.dataset.saveBound === "1") return;
    btn.dataset.saveBound = "1";
    btn.addEventListener("click", () => {
      global.audio?.uiClick?.();
      openDialog();
    });
    const dialog = ensureDialog();
    if (dialog.dataset.saveDialogBound === "1") return;
    dialog.dataset.saveDialogBound = "1";
    dialog.addEventListener("click", async (e) => {
      if (e.target === dialog) { closeDialog(); return; }
      const saveBtn = e.target.closest("[data-save-slot]");
      const loadBtn = e.target.closest("[data-load-slot]");
      const deleteBtn = e.target.closest("[data-delete-slot]");
      if (saveBtn) {
        const slot = Number(saveBtn.dataset.saveSlot);
        try {
          await saveSlot(slot);
          renderSlotList();
          global.audio?.notify?.();
          global.showToast?.(`\u30b9\u30ed\u30c3\u30c8${slot}\u306b\u4fdd\u5b58\u3057\u307e\u3057\u305f\u3002`);
        } catch (error) {
          console.warn(error);
          global.showToast?.("\u4fdd\u5b58\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002\u7a7a\u304d\u5bb9\u91cf\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002");
        }
        return;
      }
      if (loadBtn) {
        const slot = Number(loadBtn.dataset.loadSlot);
        if (!global.confirm?.(`\u30b9\u30ed\u30c3\u30c8${slot}\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002\u73fe\u5728\u306e\u72b6\u614b\u306f\u4e0a\u66f8\u304d\u3055\u308c\u307e\u3059\u3002`)) return;
        try {
          await loadSlot(slot);
          closeDialog();
          global.audio?.notify?.();
          global.showToast?.(`\u30b9\u30ed\u30c3\u30c8${slot}\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3057\u305f\u3002`);
        } catch (error) {
          console.warn(error);
          global.showToast?.("\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002");
        }
        return;
      }
      if (deleteBtn) {
        const slot = Number(deleteBtn.dataset.deleteSlot);
        if (!global.confirm?.(`\u30b9\u30ed\u30c3\u30c8${slot}\u3092\u524a\u9664\u3057\u307e\u3059\u304b\uff1f`)) return;
        deleteSlot(slot);
        renderSlotList();
        global.audio?.delete?.();
        global.showToast?.(`\u30b9\u30ed\u30c3\u30c8${slot}\u3092\u524a\u9664\u3057\u307e\u3057\u305f\u3002`);
        return;
      }
      if (e.target.closest("#saveCloseBtn")) closeDialog();
      if (e.target.closest("#saveExportBtn")) {
        const area = dialog.querySelector("#saveHashText");
        if (area) {
          area.value = await encodeSnapshot(createSnapshot(global.world));
          area.focus();
          area.select();
        }
        global.showToast?.("\u73fe\u5728\u306e\u72b6\u614b\u3092\u30cf\u30c3\u30b7\u30e5\u30c6\u30ad\u30b9\u30c8\u306b\u66f8\u304d\u51fa\u3057\u307e\u3057\u305f\u3002");
      }
      if (e.target.closest("#saveImportBtn")) {
        const area = dialog.querySelector("#saveHashText");
        const text = area?.value || "";
        if (!text.trim()) { global.showToast?.("\u8aad\u307f\u8fbc\u3080\u30cf\u30c3\u30b7\u30e5\u30c6\u30ad\u30b9\u30c8\u3092\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044\u3002"); return; }
        if (!global.confirm?.("\u30cf\u30c3\u30b7\u30e5\u30c6\u30ad\u30b9\u30c8\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002\u73fe\u5728\u306e\u72b6\u614b\u306f\u4e0a\u66f8\u304d\u3055\u308c\u307e\u3059\u3002")) return;
        try {
          restoreSnapshot(await decodeSnapshot(text), global.world, { source: "import" });
          closeDialog();
          global.showToast?.("\u30cf\u30c3\u30b7\u30e5\u30c6\u30ad\u30b9\u30c8\u304b\u3089\u8aad\u307f\u8fbc\u307f\u307e\u3057\u305f\u3002");
        } catch (error) {
          console.warn(error);
          global.showToast?.("\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u307e\u3057\u305f\u3002\u30c6\u30ad\u30b9\u30c8\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002");
        }
      }
    });
  }

  global.TarinaiSaveSystem = {
    createSnapshot,
    restoreSnapshot,
    encodeSnapshot,
    decodeSnapshot,
    saveSlot,
    loadSlot,
    deleteSlot,
    readSlot,
    bindSaveSystem,
    openDialog,
  };
})(typeof window !== "undefined" ? window : globalThis);