/* ============================================================================
   GC · INSTÄLLNINGAR — driftrattarna, hans kortform
   ----------------------------------------------------------------------------
   RÄTTELSE 2026-08-16: den första versionen påstod att alla fyra rattar i hans
   InstallningarView saknade backend-fält. Fel — tre av fyra finns, under andra
   namn, och gamla designen har justerat dem sedan 30/7 (settings-mode.jsx):

     hans "Lägsta säljpris för sol"   → sellsolar_min_price_ore (styr även den
                                        automatiska solladdningen av bilen —
                                        hans fjärde ratt behövs därför inte)
     hans "Undvik nätköp"             → maxprofit_import_aversion_kr (kr; UI öre)
     hans "Handelsmarginal"           → cycle_cost_ore/cycle_cost_kwh, vår
                                        "Batterislitage": HEMS handlar bara när
                                        vinsten överstiger slitaget per kWh
     hans "Prisgräns för solladdning" → finns inte som fält, och ska enligt
                                        backend 16/8 INTE byggas: säljgolvet
                                        ovan styr samma sak i dag. Produkt-
                                        beslut hos André.

   Dessutom har vi två rattar han inte har: "Fyll batteriet tidigt" och
   "Morgonbuffert". Spann bekräftade av backend 16/8: sellsolar 0–500 öre,
   maxprofit 0–0,5 kr (visas som 0–50 öre), cycle_cost 0–100 öre default 10.
   0 = AV, null = flottans värde — två skilda saker.

   Prisgränsen för solladdning byggs INTE som egen ratt (André 16/8): säljgolvet
   ovan styr redan samma sak — under det priset säljs inte solen, den används.
   Två rattar för ett beslut vore två sanningar.

   REGLERNA ÄR SPEC_GRAVIO_USER_MODE_UI §3.3 och de är hårda:
   - null = OJUSTERAD, inte 0. En ojusterad ratt visar flottans värde som ghost
     och skickas ALDRIG i payloaden.
   - En ratt som VAR satt och återställs skickas som explicit null.
   - Master-gaten raderar inga värden när den slås av — backend ignorerar dem.
   - Batterislitaget är INTE gate-styrt: det gäller alltid.

   Sparvägen är gcSaveSettings (gc-core): hela dokumentet, settings_rev med,
   en omläsning vid 409. PATCH /api/settings tar bara ev_session.
   ========================================================================== */

/* Flottans kalibrerade värden — visas som ghost, skickas aldrig.
   Samma tal som settings-mode.jsx FLEET_DEFAULTS; ändras de där ska de
   ändras här. maxprofit visas i öre (backend bär kr). */
const GCI_FLEET = {
  traj_premie_ore_per_kwh_h: 3,
  sellsolar_min_price_ore: 30,
  maxprofit_import_aversion_kr: 25,
  soc_planning_buffer_pct: 2,
};

const GCI_KNOBS = [
  { field:'traj_premie_ore_per_kwh_h', label:'Fyll batteriet tidigt', min:0, max:15, step:1, unit:'', gated:true,
    desc:'Högre värde = batteriet laddas fullt tidigare på dagen som säkerhet mot prognosfel. Lägre = ren prisoptimering, som kan vänta till de billigaste timmarna.' },
  { field:'sellsolar_min_price_ore', label:'Lägsta säljpris för sol', min:0, max:500, step:5, unit:'öre', gated:true,
    desc:'Under detta pris säljs solen aldrig — den går till huset och batteriet i stället. Ratten styr också den automatiska solladdningen av bilen: under gränsen får bilen ta det överskott batteriet inte hinner ta, över den säljs solen. Planerad laddning påverkas inte — har du satt mål och avresa laddas bilen oavsett pris. 0 stänger av automatiken.' },
  { field:'maxprofit_import_aversion_kr', label:'Undvik nätköp', min:0, max:50, step:1, unit:'öre', factor:100, gated:true,
    desc:'Högre värde = batteriet täcker huset i stället för att köpa el, även när en liten handelsvinst går förlorad. Vid höga värden avstår systemet också billiga nattladdningar med liten marginal.' },
  { field:'soc_planning_buffer_pct', label:'Morgonbuffert', min:0, max:20, step:1, unit:'%', gated:true,
    desc:'Extra reserv ovanpå din lägsta batterinivå som kvällens planering sparar till morgonen. Vid midnatt släpps spärren.' },
];

const GCI_ALWAYS = { field:'cycle_cost_ore', label:'Batterislitage', min:0, max:100, step:1, unit:'öre',
  desc:'Slitage per omsatt kWh. Högre värde gör HEMS mer sparsam med laddcyklerna — den handlar bara när vinsten överstiger slitaget. Det är den ratt som i hans prototyp heter Handelsmarginal.' };

/* Läser backendens settings-dokument. null/saknad = ojusterad. */
function gciRead(s){
  const d = s || {};
  const num = (v) => (v === null || v === undefined || v === '') ? null : Number(v);
  const out = {
    traj_premie_ore_per_kwh_h: num(d.traj_premie_ore_per_kwh_h),
    sellsolar_min_price_ore: num(d.sellsolar_min_price_ore),
    maxprofit_import_aversion_kr: d.maxprofit_import_aversion_kr == null ? null : Math.round(Number(d.maxprofit_import_aversion_kr)*100),
    soc_planning_buffer_pct: num(d.soc_planning_buffer_pct),
    cycle_cost_ore: d.cycle_cost_kwh ?? d.cycle_cost_ore ?? 10,
  };
  out.user_mode_enabled = (d.user_mode_enabled === true || d.user_mode_enabled === false)
    ? d.user_mode_enabled
    : GCI_KNOBS.some(k => out[k.field] != null);
  return out;
}

function GciKnob({ k, value, fleet, onChange, disabled }){
  const set = value != null;
  const shown = set ? value : fleet;
  return (
    <div className={`border-t border-slate-800 pt-3 ${disabled ? 'pointer-events-none opacity-40' : ''}`}>
      <div className="flex items-baseline justify-between gap-2">
        <span className="text-sm font-bold text-slate-100">{k.label}</span>
        <span className="flex items-baseline gap-2">
          <span className="text-sm font-bold" style={{...window.GC_MONO, color: set ? '#7dd3fc' : '#64748b'}}>
            {shown}{k.unit ? ' ' + k.unit : ''}
          </span>
          {!set && <span className="text-[10px] text-slate-500">Gravios standard</span>}
        </span>
      </div>
      <input type="range" min={k.min} max={k.max} step={k.step} value={shown}
        onChange={(e)=>onChange(Number(e.target.value))} className="mt-1.5 w-full accent-sky-400"/>
      <div className="mt-1 flex items-start justify-between gap-3">
        <p className="text-[11px] leading-relaxed text-slate-500">{k.desc}</p>
        {set && (
          <button onClick={()=>onChange(null)}
            className="shrink-0 text-[11px] font-semibold text-slate-500 hover:text-slate-300">återställ</button>
        )}
      </div>
    </div>
  );
}

function GcInstallningar({ settings, onSaved }){
  /* "Inte hämtat än" är INTE samma sak som "inga rattar satta". Utan den här
     vakten härleder gciRead(undefined) user_mode_enabled till false under den
     dryga sekund settings saknas — fliken visar då "Automatisk drift" fast
     backend säger true. Värre: rör användaren gaten i det fönstret sätts
     dirty, re-seedingen hoppas över permanent, och Spara postar
     user_mode_enabled:false. Exakt samma fälla som EV-kortet hade när det
     läste gammal config efter sparning (m0045). */
  if (!settings) {
    return (
      <div className="rounded-2xl border border-slate-800 bg-slate-900/40 px-4 py-6 text-sm text-slate-400">
        Hämtar inställningar…
      </div>
    );
  }
  return <GcInstallningarBody settings={settings} onSaved={onSaved}/>;
}

function GcInstallningarBody({ settings, onSaved }){
  const incoming = React.useMemo(() => gciRead(settings), [settings]);
  const sig = JSON.stringify(incoming);
  const [v, setV] = React.useState(incoming);
  const [dirty, setDirty] = React.useState(false);
  const [saving, setSaving] = React.useState(false);
  const [toast, setToast] = React.useState('');
  React.useEffect(() => { if (!dirty) setV(incoming); }, [sig]);
  const set = (patch) => { setV({ ...v, ...patch }); setDirty(true); setToast(''); };

  const save = async () => {
    setSaving(true);
    try {
      await window.gcSaveSettings((cur) => {
        const base = gciRead(cur);
        const payload = { ...cur, user_mode_enabled: !!v.user_mode_enabled };
        /* §3.3: satt värde skickas, ojusterat UTELÄMNAS, och en ratt som var
           satt och nu är återställd skickas som explicit null. Baseline läses
           ur det FÄRSKA dokumentet — annars kan en omläsning efter 409 skicka
           null för en ratt som hann bli satt av någon annan. */
        for (const k of GCI_KNOBS){
          const val = v[k.field];
          const wasSet = base[k.field] != null;
          if (val != null) payload[k.field] = k.factor ? Number(val)/k.factor : Number(val);
          else if (wasSet) payload[k.field] = null;
          else delete payload[k.field];
        }
        payload.cycle_cost_kwh = Number(v.cycle_cost_ore);
        return payload;
      });
      setDirty(false); setToast('ok');
      if (onSaved) onSaved();
    } catch(e){ setToast(e && /ändrades av någon annan/.test(e.message) ? 'conflict' : 'err'); }
    setSaving(false);
  };

  const on = !!v.user_mode_enabled;

  return (
    <div className="flex flex-col gap-3">
      <div className="rounded-2xl border border-slate-800 bg-slate-900/40 px-4 py-3">
        <div className="text-[10px] font-semibold uppercase tracking-[0.15em] text-slate-500">Driftinställningar</div>
        <p className="mt-1 text-sm leading-relaxed text-slate-400">
          Värdena styr hur HEMS prioriterar mellan att lagra, sälja och köpa. Gravios
          standardvärden passar de flesta anläggningar — rör ratten bara om du vill
          styra åt ett särskilt håll.
        </p>
        <div className="mt-3 flex gap-1">
          {[{ id:false, t:'Automatisk drift', d:'Gravios kalibrerade värden' },
            { id:true,  t:'Egna inställningar', d:'du skruvar själv' }].map(o => (
            <button key={String(o.id)} onClick={()=>set({ user_mode_enabled:o.id })}
              className={`flex-1 rounded-lg border px-2 py-1.5 text-center transition-colors ${
                on === o.id ? 'border-sky-400 bg-sky-500/15 text-sky-300'
                            : 'border-slate-700 bg-slate-800/70 text-slate-400 hover:text-slate-200'}`}>
              <div className="text-xs font-bold">{o.t}</div>
              <div className="truncate text-[9px] font-normal text-slate-500">{o.d}</div>
            </button>
          ))}
        </div>
        {!on && (
          <p className="mt-2 text-[11px] leading-relaxed text-slate-500">
            HEMS kör flottans inställningar. Dina egna värden ligger kvar och används
            igen när du byter tillbaka.
          </p>
        )}
      </div>

      <div className="rounded-2xl border border-slate-800 bg-slate-900/40 px-4 py-3.5">
        <div className="mb-1 flex items-baseline justify-between gap-2">
          <span className="text-sm font-bold text-slate-100">Egna värden</span>
          <span className="text-[10px] text-slate-500">{on ? 'aktiva' : 'inaktiva just nu'}</span>
        </div>
        <div className="flex flex-col gap-3">
          {GCI_KNOBS.map(k => (
            <GciKnob key={k.field} k={k} value={v[k.field]} fleet={GCI_FLEET[k.field]}
              disabled={!on} onChange={(x)=>set({ [k.field]:x })}/>
          ))}
        </div>
      </div>

      <div className="rounded-2xl border border-slate-800 bg-slate-900/40 px-4 py-3.5">
        <div className="mb-1 text-sm font-bold text-slate-100">Gäller alltid</div>
        <GciKnob k={GCI_ALWAYS} value={v.cycle_cost_ore} fleet={10}
          onChange={(x)=>set({ cycle_cost_ore: x == null ? 10 : x })}/>
      </div>

      <div className="flex items-center justify-end gap-3">
        {toast === 'ok'  && <span className="text-xs font-semibold text-emerald-400">Sparat — gäller från nästa planering</span>}
        {toast === 'err' && <span className="text-xs font-semibold text-rose-400">Kunde inte spara — försök igen</span>}
        {toast === 'conflict' && <span className="text-xs font-semibold text-rose-400">Ändrat på annat håll — läs in sidan igen</span>}
        {dirty && !toast && <span className="text-xs font-semibold text-amber-300">Osparade ändringar</span>}
        <button onClick={save} disabled={!dirty || saving}
          className={`rounded-lg border px-4 py-1.5 text-sm font-bold transition-colors ${
            (!dirty || saving) ? 'border-slate-800 bg-slate-900/50 text-slate-600'
                               : 'border-sky-500/50 bg-sky-500/15 text-sky-200 hover:bg-sky-500/25'}`}>
          {saving ? 'Sparar…' : 'Spara'}
        </button>
      </div>

      <a href="settings.html"
        className="flex items-center justify-between gap-3 rounded-2xl border border-slate-800 bg-slate-900/40 px-4 py-3">
        <span>
          <span className="block text-sm font-bold text-slate-200">Alla inställningar</span>
          <span className="mt-0.5 block text-xs text-slate-500">
            Batteri, sol, elavtal, effektavgift, laddboxar och bilprofiler.
          </span>
        </span>
        <span className="shrink-0 text-lg text-slate-500">›</span>
      </a>

    </div>
  );
}

Object.assign(window, { GcInstallningar, GcInstallningarBody, gciRead });