{% extends "base.html" %}
{% from "pbx/partials/destination_selector.html" import destination_selector %}
{% block title %}{% if announcement %}Editar {{ announcement.name }}{% else %}Novo Anúncio{% endif %}{% endblock %}
{% set active = "app-announcements" %}
{% block content %}
<h4>{% if announcement %}✏️ {{ announcement.name }}{% else %}➕ Novo Anúncio{% endif %}</h4>
<form method="post" action="/app/pbx/announcements/save" class="row g-3">
  {% if announcement %}<input type="hidden" name="id" value="{{ announcement.id }}">{% endif %}

  <div class="col-md-6">
    <label class="form-label">Nome *</label>
    <input type="text" name="name" class="form-control" required value="{{ announcement.name if announcement else '' }}">
  </div>
  <div class="col-md-6">
    <label class="form-label"></label>
    <div class="form-check mt-2">
      <input type="checkbox" name="enabled" class="form-check-input" id="chk_en" {% if not announcement or announcement.enabled %}checked{% endif %}>
      <label class="form-check-label" for="chk_en">Ativo</label>
    </div>
  </div>

  <div class="col-12">
    <label class="form-label">Descrição</label>
    <textarea name="description" class="form-control" rows="2">{{ announcement.description if announcement else '' }}</textarea>
  </div>

  <div class="col-md-6">
    <label class="form-label">Arquivo de áudio</label>
    <div class="input-group">
      <select name="audio_file" class="form-select" id="audio_select">
        <option value="">— Selecione um áudio —</option>
        {% if announcement and announcement.audio_file %}
        <option value="{{ announcement.audio_file }}" selected>{{ announcement.audio_file }}</option>
        {% endif %}
        {% for af in audio_files %}
        <option value="{{ af }}" {% if announcement and announcement.audio_file == af %}selected{% endif %}>{{ af }}</option>
        {% endfor %}
      </select>
    </div>
    <small class="text-muted">Áudios disponíveis no servidor (pasta custom).</small>
  </div>

  <div class="col-md-3">
    <label class="form-label"></label>
    <div class="form-check mt-2">
      <input type="checkbox" name="repeat" class="form-check-input" id="chk_rep" {% if announcement and announcement.repeat %}checked{% endif %}>
      <label class="form-check-label" for="chk_rep">Repetir áudio</label>
    </div>
  </div>
  <div class="col-md-3">
    <label class="form-label"></label>
    <div class="form-check mt-2">
      <input type="checkbox" name="allow_skip" class="form-check-input" id="chk_skip" {% if not announcement or announcement.allow_skip %}checked{% endif %}>
      <label class="form-check-label" for="chk_skip">Permitir pular</label>
    </div>
  </div>

  <div class="col-md-4">
    <label class="form-label">Tecla para pular</label>
    <input type="text" name="skip_key" class="form-control" value="{{ announcement.skip_key if announcement else '#' }}" maxlength="4">
  </div>

  <div class="col-md-8">
    {{ destination_selector(
      all_destinations=all_destinations,
      selected_type=announcement.destination_type if announcement else '',
      selected_dest=announcement.destination if announcement else '',
      label="Destino (após tocar)"
    ) }}
  </div>

  <div class="col-12">
    <div class="alert alert-info py-2 mb-0"><small>💡 Anúncios podem ser usados como destino em URAs, condições de horário, rotas de entrada, etc.</small></div>
  </div>

  <div class="col-12">
    <button type="submit" class="btn btn-primary">💾 Salvar</button>
    <a href="/app/pbx/announcements" class="btn btn-secondary">Cancelar</a>
  </div>
</form>
{% endblock %}