@extends('layouts.vuexy')

@section('title', 'Configuración de Firebase')

@section('content')
    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger">{{ $errors->first() }}</div>
    @endif

    <div class="row g-6">
        <div class="col-lg-6">
            <div class="card mb-6">
                <div class="card-header">
                    <h6 class="mb-0">Estado actual</h6>
                </div>
                <div class="card-body">
                    @if ($credential)
                        <table class="table table-borderless mb-0">
                            <tbody>
                                <tr><th class="text-body-secondary" style="width: 40%;">Proyecto</th><td>{{ $credential->project_id }}</td></tr>
                                <tr><th class="text-body-secondary">Client email</th><td>{{ $credential->client_email }}</td></tr>
                                <tr><th class="text-body-secondary">Clave privada</th><td><span class="badge bg-label-success">Guardada (cifrada)</span></td></tr>
                                <tr><th class="text-body-secondary">Actualizado</th><td>{{ $credential->updated_at->diffForHumans() }}</td></tr>
                            </tbody>
                        </table>
                    @else
                        <p class="text-body-secondary mb-0">
                            Todavía no hay credenciales de Firebase configuradas — el envío de push
                            de remarketing (Fase 5b) no puede funcionar sin esto.
                        </p>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">Pegar credenciales</h6>
                </div>
                <div class="card-body">
                    <p class="text-body-secondary">
                        Pega aquí el mismo <strong>"Service file content"</strong> (JSON completo del
                        service account) que ya está cargado en el panel admin, en
                        <em>Communication Setup → Firebase Notifications</em>. Tiene que ser el
                        <strong>mismo proyecto de Firebase</strong> que usa la app — un token FCM
                        solo funciona con las credenciales del proyecto que lo generó.
                    </p>

                    <form method="POST" action="{{ route('settings.firebase.update') }}">
                        @csrf
                        <div class="mb-4">
                            <textarea
                                class="form-control font-monospace"
                                name="service_account_json"
                                rows="12"
                                placeholder='{"type": "service_account", "project_id": "...", "private_key": "...", "client_email": "...", ...}'
                                required>{{ old('service_account_json') }}</textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">Guardar credenciales</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @if ($credential)
        <div class="row g-6 mt-1">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-header">
                        <h6 class="mb-0">Prueba de envío manual</h6>
                    </div>
                    <div class="card-body">
                        <p class="text-body-secondary">
                            Manda un push directo a un token FCM real (por ejemplo, el de tu
                            propio teléfono con la app instalada) sin depender del endpoint de
                            tokens del admin — sirve para confirmar que el envío en sí funciona
                            de punta a punta con estas credenciales.
                        </p>

                        <form method="POST" action="{{ route('settings.firebase.test-push') }}">
                            @csrf
                            <div class="mb-4">
                                <label class="form-label" for="fcm_token">Token FCM del dispositivo</label>
                                <input type="text" class="form-control" id="fcm_token" name="fcm_token" required
                                    placeholder="eK3f9...">
                            </div>
                            <div class="mb-4">
                                <label class="form-label" for="title">Título</label>
                                <input type="text" class="form-control" id="title" name="title" maxlength="255"
                                    value="¡Todavía puedes pedir!" required>
                            </div>
                            <div class="mb-4">
                                <label class="form-label" for="body">Mensaje</label>
                                <input type="text" class="form-control" id="body" name="body" maxlength="500"
                                    value="Esto es una prueba manual desde el panel de marketing." required>
                            </div>
                            <button type="submit" class="btn btn-outline-primary">Enviar push de prueba</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection