{% extends "base_public.html" %}
{% block content %}
<div class="container" style="max-width:400px;margin:80px auto">
  <div style="text-align:center;margin-bottom:30px">
    <h2>📞 SisnetCall</h2>
    <p style="color:#888">Portal do Usuario</p>
  </div>
  <form method="post" action="/ucp/login">
    {% if error %}<div style="color:#e74c3c;margin-bottom:10px">{{ error }}</div>{% endif %}
    <div class="mb-3">
      <label>Ramal (extensao)</label>
      <input type="text" name="ext" class="form-control" placeholder="Ex: 1000" required>
    </div>
    <div class="mb-3">
      <label>Senha SIP</label>
      <input type="password" name="password" class="form-control" required>
    </div>
    <button type="submit" class="btn btn-primary w-100">Entrar</button>
  </form>
  <div style="text-align:center;margin-top:20px">
    <a href="/app/login" style="color:#888;font-size:13px">Administracao</a>
  </div>
</div>
{% endblock %}