@extends('layouts.admin')

@section('title', 'Configurações de Pagamento (Asaas PIX) - MOVA-AUTH')
@section('page_title', 'Configurações de Pagamento · Asaas PIX')

@section('content')
<div style="max-width: 800px;">
    <div class="panel">
        <div class="panel-header">
            <h3>Gateway de Pagamento Asaas PIX</h3>
        </div>

        <p class="muted" style="margin-bottom: 24px;">
            Configure as credenciais da sua conta Asaas para habilitar o recebimento automático de pagamentos via PIX na Loja pública com liberação instantânea de licenças.
        </p>

        <form method="POST" action="{{ route('admin.settings.payment.update') }}">
            @csrf
            @method('PUT')

            <div class="form-row">
                <label for="asaas_pix_enabled" style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
                    <input type="checkbox" id="asaas_pix_enabled" name="asaas_pix_enabled" value="true" {{ $settings['asaas_pix_enabled'] === 'true' ? 'checked' : '' }} style="width: auto;">
                    <span>Habilitar Recebimento via PIX na Loja</span>
                </label>
                <div class="help">Quando ativado, os clientes poderão comprar pacotes de licença usando QR Code e Copia e Cola do PIX.</div>
            </div>

            <div class="form-row">
                <label for="asaas_environment">Ambiente Asaas *</label>
                <select id="asaas_environment" name="asaas_environment" class="form-control" required>
                    <option value="sandbox" {{ $settings['asaas_environment'] === 'sandbox' ? 'selected' : '' }}>Sandbox (Ambiente de Testes / Homologação)</option>
                    <option value="production" {{ $settings['asaas_environment'] === 'production' ? 'selected' : '' }}>Produção (Chaves reais / Pagamento ao vivo)</option>
                </select>
                <div class="help">Selecione "Sandbox" para testes ou "Produção" para transações bancárias reais.</div>
            </div>

            <div class="form-row">
                <label for="asaas_api_key">Chave de API Asaas (Access Token) *</label>
                <input type="password" id="asaas_api_key" name="asaas_api_key" value="{{ $settings['asaas_api_key'] }}" placeholder="$aact_YTU5YTE0M2M6N2I4MT..." class="form-control">
                <div class="help">Obtenha sua chave no painel do Asaas em <strong>Minha Conta &rarr; Integrações &rarr; Chaves de API</strong>.</div>
            </div>

            <div class="form-row">
                <label for="asaas_wallet_id">Wallet ID (Opcional)</label>
                <input type="text" id="asaas_wallet_id" name="asaas_wallet_id" value="{{ $settings['asaas_wallet_id'] }}" placeholder="ID da carteira se utilizar split de pagamentos" class="form-control">
                <div class="help">Preencha apenas se a sua conta Asaas utiliza carteiras adicionais para roteamento de saldo.</div>
            </div>

            <div style="background: #f8fafc; border: 1px solid var(--border); border-radius: 8px; padding: 16px; margin: 24px 0;">
                <h4 style="margin: 0 0 8px; font-size: 13px; font-weight: 700;">URL de Notificação (Webhook):</h4>
                <code style="font-size: 13px; color: var(--primary); word-break: break-all;">
                    {{ url('/api/v1/asaas/webhook') }}
                </code>
                <p class="help" style="margin-top: 6px;">
                    Cadastre este webhook no painel do Asaas para receber confirmações instantâneas de pagamento com os eventos <code>PAYMENT_RECEIVED</code> e <code>PAYMENT_CONFIRMED</code>.
                </p>
            </div>

            <div style="display: flex; gap: 12px; align-items: center; margin-top: 24px;">
                <button type="submit" class="btn btn-primary">Salvar Configurações</button>
                <a href="{{ route('admin.orders.index') }}" class="btn">Ver Pedidos da Loja</a>
            </div>
        </form>
    </div>
</div>
@endsection