{% extends 'base.html.twig' %}
{% block title %}Integracion ERP{% endblock %}

{% block breadcrumb %}
  <nav class="flex" aria-label="Breadcrumb">
    <ol class="flex items-center space-x-4">
      <li><a href="{{ path('home') }}" class="text-secondary-400 hover:text-secondary-500">Inicio</a></li>
      <li><span class="text-secondary-300">/</span></li>
      <li><span class="text-sm font-medium text-secondary-500">Administracion</span></li>
      <li><span class="text-secondary-300">/</span></li>
      <li><span class="text-sm font-medium text-secondary-500">Integracion ERP</span></li>
    </ol>
  </nav>
{% endblock %}

{% block content_header %}
  <div class="md:flex md:items-center md:justify-between mb-6">
    <div>
      <h2 class="text-2xl font-bold text-secondary-900">Integracion ERP por Cliente</h2>
      <p class="mt-1 text-sm text-secondary-500">Conexion unica para migracion de proveedores y facturas.</p>
    </div>
    <div class="mt-4 md:mt-0">
      <a href="{{ path('proveedor_index') }}" class="inline-flex items-center px-4 py-2 border border-secondary-300 rounded-md text-sm font-medium text-secondary-700 bg-white hover:bg-secondary-50">
        Volver a proveedores
      </a>
    </div>
  </div>
{% endblock %}

{% block content %}
  {% if not schemaReady %}
    <div class="mb-6 rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-800">
      Falta la migracion de configuracion ERP por cliente. Ejecuta: <code>docker compose exec -T app php bin/console doctrine:migrations:migrate</code>
    </div>
  {% endif %}

  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div class="bg-white shadow rounded-lg">
      <div class="px-6 py-4 border-b border-secondary-200">
        <h3 class="text-lg font-semibold text-secondary-900">Conexion ERP (cliente {{ clienteId }})</h3>
      </div>
      <div class="px-6 py-4">
        <form method="post" action="{{ path('admin_erp_config_save') }}" class="space-y-4">
          <input type="hidden" name="_token" value="{{ csrf_token('erp_config_' ~ clienteId) }}">

          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
              <label class="block text-sm font-medium text-secondary-700 mb-1">Host ERP</label>
              <input type="text" name="host" value="{{ config.host }}" class="w-full px-3 py-2 border border-secondary-300 rounded-md" required {% if not schemaReady %}disabled{% endif %}>
            </div>
            <div>
              <label class="block text-sm font-medium text-secondary-700 mb-1">Puerto ERP</label>
              <input type="number" name="port" value="{{ config.port }}" min="1" max="65535" class="w-full px-3 py-2 border border-secondary-300 rounded-md" required {% if not schemaReady %}disabled{% endif %}>
            </div>
          </div>

          <div>
            <label class="block text-sm font-medium text-secondary-700 mb-1">Base de datos ERP</label>
            <input type="text" name="database_name" value="{{ config.database_name }}" class="w-full px-3 py-2 border border-secondary-300 rounded-md" required {% if not schemaReady %}disabled{% endif %}>
          </div>

          <div>
            <label class="block text-sm font-medium text-secondary-700 mb-1">Usuario ERP</label>
            <input type="text" name="username" value="{{ config.username }}" class="w-full px-3 py-2 border border-secondary-300 rounded-md" required {% if not schemaReady %}disabled{% endif %}>
          </div>

          <div>
            <label class="block text-sm font-medium text-secondary-700 mb-1">Contrasena ERP</label>
            <input type="password" name="password" value="" class="w-full px-3 py-2 border border-secondary-300 rounded-md" placeholder="{{ config.has_password ? 'Dejar vacio para conservar la actual' : 'Ingresar contrasena' }}" {% if not schemaReady %}disabled{% endif %}>
          </div>

          <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div>
              <label class="block text-sm font-medium text-secondary-700 mb-1">Tabla proveedores ERP</label>
              <input type="text" name="tabla_proveedores" value="{{ config.tabla_proveedores }}" class="w-full px-3 py-2 border border-secondary-300 rounded-md" required {% if not schemaReady %}disabled{% endif %}>
            </div>
            <div>
              <label class="block text-sm font-medium text-secondary-700 mb-1">Tabla facturas ERP</label>
              <input type="text" name="tabla_facturas" value="{{ config.tabla_facturas }}" class="w-full px-3 py-2 border border-secondary-300 rounded-md" placeholder="Ej: maedoc" {% if not schemaReady or not hasTablaFacturasColumn %}disabled{% endif %}>
            </div>
            <div>
              <label class="block text-sm font-medium text-secondary-700 mb-1">Fecha instalacion (facturas)</label>
              <input type="date" name="fecha_inicio_sync_facturas" value="{{ config.fecha_inicio_sync_facturas }}" class="w-full px-3 py-2 border border-secondary-300 rounded-md" {% if not schemaReady or not hasFechaInicioSyncColumn %}disabled{% endif %}>
              <p class="mt-1 text-xs text-secondary-500">Solo jala facturas desde esta fecha.</p>
            </div>
          </div>

          <div class="flex items-center">
            <input id="activo" type="checkbox" name="activo" value="1" class="h-4 w-4 text-primary-600 border-secondary-300 rounded" {% if config.activo %}checked{% endif %} {% if not schemaReady %}disabled{% endif %}>
            <label for="activo" class="ml-2 block text-sm text-secondary-700">Usar esta conexion por cliente</label>
          </div>

          <div>
            <button type="submit" class="inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 disabled:opacity-60" {% if not schemaReady %}disabled{% endif %}>
              Guardar configuracion
            </button>
          </div>
        </form>
      </div>
    </div>

    <div class="bg-white shadow rounded-lg">
      <div class="px-6 py-4 border-b border-secondary-200">
        <h3 class="text-lg font-semibold text-secondary-900">Uso operativo</h3>
      </div>
      <div class="px-6 py-4 space-y-3 text-sm text-secondary-700">
        <p>1. Guarda aqui la conexion ERP del cliente.</p>
        <p>2. En <strong>Proveedores</strong>, usa el boton <strong>Migrar Proveedores</strong> para traer cambios.</p>
        <p>3. En <strong>Documentos</strong>, usa el boton <strong>Migrar Facturas ERP</strong> para traer encabezados, impuestos y detalle.</p>
        <p>4. Define fecha de instalacion para evitar migrar historico viejo.</p>
      </div>
    </div>
  </div>
{% endblock %}