// B2B Händler-Login

const B2B = () => {
  const { go } = useApp();
  return (
    <section className="b2b">
      <div className="b2b-inner">
        <div className="eyebrow">Händler-Portal</div>
        <h1>Willkommen<br/>zurück.</h1>
        <p className="b2b-sub">Melden Sie sich an, um Händlerpreise, Ihren Bestellverlauf und exklusive Editionen zu sehen.</p>

        <form className="b2b-form" onSubmit={(e)=>{e.preventDefault(); alert('Willkommen zurück.');}}>
          <label className="b2b-field">
            <span>E-Mail</span>
            <input type="email" autoComplete="email" placeholder="ihre@firma.de" required/>
          </label>
          <label className="b2b-field">
            <span>Passwort</span>
            <input type="password" autoComplete="current-password" placeholder="••••••••" required/>
            <a className="b2b-forgot link-u">Passwort vergessen</a>
          </label>
          <button type="submit" className="btn brass" style={{width:'100%',justifyContent:'center',marginTop:32}}>Anmelden <Icon name="arrow"/></button>
        </form>

        <p className="b2b-apply">
          Noch kein Händlerkonto? <a className="link-u">Jetzt bewerben</a>
        </p>

        <div className="b2b-trust">
          <div><Icon name="shield"/><span>SSL verschlüsselt</span></div>
          <div><Icon name="hand"/><span>Daten in Deutschland</span></div>
        </div>
      </div>
    </section>
  );
};

Object.assign(window, { B2B });