@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">
        <i class="ion ion-md-git-network"></i> Downline-Übertragungen (User Cleanup Logs)
    </h4>

    <div class="row mb-3">
        <div class="col">
            <div class="alert alert-info">
                <strong>Info:</strong> Diese Übersicht zeigt alle Downline-Übertragungen bei User-Deaktivierungen. 
                Wenn ein User deaktiviert wird, werden seine Vertriebspartner-Kinder dem nächsten aktiven Sponsor zugewiesen.
            </div>
        </div>
    </div>

    <div class="nav-tabs-top mb-4">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" href="{{ route('admin_user_cleanup') }}">
                    <i class="ion ion-ios-people"></i> Deaktivierte/Gelöschte User
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="{{ route('admin_user_cleanup_logs') }}">
                    <i class="ion ion-md-git-network"></i> Downline-Übertragungen
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ route('admin_user_cleanup_shopping_logs') }}">
                    <i class="ion ion-md-cart"></i> Kunden-Übertragungen
                </a>
            </li>
        </ul>
    </div>

    <div class="card">
        <div class="card-datatable table-responsive">
            <table class="datatables-logs table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Inaktiver Sponsor</th>
                        <th>Betroffenes Kind (Downline)</th>
                        <th>Neuer Sponsor</th>
                        <th>Übertragen am</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            $('.datatables-logs').dataTable({
                "processing": true,
                "serverSide": true,
                "ajax": '{!! route('admin_user_cleanup_logs_datatable') !!}',
                "order": [[0, "desc"]],
                "columns": [
                    { data: 'id', name: 'id' },
                    { data: 'inactive_sponsor', name: 'inactive_sponsor_id' },
                    { data: 'child_user', name: 'child_user_id' },
                    { data: 'new_sponsor', name: 'new_sponsor_id' },
                    { data: 'created_at', name: 'created_at' }
                ],
                "bLengthChange": false,
                "iDisplayLength": 50,
                "language": {
                    "url": "/js/datatables-{{ \App::getLocale() }}.json"
                }
            });
        });
    </script>
@endsection