@extends('layouts.dashboard')
@section('title', __('Push Notifications'))
@section('page_title', __('Push Notifications'))

@section('content')
    @include('partials.how-it-works', ['key' => 'admin.push'])

    <div class="row g-3 mb-4">
        <div class="col-sm-6 col-xl-3">@include('partials.dashboard.stat-card', ['label' => __('Registered devices'), 'value' => $stats['devices'], 'icon' => 'bi-phone', 'color' => 'primary'])</div>
        <div class="col-sm-6 col-xl-3">@include('partials.dashboard.stat-card', ['label' => __('Android'), 'value' => $stats['android'], 'icon' => 'bi-android2', 'color' => 'success'])</div>
        <div class="col-sm-6 col-xl-3">@include('partials.dashboard.stat-card', ['label' => __('iOS'), 'value' => $stats['ios'], 'icon' => 'bi-apple', 'color' => 'secondary'])</div>
        <div class="col-sm-6 col-xl-3">@include('partials.dashboard.stat-card', ['label' => __('Status'), 'value' => $enabled && $project ? __('Live') : __('Off'), 'icon' => 'bi-broadcast', 'color' => $enabled && $project ? 'success' : 'warning', 'hint' => $project ? __('Project :p', ['p' => $project]) : __('No credentials yet')])</div>
    </div>
    <div class="row g-3">
        <div class="col-xl-7">
            <form method="POST" action="{{ route('admin.push.update') }}" class="card">@csrf @method('PUT')
                <div class="card-header"><i class="bi bi-fire text-primary me-2"></i>{{ __('Firebase Cloud Messaging (HTTP v1)') }}</div>
                <div class="card-body d-grid gap-3">
                    <div class="form-check form-switch"><input class="form-check-input" type="checkbox" role="switch" name="push_enabled" value="1" id="pe" {{ $enabled ? 'checked' : '' }}><label class="form-check-label fw-semibold" for="pe">{{ __('Send push notifications to mobile devices') }}</label><div class="form-text">{{ __('Every in-app notification (enrollments, grades, live classes, fee invoices…) is also delivered to the recipient’s registered devices.') }}</div></div>
                    @if($project)
                        <div class="alert alert-success small mb-0"><i class="bi bi-check-circle me-1"></i>{{ __('Service account loaded') }}: <b>{{ $project }}</b> · {{ $clientEmail }}
                            <div class="form-check mt-2"><input type="checkbox" class="form-check-input" name="clear_credentials" value="1" id="cc"><label class="form-check-label" for="cc">{{ __('Remove credentials') }}</label></div></div>
                    @endif
                    <div>
                        <label class="form-label">{{ $project ? __('Replace service-account JSON') : __('Service-account JSON') }}</label>
                        <textarea name="service_account" rows="7" class="form-control font-monospace small @error('service_account') is-invalid @enderror" placeholder='{"type": "service_account", "project_id": "...", "client_email": "...", "private_key": "-----BEGIN PRIVATE KEY-----..."}'></textarea>
                        @error('service_account')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        <div class="form-text">{{ __('Firebase console → Project settings → Service accounts → Generate new private key. Paste the downloaded JSON here. It is stored encrypted-at-rest in your database settings and never shown again.') }}</div>
                    </div>
                </div>
                <div class="card-footer text-end"><button class="btn btn-primary"><i class="bi bi-check2 me-1"></i>{{ __('Save') }}</button></div>
            </form>
        </div>
        <div class="col-xl-5">
            <div class="card mb-3">
                <div class="card-header"><i class="bi bi-send text-primary me-2"></i>{{ __('Send a test') }}</div>
                <div class="card-body">
                    <p class="small text-muted">{{ __('Sends a push to your own registered devices (:n found). Sign in on the mobile app with this account first.', ['n' => $myDevices]) }}</p>
                    <form method="POST" action="{{ route('admin.push.test') }}">@csrf<button class="btn btn-light" {{ $enabled && $project && $myDevices ? '' : 'disabled' }}><i class="bi bi-phone-vibrate me-1"></i>{{ __('Send test push to me') }}</button></form>
                </div>
            </div>
            <div class="card">
                <div class="card-header"><i class="bi bi-phone text-primary me-2"></i>{{ __('Mobile app setup') }}</div>
                <div class="card-body small text-muted">
                    <ol class="ps-3 mb-0 d-grid gap-1">
                        <li>{{ __('Create a Firebase project and add your Android/iOS apps.') }}</li>
                        <li>{{ __('Run') }} <code>flutterfire configure</code> {{ __('in the Flutter project to generate') }} <code>lib/firebase_options.dart</code>.</li>
                        <li>{{ __('The app registers its token via') }} <code>POST /api/v1/device-tokens</code> {{ __('after login and removes it on logout.') }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection