"use strict";

(function (global) {
  const STORAGE_PREFIX = "tarinai_save_slot_v1_";
  const EXPORT_PREFIX = "TARINAI_SAVE_V1:";
  const SLOT_COUNT = 9;
  const Snapshot = global.TarinaiSnapshot;
  if (!Snapshot) throw new Error("TarinaiSnapshot is not available for save_system.js");
  const createSnapshot = (...args) => Snapshot.createSnapshot(...args);
  const restoreSnapshot = (...args) => Snapshot.restoreSnapshot(...args);

  function bytesToBase64(bytes) {
    let binary = "";
    const chunk = 0x8000;
    for (let i = 0; i < bytes.length; i += chunk) binary += String.fromCharCode(...bytes.subarray(i, i + chunk));
    return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/g, "");
  }

  function base64ToBytes(text) {
    let b64 = String(text || "").trim().replace(/^#+/, "").replace(EXPORT_PREFIX, "").replace(/-/g, "+").replace(/_/g, "/");
    while (b64.length % 4) b64 += "=";
    const binary = atob(b64);
    const bytes = new Uint8Array(binary.length);
    for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
    return bytes;
  }

  function encodeSnapshot(snapshot) {
    const json = JSON.stringify(snapshot);
    const bytes = new TextEncoder().encode(json);
    return EXPORT_PREFIX + bytesToBase64(bytes);
  }

  function decodeSnapshot(text) {
    const raw = String(text || "").trim();
    if (!raw) throw new Error("empty import text");
    if (raw.startsWith("{") || raw.startsWith("[")) return JSON.parse(raw);
    const bytes = base64ToBytes(raw);
    const json = new TextDecoder().decode(bytes);
    return JSON.parse(json);
  }

  function slotKey(slot) { return `${STORAGE_PREFIX}${slot}`; }

  function saveSlot(slot) {
    const snapshot = createSnapshot(global.world);
    localStorage.setItem(slotKey(slot), JSON.stringify(snapshot));
    return snapshot;
  }

  function loadSlot(slot) {
    const raw = localStorage.getItem(slotKey(slot));
    if (!raw) throw new Error("empty slot");
    return restoreSnapshot(JSON.parse(raw), global.world);
  }

  function deleteSlot(slot) { localStorage.removeItem(slotKey(slot)); }

  function readSlot(slot) {
    const raw = localStorage.getItem(slotKey(slot));
    if (!raw) return null;
    try { return JSON.parse(raw); } catch (_) { return null; }
  }

  const htmlEscape = global.TarinaiUIHelpers.htmlEscape;


  function formatSlotSummary(snapshot) {
    if (!snapshot) return "空き";
    const d = snapshot.summary || {};
    const date = snapshot.createdAt ? new Date(snapshot.createdAt).toLocaleString("ja-JP", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" }) : "日時不明";
    return `${date} / ${d.fieldType || "庭"} / ${d.day || 1}日目 ${d.time || ""} / ${d.population || 0}匹`;
  }

  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">セーブ / ロード</h2>
        <p class="hint">9つのスロットに現在のコロニーを保存できます。ハッシュテキストは別端末や別ブラウザへの移動に使えます。</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">現在の状態を書き出し</button>
            <button id="saveImportBtn" class="btn primary" type="button">ハッシュテキストを読み込み</button>
          </div>
          <textarea id="saveHashText" class="save-hash-text" spellcheck="false" placeholder="ここにハッシュテキストが表示されます。読み込む場合はここに貼り付けてください。"></textarea>
        </div>
        <div class="field-dialog-actions">
          <button id="saveCloseBtn" class="btn" type="button">閉じる</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">スロット ${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">保存</button>
          <button class="btn mini" data-load-slot="${i}" type="button" ${snapshot ? "" : "disabled"}>読込</button>
          <button class="btn mini danger" data-delete-slot="${i}" type="button" ${snapshot ? "" : "disabled"}>削除</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();
    dialog.addEventListener("click", (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 {
          saveSlot(slot);
          renderSlotList();
          global.audio?.notify?.();
          global.showToast?.(`スロット${slot}に保存しました。`);
        } catch (error) {
          console.warn(error);
          global.showToast?.("保存に失敗しました。空き容量を確認してください。");
        }
        return;
      }
      if (loadBtn) {
        const slot = Number(loadBtn.dataset.loadSlot);
        if (!global.confirm?.(`スロット${slot}を読み込みます。現在の状態は上書きされます。`)) return;
        try {
          loadSlot(slot);
          closeDialog();
          global.audio?.notify?.();
          global.showToast?.(`スロット${slot}を読み込みました。`);
        } catch (error) {
          console.warn(error);
          global.showToast?.("読み込みに失敗しました。");
        }
        return;
      }
      if (deleteBtn) {
        const slot = Number(deleteBtn.dataset.deleteSlot);
        if (!global.confirm?.(`スロット${slot}を削除しますか？`)) return;
        deleteSlot(slot);
        renderSlotList();
        global.audio?.delete?.();
        global.showToast?.(`スロット${slot}を削除しました。`);
        return;
      }
      if (e.target.closest("#saveCloseBtn")) closeDialog();
      if (e.target.closest("#saveExportBtn")) {
        const area = dialog.querySelector("#saveHashText");
        if (area) {
          area.value = encodeSnapshot(createSnapshot(global.world));
          area.focus();
          area.select();
        }
        global.showToast?.("現在の状態をハッシュテキストに書き出しました。");
      }
      if (e.target.closest("#saveImportBtn")) {
        const area = dialog.querySelector("#saveHashText");
        const text = area?.value || "";
        if (!text.trim()) { global.showToast?.("読み込むハッシュテキストを貼り付けてください。"); return; }
        if (!global.confirm?.("ハッシュテキストを読み込みます。現在の状態は上書きされます。")) return;
        try {
          restoreSnapshot(decodeSnapshot(text), global.world);
          closeDialog();
          global.showToast?.("ハッシュテキストから読み込みました。");
        } catch (error) {
          console.warn(error);
          global.showToast?.("読み込みに失敗しました。テキストを確認してください。");
        }
      }
    });
  }

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