@extends('layouts.enterprise')

@section('title', 'Facturama')

@section('content')
  @php
    $storeRoute = route('admin.settings.facturama.upsert');
  @endphp

  <div class="card">
    <h1 class="page-title">Facturama</h1>
    <p class="subtle">Configura la conexión de timbrado para el paso 5 de la vista previa. Aquí guardamos la autorización y los defaults operativos del CFDI.</p>

    @if(session('ok'))
      <div class="notice">{{ session('ok') }}</div>
    @endif
    @if($errors->any())
      <div class="error">
        <ul>
          @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
    @endif

    <div class="card card-dashed" style="margin-bottom:14px;">
      <h2 class="section-title" style="margin-top:0;">Conexión API</h2>
      <form method="POST" action="{{ $storeRoute }}" id="facturama-settings-form">
        @csrf
        <div class="filters-grid filters-grid--two">
          <div class="field">
            <label>Base URL</label>
            <input type="url" name="api_base_url" value="{{ old('api_base_url', $settings->api_base_url) }}" placeholder="https://apisandbox.facturama.mx" required>
            <small>Para sandbox usa <code>https://apisandbox.facturama.mx</code>.</small>
          </div>
          <div class="field">
            <label>Código postal de expedición</label>
            <input type="text" name="expedition_place" value="{{ old('expedition_place', $settings->expedition_place) }}" maxlength="5" placeholder="01710" required>
          </div>
        </div>

        <div class="field">
          <label>Authorization</label>
          <input
            type="hidden"
            name="authorization_header"
            id="facturama-authorization-header"
            value="{{ old('authorization_header', $settings->authorization_header) }}"
          >
          <sl-textarea
            id="facturama-authorization-editor"
            rows="3"
            resize="auto"
            placeholder="Basic xxxxxxxxxxxxxxxxxxxxx"
            value="{{ old('authorization_header', $settings->authorization_header) }}"
            required
          ></sl-textarea>
          <small>Pega el valor completo del header, por ejemplo <code>Basic ...</code>.</small>
        </div>

        <div class="filters-grid filters-grid--four">
          <div class="field">
            <label>Forma de pago default</label>
            <input type="text" name="default_payment_form" value="{{ old('default_payment_form', $settings->default_payment_form ?: '01') }}" maxlength="2" required>
          </div>
          <div class="field">
            <label>Método de pago default</label>
            <select name="default_payment_method">
              <option value="PUE" @selected(old('default_payment_method', $settings->default_payment_method ?: 'PUE') === 'PUE')>PUE</option>
              <option value="PPD" @selected(old('default_payment_method', $settings->default_payment_method ?: 'PUE') === 'PPD')>PPD</option>
            </select>
          </div>
          <div class="field">
            <label>Moneda default</label>
            <input type="text" name="default_currency" value="{{ old('default_currency', $settings->default_currency ?: 'MXN') }}" maxlength="3" required>
          </div>
          <div class="field">
            <label>Exportación default</label>
            <input type="text" name="default_exportation" value="{{ old('default_exportation', $settings->default_exportation ?: '01') }}" maxlength="2" required>
          </div>
        </div>

        <div class="field">
          <label>Serie (opcional)</label>
          <input type="text" name="series" value="{{ old('series', $settings->series) }}" maxlength="25" placeholder="A">
        </div>

        <div class="card card-dashed" style="margin:14px 0 0;">
          <h2 class="section-title" style="margin-top:0;">Receptor de pruebas</h2>
          <p class="subtle" style="margin-top:-4px;">
            Úsalo solo en sandbox cuando quieras timbrar con el receptor genérico de pruebas.
          </p>
          <div class="filters-actions">
            <sl-checkbox name="use_generic_test_receiver" value="1" @checked(old('use_generic_test_receiver', $settings->use_generic_test_receiver ?? false))>
              Usar receptor genérico de pruebas
            </sl-checkbox>
            <span class="badge">XAXX010101000 / S01 / PUBLICO EN GENERAL / 616 / 01710</span>
          </div>
        </div>

        <div class="card card-dashed" style="margin:14px 0 0;">
          <h2 class="section-title" style="margin-top:0;">SSL</h2>
          <p class="subtle" style="margin-top:-4px;">
            Si tu equipo local no reconoce el certificado del sandbox, puedes indicar un CA bundle o desactivar la validación SSL solo en sandbox/local.
          </p>

          <div class="filters-grid filters-grid--two">
            <div class="field">
              <label>Ruta del CA bundle (opcional)</label>
              <input
                type="text"
                name="ca_bundle_path"
                value="{{ old('ca_bundle_path', $settings->ca_bundle_path) }}"
                placeholder="/etc/ssl/cert.pem o /opt/homebrew/etc/openssl@3/cert.pem"
              >
              <small>Si la llenas, cURL verificará SSL usando ese archivo.</small>
            </div>
            <div class="field">
              <label>&nbsp;</label>
              <div class="filters-actions">
                <sl-checkbox name="ssl_verify_enabled" value="1" @checked(old('ssl_verify_enabled', $settings->ssl_verify_enabled ?? true))>
                  Validar SSL
                </sl-checkbox>
                <span class="badge">Solo desactívalo en sandbox/local.</span>
              </div>
            </div>
          </div>
        </div>

        <div class="filters-actions" style="margin-top:10px;">
          <button class="btn" type="submit">Guardar configuración</button>
          <span class="badge">El paso 5 usa esta configuración para crear el CFDI en Facturama.</span>
        </div>
      </form>
    </div>

    <div class="notice notice-soft">
      Recomendación: captura <strong>Uso CFDI</strong>, <strong>Régimen fiscal receptor</strong> y <strong>CP fiscal</strong> directamente en el perfil del cliente antes de crear la factura.
    </div>
  </div>
@endsection

@push('styles')
  <style>
    .filters-grid {
      display: grid;
      gap: 10px;
      margin-bottom: 10px;
    }
    .filters-grid--two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .filters-grid--four {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .card-dashed {
      border: 1px dashed var(--border);
      box-shadow: none;
    }
    @media (max-width: 980px) {
      .filters-grid--two,
      .filters-grid--four {
        grid-template-columns: 1fr;
      }
    }
  </style>
@endpush

@push('scripts')
  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const form = document.getElementById('facturama-settings-form');
      const editor = document.getElementById('facturama-authorization-editor');
      const hiddenInput = document.getElementById('facturama-authorization-header');

      if (!form || !editor || !hiddenInput) {
        return;
      }

      const syncAuthorizationValue = () => {
        hiddenInput.value = editor.value || '';
      };

      const initialValue = hiddenInput.value || '';

      customElements.whenDefined('sl-textarea').then(() => {
        editor.value = initialValue;
        syncAuthorizationValue();
      });

      editor.addEventListener('sl-input', syncAuthorizationValue);
      editor.addEventListener('sl-change', syncAuthorizationValue);
      form.addEventListener('submit', syncAuthorizationValue);
    });
  </script>
@endpush