@extends('layouts.goberdata')

@section('title', 'Pasarelas de membresía')
@section('page_title', 'Pasarelas de la plataforma')
@section('page_sub', 'Cobro de membresías GoberData. Las llaves secretas no se vuelven a mostrar.')

@section('content')
<div class="wrap" style="max-width:920px;margin:0 auto;padding:24px">
  <h1>Pasarelas de membresía</h1>
  <p style="color:#8B9AA8">Cobros reales: {{ $cobros_reales ? 'permitidos' : 'bloqueados (sandbox)' }}.
     Activa: {{ $activa['provider'] ?? 'ninguna' }} {{ $activa['environment'] ?? '' }}</p>

  @if(session('ok'))
    <p style="color:#37D399">{{ session('ok') }}</p>
  @endif
  @if(session('error'))
    <p style="color:#FF4D5E">{{ session('error') }}</p>
  @endif

  @foreach($gateways as $g)
    <article style="background:#131A21;border:1px solid #1B242D;border-radius:10px;padding:16px;margin:12px 0">
      <strong>{{ strtoupper($g['provider']) }}</strong>
      · {{ $g['environment'] }}
      · {{ $g['is_active'] ? 'ACTIVA' : 'inactiva' }}
      · estado: {{ $g['status'] }}
      <div style="font-size:12px;color:#8B9AA8;margin-top:8px">
        Campos: {{ implode(', ', $g['campos_presentes']) ?: 'sin llaves' }}
        @foreach($g['credentials_masked'] as $k => $v)
          <div>{{ $k }}: {{ $v }}</div>
        @endforeach
      </div>
      <form method="POST" action="{{ route('admin.gateways.probar', $g['id']) }}" style="display:inline">
        @csrf
        <button type="submit">Probar</button>
      </form>
      <form method="POST" action="{{ route('admin.gateways.activar', $g['id']) }}" style="display:inline">
        @csrf
        @if($g['environment'] === 'production')
          <label><input type="checkbox" name="confirm_live" value="1" required> Confirmo que se cobrará dinero real</label>
        @endif
        <button type="submit">Activar</button>
      </form>
    </article>
  @endforeach

  <p><a href="{{ route('planes') }}">Abrir compra de planes</a></p>
  <p>Eventos Sandbox: <code>{{ route('webhooks.wompi', ['environment' => 'sandbox']) }}</code></p>
  <p>Eventos producción: <code>{{ route('webhooks.wompi', ['environment' => 'production']) }}</code></p>
  @foreach($errors->all() as $error)<p role="alert">{{ $error }}</p>@endforeach
  <h2>Guardar perfil</h2>
  <form method="POST" action="{{ route('admin.gateways.store') }}">
    @csrf
    <p>
      <label>Proveedor
        <select name="provider">
          @foreach($catalogo as $id => $info)
            <option value="{{ $id }}" @selected($id === 'wompi')>{{ $info['nombre'] }}</option>
          @endforeach
        </select>
      </label>
      <label>Ambiente
        <select name="environment">
          <option value="sandbox">sandbox</option>
          <option value="production">production</option>
        </select>
      </label>
    </p>
    @foreach($catalogo['wompi']['campos'] as $campo)
      <p>
        <label>{{ $campo['label'] }}
          <input type="{{ $campo['tipo'] === 'secret' ? 'password' : 'text' }}"
                 name="credentials[{{ $campo['k'] }}]" autocomplete="off">
        </label>
      </p>
    @endforeach
    <p style="font-size:12px;color:#8B9AA8">Este formulario configura Wompi. Los campos vacíos conservan los secretos del perfil existente.</p>
    <button type="submit">Guardar</button>
  </form>
</div>
@endsection