@extends('layouts.app')

@section('title', 'Финансы')

{{--
    Ports app/Views/admin/finances/index.php (legacy) — see the Phase 48
    plan. The add/edit-expense form uses Laravel's own $errors/old() —
    confirmed safe since the legacy view genuinely repopulates old input
    here (unlike several other controllers this migration found where it
    doesn't). editExpense's old()-first-then-DB-value fallback is preserved
    exactly: a failed edit-resubmission shows the attempted value, not the
    original DB row.
--}}

@push('styles')
<style>
    .stat-card { border-radius: 12px; transition: .15s; }
    .stat-card:hover { transform: translateY(-2px); }
    .big-number { font-size: 1.8rem; font-weight: 600; }
    .text-profit { color: #198754; }
    .text-loss   { color: #dc3545; }
</style>
@endpush

@section('content')
<div class="container mt-4 pb-5">

    <!-- Period picker -->
    <div class="d-flex align-items-center gap-3 mb-4 flex-wrap">
        <h2 class="mb-0">Финансы</h2>
        <div class="d-flex align-items-center gap-2 ms-auto">
            <a href="?year={{ $prevYear }}&month={{ $prevMonth }}"
               class="btn btn-outline-secondary btn-sm">&larr;</a>

            <form method="GET" action="/admin/finances.php" class="d-flex gap-2 align-items-center">
                @php
                    $monthNames = ['Январь','Февраль','Март','Апрель','Май','Июнь',
                                   'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'];
                @endphp
                <select name="month" class="form-select form-select-sm" style="width:130px;" onchange="this.form.submit()">
                    @foreach ($monthNames as $i => $mn)
                        <option value="{{ $i + 1 }}" {{ $i + 1 === $month ? 'selected' : '' }}>{{ $mn }}</option>
                    @endforeach
                </select>
                <select name="year" class="form-select form-select-sm" style="width:90px;" onchange="this.form.submit()">
                    @for ($y = date('Y'); $y >= 2023; $y--)
                        <option value="{{ $y }}" {{ $y == $year ? 'selected' : '' }}>{{ $y }}</option>
                    @endfor
                </select>
            </form>

            <a href="?year={{ $nextYear }}&month={{ $nextMonth }}"
               class="btn btn-outline-secondary btn-sm">&rarr;</a>
        </div>
    </div>

    <!-- Summary cards -->
    <div class="row g-3 mb-4">
        <div class="col-6 col-md">
            <div class="card stat-card border-success shadow-sm h-100">
                <div class="card-body">
                    <div class="small text-muted mb-1">Начислено студентам</div>
                    <div class="big-number text-success">
                        {{ number_format($totalRevenue, 0, ',', ' ') }} &#8376;
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md">
            <div class="card stat-card border-info shadow-sm h-100">
                <div class="card-body">
                    <div class="small text-muted mb-1">Оплачено (поступления)</div>
                    <div class="big-number text-info">
                        {{ number_format($totalPayments, 0, ',', ' ') }} &#8376;
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md">
            <div class="card stat-card border-warning shadow-sm h-100">
                <div class="card-body">
                    <div class="small text-muted mb-1">Зарплата учителям</div>
                    <div class="big-number text-warning">
                        {{ number_format($teacherSalary, 0, ',', ' ') }} &#8376;
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md">
            <div class="card stat-card border-danger shadow-sm h-100">
                <div class="card-body">
                    <div class="small text-muted mb-1">Аренда + прочее</div>
                    <div class="big-number text-danger" id="rentPlusExpensesValue" data-total-rent="{{ $totalRent }}">
                        {{ number_format($totalRent + $manualExpenses, 0, ',', ' ') }} &#8376;
                    </div>
                    <div class="small text-muted">
                        аренда {{ number_format($totalRent, 0, ',', ' ') }} +
                        расходы <span id="manualExpensesInline">{{ number_format($manualExpenses, 0, ',', ' ') }}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6 col-md">
            <div class="card stat-card border-dark shadow-sm h-100">
                <div class="card-body">
                    <div class="small text-muted mb-1">Прибыль</div>
                    <div class="big-number {{ $totalProfit >= 0 ? 'text-profit' : 'text-loss' }}">
                        {{ number_format($totalProfit, 0, ',', ' ') }} &#8376;
                    </div>
                    @if ($totalRevenue > 0)
                        <div class="small text-muted">
                            маржа {{ round(($totalProfit / $totalRevenue) * 100, 1) }}%
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Payments received -->
    <div class="card shadow-sm mb-4">
        <div class="card-header d-flex justify-content-between align-items-center">
            <strong>Поступления от студентов</strong>
            <span class="badge bg-info text-dark fs-6">
                {{ number_format($totalPayments, 0, ',', ' ') }} &#8376;
            </span>
        </div>
        <div class="table-responsive">
            @if (! empty($paymentRows))
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Дата</th>
                        <th>Студент</th>
                        <th>Описание</th>
                        <th class="text-end">Сумма</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($paymentRows as $p)
                    <tr>
                        <td>{{ $p['payment_date'] }}</td>
                        <td>{{ $p['first_name'].' '.$p['last_name'] }}</td>
                        <td>{{ $p['description'] ?? '—' }}</td>
                        <td class="text-end text-info">{{ number_format($p['amount'], 0, ',', ' ') }} &#8376;</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            @else
                <p class="text-muted p-3 mb-0">Нет поступлений за этот период.</p>
            @endif
        </div>
    </div>

    <!-- Manual expenses -->
    <div id="expensesAlert" class="mb-2"></div>
    @include('admin.finances._expense_card', [
        'year' => $year,
        'month' => $month,
        'editExpense' => $editExpense,
        'expenseCategories' => $expenseCategories,
        'expenseRows' => $expenseRows,
        'manualExpenses' => $manualExpenses,
    ])

</div>
@endsection

@push('scripts')
<script>
// Bound on document, not #expense-form itself: saveExpense's AJAX branch replaces
// #expense-form's whole outerHTML on success (see data-replace-target), which would
// detach any listener bound directly to it after the first add/edit.
document.addEventListener('ajax-form:success', function (e) {
    if (typeof e.detail.manual_expenses !== 'number') return;

    const manualExpenses = e.detail.manual_expenses;
    const formatted = manualExpenses.toLocaleString('ru', { maximumFractionDigits: 0 }) + ' ₸';

    const badge = document.getElementById('manualExpensesBadge');
    if (badge) badge.textContent = formatted;

    const inline = document.getElementById('manualExpensesInline');
    if (inline) inline.textContent = manualExpenses.toLocaleString('ru', { maximumFractionDigits: 0 });

    const rentPlusExpenses = document.getElementById('rentPlusExpensesValue');
    if (rentPlusExpenses) {
        const totalRent = parseFloat(rentPlusExpenses.dataset.totalRent);
        rentPlusExpenses.textContent = (totalRent + manualExpenses).toLocaleString('ru', { maximumFractionDigits: 0 }) + ' ₸';
    }
});
</script>
@endpush