<?php
require_once __DIR__ . '/config/db.php';
$u = sess();
if ($u) { header('Location: chat/'); exit; }
?><!DOCTYPE html>
<html lang="az">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<meta name="theme-color" content="#ec4899">
<meta name="description" content="BakuLove — Anonim Azərbaycan Chatı">
<title>BakuLove — Daxil ol</title>
<link rel="stylesheet" href="css/app.css">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🩷</text></svg>">
</head>
<body>
<div class="login-page">
  <div class="login-card">
    <div class="lc-logo">
      <h1>BakuLove.com</h1>
    </div>

    <div class="alert err" id="err"></div>
    <div class="fi"><input id="nick" type="text" placeholder="Nick yaz..." maxlength="20" autocomplete="off" autocorrect="off" spellcheck="false"></div>
    <button class="btn-pink" id="btnIn">Daxil ol</button>
    <div class="dvd"><span></span><p>və ya</p><span></span></div>
    <button class="btn-ghost" onclick="openM('mReg')">🔐 Qeydiyyatdan keç</button>
  </div>
</div>

<!-- PW Modal -->
<div class="overlay" id="mPw">
  <div class="modal">
    <button class="modal-close" onclick="closeM('mPw')">✕</button>
    <h3 style="margin-bottom:4px">🔐 Xoş gəldin!</h3>
    <p class="sub">Bu nick qeydiyyatlıdır — şifrəni daxil et</p>
    <div style="background:#fce7f3;border-radius:10px;padding:8px 14px;margin-bottom:14px;font-weight:700;color:#db2777;font-size:14px" id="pwNick"></div>
    <div class="fi"><input id="pw" type="password" placeholder="Şifrə..."></div>
    <div class="alert err" id="pwErr"></div>
    <button class="btn-pink" id="btnPw">Daxil ol</button>
  </div>
</div>

<!-- Reg Modal -->
<div class="overlay" id="mReg">
  <div class="modal">
    <button class="modal-close" onclick="closeM('mReg')">✕</button>
    <h3 style="margin-bottom:4px">✨ Qeydiyyat</h3>
    <p class="sub">Yeni hesab yarat</p>
    <div class="fi"><input id="rNick" type="text" placeholder="Nick seç..." maxlength="20"></div>
    <div class="fi"><input id="rPw" type="password" placeholder="Şifrə (min 4 simvol)..."></div>
    <div class="fi"><input id="rPw2" type="password" placeholder="Şifrəni təkrar yaz..."></div>
    <div class="alert err" id="rErr"></div>
    <button class="btn-pink" id="btnReg">Qeydiyyatdan keç</button>
  </div>
</div>

<script>
const post=(url,d)=>fetch(url,{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded'},body:new URLSearchParams(d)}).then(r=>r.json());
const $=id=>document.getElementById(id);
const setErr=(id,msg)=>{const e=$(id);e.textContent=msg;e.classList.toggle('on',!!msg)};
const openM=id=>$(id).classList.add('on');
const closeM=id=>$(id).classList.remove('on');
document.querySelectorAll('.overlay').forEach(o=>o.addEventListener('click',e=>{if(e.target===o)o.classList.remove('on')}));

const setBtn=(id,load,lbl)=>{const b=$(id);b.disabled=load;b.textContent=load?'⏳ Gözlə...':lbl};

async function login(){
  const nick=$('nick').value.trim(); setErr('err','');
  if(!nick){setErr('err','Nick daxil et!');return;}
  setBtn('btnIn',true,'Daxil ol');
  const r=await post('api/auth.php',{a:'login',nick});
  setBtn('btnIn',false,'Daxil ol');
  if(r.need_pw){$('pwNick').textContent=nick;$('pw').value='';setErr('pwErr','');openM('mPw');setTimeout(()=>$('pw').focus(),80);}
  else if(r.ok) location.href='chat/';
  else setErr('err',r.error||'Xəta!');
}
async function pwLogin(){
  const nick=$('nick').value.trim(),pw=$('pw').value; setErr('pwErr','');
  setBtn('btnPw',true,'Daxil ol');
  const r=await post('api/auth.php',{a:'login',nick,pw});
  setBtn('btnPw',false,'Daxil ol');
  if(r.ok) location.href='chat/';
  else setErr('pwErr',r.error||'Şifrə yanlışdır!');
}
async function register(){
  const nick=$('rNick').value.trim(),pw=$('rPw').value,pw2=$('rPw2').value; setErr('rErr','');
  if(nick.length<2){setErr('rErr','Nick ən az 2 hərf!');return;}
  if(pw.length<4){setErr('rErr','Şifrə ən az 4 simvol!');return;}
  if(pw!==pw2){setErr('rErr','Şifrələr uyğun deyil!');return;}
  setBtn('btnReg',true,'Qeydiyyatdan keç');
  const r=await post('api/auth.php',{a:'register',nick,pw,pw2});
  setBtn('btnReg',false,'Qeydiyyatdan keç');
  if(r.ok) location.href='chat/';
  else setErr('rErr',r.error||'Xəta!');
}
$('btnIn').addEventListener('click',login);
$('btnPw').addEventListener('click',pwLogin);
$('btnReg').addEventListener('click',register);
$('nick').addEventListener('keydown',e=>{if(e.key==='Enter')login()});
$('pw').addEventListener('keydown',e=>{if(e.key==='Enter')pwLogin()});
$('rPw2').addEventListener('keydown',e=>{if(e.key==='Enter')register()});
</script>
</body>
</html>
