@php $waProvider = old('provider', $whatsappConfig->getProvider()); @endphp

<form action="{{ route('admin.setup.saveWhatsapp') }}" method="POST" id="whatsappSetupForm">
    @csrf
    @if($setupHiddenUserId ?? null)<input type="hidden" name="user_id" value="{{ $setupHiddenUserId }}">@endif

    <div class="mb-4">
        <label class="field-label d-block mb-2">Provedor da API</label>
        <div class="btn-group" role="group">
            <input type="radio" class="btn-check" name="provider" id="wa_provider_whapi" value="whapi"
                   {{ $waProvider === 'whapi' ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="wa_provider_whapi">Whapi</label>
            <input type="radio" class="btn-check" name="provider" id="wa_provider_uazapi" value="uazapi"
                   {{ $waProvider === 'uazapi' ? 'checked' : '' }}>
            <label class="btn btn-outline-primary" for="wa_provider_uazapi">UazAPI</label>
        </div>
    </div>

    <div id="waPanelWhapi" class="row g-3 {{ $waProvider !== 'whapi' ? 'd-none' : '' }}">
        <div class="col-sm-8">
            <label class="field-label">Token Whapi <span class="text-danger wa-req-whapi">*</span></label>
            <input type="password" name="whapi_token"
                   class="form-control @error('whapi_token') is-invalid @enderror"
                   value="{{ old('whapi_token', $whatsappConfig->whapi_token) }}"
                   placeholder="Bearer token da API Whapi">
            @error('whapi_token')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-sm-4">
            <label class="field-label">URL Base Whapi</label>
            <input type="url" name="whapi_base_url" class="form-input"
                   value="{{ old('whapi_base_url', $whatsappConfig->whapi_base_url ?: 'https://gate.whapi.cloud') }}">
            <small class="text-muted">gate.whapi.cloud</small>
        </div>
    </div>

    <div id="waPanelUazapi" class="row g-3 {{ $waProvider !== 'uazapi' ? 'd-none' : '' }}">
        <div class="col-12">
            <div class="alert alert-secondary py-2 small mb-0">
                Credenciais do painel UazAPI —
                <a href="https://docs.uazapi.com" target="_blank" rel="noopener">docs.uazapi.com</a>.
                Envio: <code>POST /send/text</code> e <code>POST /send/media</code>.
            </div>
        </div>
        <div class="col-sm-6">
            <label class="field-label">URL base <span class="text-danger wa-req-uazapi">*</span></label>
            <input type="url" name="uazapi_base_url"
                   class="form-input @error('uazapi_base_url') is-invalid @enderror"
                   value="{{ old('uazapi_base_url', $whatsappConfig->uazapi_base_url ?: config('whatsapp.uazapi.base_url')) }}"
                   placeholder="https://focus.uazapi.com">
            @error('uazapi_base_url')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-sm-6">
            <label class="field-label">Token da instância <span class="text-danger wa-req-uazapi">*</span></label>
            <input type="password" name="uazapi_instance_token"
                   class="form-control @error('uazapi_instance_token') is-invalid @enderror"
                   value="{{ old('uazapi_instance_token', $whatsappConfig->uazapi_instance_token) }}">
            @error('uazapi_instance_token')<div class="invalid-feedback">{{ $message }}</div>@enderror
        </div>
        <div class="col-sm-6">
            <label class="field-label">Admin token <span class="text-muted">(opcional)</span></label>
            <input type="password" name="uazapi_admin_token" class="form-control"
                   value="{{ old('uazapi_admin_token', $whatsappConfig->uazapi_admin_token) }}">
        </div>
        <div class="col-sm-6">
            <p class="text-muted small mb-0 mt-4">
                No destino de publicação use o JID do grupo, ex. <code>120363308883996631@g.us</code>
            </p>
        </div>
    </div>

    <div class="row g-3 mt-2">
        <div class="col-12">
            <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" name="is_active"
                       id="wa_is_active" value="1"
                       {{ $whatsappConfig->is_active ? 'checked' : '' }}>
                <label class="form-check-label fw-semibold" for="wa_is_active">
                    Ativar publicação no WhatsApp ({{ $waProvider === 'uazapi' ? 'UazAPI' : 'Whapi' }})
                </label>
            </div>
        </div>
    </div>

    <div class="mt-4 d-flex gap-2">
        <button type="submit" class="btn-modern btn-primary">
            <i class="bi bi-save"></i><span>Salvar WhatsApp</span>
        </button>
        <button type="button" class="btn-modern btn-outline" id="testWaBtn">
            <i class="bi bi-wifi"></i><span>Testar Conexão</span>
        </button>
    </div>
</form>