@extends('admin.layouts.master')

@section('title', __('admin.reports.title'))
@section('css')@endsection

@section('content')
@php
    $totals = $liveSnapshot['totals'] ?? [];
    $highlights = $liveSnapshot['payload']['highlights'] ?? [];
    $activitySummary = $systemActivity['summary'] ?? [];
    $activityTimeline = $systemActivity['timeline'] ?? [];
    $activityTypeBreakdown = $systemActivity['breakdown_by_type'] ?? [];
    $activityEntityBreakdown = $systemActivity['breakdown_by_entity'] ?? [];
@endphp
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">
            <div class="content-header d-flex justify-content-between align-items-center flex-wrap gap-3">
                <div>
                    <h1 class="mb-1">{{ __('admin.reports.title') }}</h1>
                    <p class="text-muted mb-0">{{ __('admin.reports.subtitle') }}</p>
                </div>
                <a href="{{ route('admin.reports.create', $filters) }}" class="btn btn-primary">
                    <i class="ti ti-plus me-1"></i>{{ __('admin.reports.add') }}
                </a>
            </div>

            @if(session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                </div>
            @endif

            <div class="row g-3 mb-1">
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-success shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.reports.total_payments') }}</p>
                            <h4 class="mb-0 text-success">{{ number_format((float) ($totals['payments'] ?? 0), 2) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-danger shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.reports.total_expenses') }}</p>
                            <h4 class="mb-0 text-danger">{{ number_format((float) ($totals['expenses'] ?? 0), 2) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-primary shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.reports.net_result') }}</p>
                            <h4 class="mb-0 {{ (float) ($totals['net'] ?? 0) >= 0 ? 'text-primary' : 'text-warning' }}">{{ number_format((float) ($totals['net'] ?? 0), 2) }}</h4>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-info shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.reports.collection_rate') }}</p>
                            <h4 class="mb-0 text-info">{{ number_format((float) ($totals['collection_rate'] ?? 0), 2) }}%</h4>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                <h4 class="mb-1">{{ __('admin.reports.quick_filter_title') }}</h4>
                                <p class="text-muted mb-0 small">{{ __('admin.reports.quick_filter_hint') }}</p>
                            </div>
                        </div>
                        <div class="card-body">
                            <form id="reports-filters" method="GET" action="{{ route('admin.reports.index') }}" class="row g-3">
                                <div class="col-xl-2 col-md-4">
                                    <label class="form-label">{{ __('admin.reports.filters.from_date') }}</label>
                                    <input type="date" name="from_date" value="{{ $filters['from_date'] }}" class="form-control">
                                </div>
                                <div class="col-xl-2 col-md-4">
                                    <label class="form-label">{{ __('admin.reports.filters.to_date') }}</label>
                                    <input type="date" name="to_date" value="{{ $filters['to_date'] }}" class="form-control">
                                </div>
                                <div class="col-xl-2 col-md-4">
                                    <label class="form-label">{{ __('admin.reports.activity.filters.type') }}</label>
                                    <select name="activity_type" class="form-select">
                                        <option value="">{{ __('admin.reports.activity.filters.all_types') }}</option>
                                        @foreach($activityTypes as $value => $label)
                                            <option value="{{ $value }}" @selected($activityFilters['activity_type'] === $value)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-2 col-md-4">
                                    <label class="form-label">{{ __('admin.reports.filters.project') }}</label>
                                    <select name="project_id" class="form-select">
                                        <option value="">{{ __('admin.reports.filters.all_projects') }}</option>
                                        @foreach($projects as $project)
                                            <option value="{{ $project->id }}" @selected((string) $filters['project_id'] === (string) $project->id)>
                                                {{ $project->project_name ?: $project->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-2 col-md-4">
                                    <label class="form-label">{{ __('admin.reports.filters.client') }}</label>
                                    <select name="client_id" class="form-select">
                                        <option value="">{{ __('admin.reports.filters.all_clients') }}</option>
                                        @foreach($clients as $client)
                                            <option value="{{ $client->id }}" @selected((string) $filters['client_id'] === (string) $client->id)>{{ $client->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-2 col-md-4">
                                    <label class="form-label">{{ __('admin.reports.filters.project_status') }}</label>
                                    <select name="project_status" class="form-select">
                                        <option value="">{{ __('admin.reports.filters.all_statuses') }}</option>
                                        @foreach($projectStatuses as $statusValue => $statusLabel)
                                            <option value="{{ $statusValue }}" @selected($filters['project_status'] === $statusValue)>{{ $statusLabel }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-xl-2 col-md-4">
                                    <label class="form-label">{{ __('admin.reports.activity.filters.user') }}</label>
                                    <select name="activity_user_id" class="form-select">
                                        <option value="">{{ __('admin.reports.activity.filters.all_users') }}</option>
                                        @foreach($users as $user)
                                            <option value="{{ $user->id }}" @selected((string) $activityFilters['activity_user_id'] === (string) $user->id)>{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-12 d-flex gap-2 justify-content-end flex-wrap">
                                    <button type="submit" class="btn btn-primary px-4">{{ __('admin.actions.filter') }}</button>
                                    <a href="{{ route('admin.reports.index') }}" class="btn btn-outline-secondary px-4">{{ __('admin.actions.reset') }}</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-md-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-transparent border-0 pb-0">
                            <h5 class="mb-1">{{ __('admin.reports.highlights.top_expense_category') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="fw-semibold">{{ $highlights['top_expense_category']['name'] ?? '—' }}</div>
                            <div class="text-muted small mt-1">{{ number_format((float) ($highlights['top_expense_category']['amount'] ?? 0), 2) }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-transparent border-0 pb-0">
                            <h5 class="mb-1">{{ __('admin.reports.highlights.lowest_cash_project') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="fw-semibold">{{ $highlights['lowest_cash_project']['name'] ?? '—' }}</div>
                            <div class="text-muted small mt-1">{{ number_format((float) ($highlights['lowest_cash_project']['cash_profit'] ?? 0), 2) }}</div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-transparent border-0 pb-0">
                            <h5 class="mb-1">{{ __('admin.reports.highlights.top_collection_project') }}</h5>
                        </div>
                        <div class="card-body">
                            <div class="fw-semibold">{{ $highlights['top_collection_project']['name'] ?? '—' }}</div>
                            <div class="text-muted small mt-1">{{ number_format((float) ($highlights['top_collection_project']['payments'] ?? 0), 2) }}</div>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                <h4 class="mb-1">{{ __('admin.reports.activity.title') }}</h4>
                                <p class="text-muted mb-0">{{ __('admin.reports.activity.subtitle') }}</p>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row g-3 mb-4">
                                <div class="col-xl-3 col-sm-6">
                                    <div class="border rounded-3 p-3 h-100">
                                        <p class="text-muted mb-1">{{ __('admin.reports.activity.summary.total_activities') }}</p>
                                        <h5 class="mb-0">{{ number_format((int) ($activitySummary['total_activities'] ?? 0)) }}</h5>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6">
                                    <div class="border rounded-3 p-3 h-100">
                                        <p class="text-muted mb-1">{{ __('admin.reports.activity.summary.active_users') }}</p>
                                        <h5 class="mb-0">{{ number_format((int) ($activitySummary['active_users'] ?? 0)) }}</h5>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6">
                                    <div class="border rounded-3 p-3 h-100">
                                        <p class="text-muted mb-1">{{ __('admin.reports.activity.summary.active_entities') }}</p>
                                        <h5 class="mb-0">{{ number_format((int) ($activitySummary['active_entities'] ?? 0)) }}</h5>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6">
                                    <div class="border rounded-3 p-3 h-100">
                                        <p class="text-muted mb-1">{{ __('admin.reports.activity.summary.activity_days') }}</p>
                                        <h5 class="mb-0">{{ number_format((int) ($activitySummary['activity_days'] ?? 0)) }}</h5>
                                    </div>
                                </div>
                            </div>

                            <div class="row g-3 mb-4">
                                <div class="col-xl-6">
                                    <h6 class="mb-2">{{ __('admin.reports.activity.breakdown_by_type') }}</h6>
                                    <div class="d-flex flex-wrap gap-2">
                                        @foreach($activityTypeBreakdown as $item)
                                            <span class="badge rounded-pill text-bg-light border">{{ $item['label'] }}: {{ number_format((int) $item['count']) }}</span>
                                        @endforeach
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <h6 class="mb-2">{{ __('admin.reports.activity.breakdown_by_entity') }}</h6>
                                    <div class="d-flex flex-wrap gap-2">
                                        @forelse($activityEntityBreakdown as $item)
                                            <span class="badge rounded-pill text-bg-light border">{{ $item['label'] }}: {{ number_format((int) $item['count']) }}</span>
                                        @empty
                                            <span class="text-muted small">{{ __('admin.reports.activity.timeline_empty') }}</span>
                                        @endforelse
                                    </div>
                                </div>
                            </div>

                            <h6 class="mb-3">{{ __('admin.reports.activity.timeline_title') }}</h6>
                            <div class="table-responsive">
                                <table id="activity-timeline-table" class="table table-hover align-middle mb-0">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>{{ __('admin.reports.activity.filters.type') }}</th>
                                        <th>{{ __('admin.reports.activity.timeline_title') }}</th>
                                        <th>{{ __('admin.reports.activity.actor_label') }}</th>
                                        <th>{{ __('admin.reports.generated_at') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    $(function () {
        initAdminDataTable({
            selector: '#activity-timeline-table',
            dataTable: {
                ajax: {
                    url: '{{ route('admin.reports.activity_datatable') }}',
                    data: function (d) {
                        d.filter_search = d.search && d.search.value ? d.search.value : '';
                        d.from_date = $('input[name="from_date"]').val();
                        d.to_date = $('input[name="to_date"]').val();
                        d.project_id = $('select[name="project_id"]').val();
                        d.client_id = $('select[name="client_id"]').val();
                        d.project_status = $('select[name="project_status"]').val();
                        d.activity_type = $('select[name="activity_type"]').val();
                        d.activity_user_id = $('select[name="activity_user_id"]').val();
                    }
                },
                order: [[4, 'desc']],
                columns: [
                    {data: 'index', name: 'index', orderable: false, searchable: false},
                    {data: 'activity', name: 'activity', orderable: true, searchable: false},
                    {data: 'details', name: 'details', orderable: true, searchable: false},
                    {data: 'actor', name: 'actor', orderable: true, searchable: false},
                    {data: 'time', name: 'time', orderable: true, searchable: false}
                ],
                columnDefs: [
                    {targets: [1, 2, 4], render: function (data) { return data; }},
                    {targets: [0, 3], className: 'text-nowrap'}
                ]
            }
        });
    });
</script>
@endpush