{% extends 'base.html.twig' %}

{% block title %}{{ action == 'new' ? 'Nuevo' : 'Editar' }} Tipo de IVA{% endblock %}
{% block page_title %}{{ action == 'new' ? 'Nuevo' : 'Editar' }} Tipo de IVA{% endblock %}

{% block body %}
<div class="max-w-2xl mx-auto">
  <div class="mb-6">
    <a href="{{ path('tipo_iva_index') }}" class="inline-flex items-center text-primary-600 hover:text-primary-700">
      <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
      </svg>
      Volver al listado
    </a>
  </div>

  <div class="bg-white rounded-xl shadow-sm border border-secondary-200 p-6">
    <form method="post">
      <div class="space-y-6">
        <div>
          <label for="codigo" class="block text-sm font-medium text-secondary-700 mb-2">Código *</label>
          <input type="text" id="codigo" name="codigo" value="{{ tipo.codigo }}" required
                 class="w-full px-3 py-2 border border-secondary-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
                 placeholder="LOCAL, COMBUSTIBLE, etc.">
          <p class="mt-1 text-xs text-secondary-500">Identificador único del tipo de IVA</p>
        </div>

        <div>
          <label for="nombre" class="block text-sm font-medium text-secondary-700 mb-2">Nombre *</label>
          <input type="text" id="nombre" name="nombre" value="{{ tipo.nombre }}" required
                 class="w-full px-3 py-2 border border-secondary-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
                 placeholder="IVA Local, IVA Combustible, etc.">
        </div>


      </div>

      <div class="flex items-center justify-end gap-3 mt-6 pt-6 border-t border-secondary-200">
        <a href="{{ path('tipo_iva_index') }}" class="px-4 py-2 text-secondary-700 bg-secondary-100 hover:bg-secondary-200 rounded-lg font-medium transition-colors">
          Cancelar
        </a>
        <button type="submit" class="px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white rounded-lg font-medium transition-colors">
          {{ action == 'new' ? 'Crear' : 'Actualizar' }} Tipo
        </button>
      </div>
    </form>
  </div>
</div>
{% endblock %}