{{--
    "Прочие расходы" card, rendered both by admin/finances/index.blade.php (initial load) and by
    FinanceController::saveExpense()'s AJAX branch, which re-renders this partial after add/edit
    and returns it as data.html for the js-ajax-form handler (layouts/app.blade.php) to swap in
    via data-replace-target="#expense-form" — needed because a successful edit must flip the form
    back to "Add" mode, which non-AJAX only happens via the ?edit_expense_id= query param
    reloading the page. Params: $year, $month, $editExpense, $expenseCategories, $expenseRows,
    $manualExpenses.
--}}
<div class="card shadow-sm mb-4" id="expense-form">
    <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Прочие расходы</strong>
        <span class="badge bg-danger fs-6" id="manualExpensesBadge">
            {{ number_format($manualExpenses, 0, ',', ' ') }} &#8376;
        </span>
    </div>
    <div class="card-body border-bottom">
        <h6 class="mb-3">{{ $editExpense ? 'Редактировать расход' : 'Добавить расход' }}</h6>
        <form action="/admin/save_expense.php" method="POST" class="row g-2 align-items-end js-ajax-form"
              data-replace-target="#expense-form" data-alert-target="#expensesAlert">
            @csrf
            <input type="hidden" name="year" value="{{ $year }}">
            <input type="hidden" name="month" value="{{ $month }}">
            @if ($editExpense)
                <input type="hidden" name="id" value="{{ (int) $editExpense['id'] }}">
            @endif
            @php $oldExpenseCategory = old('category'); @endphp
            <div class="col-6 col-md-2">
                <label class="form-label small">Дата</label>
                <input type="date" class="form-control @error('expense_date') is-invalid @enderror" name="expense_date" required
                       value="{{ old('expense_date') ?: ($editExpense['expense_date'] ?? date('Y-m-d')) }}">
                @error('expense_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label small">Сумма</label>
                <input type="number" step="0.01" min="0.01" class="form-control @error('amount') is-invalid @enderror" name="amount" required
                       value="{{ old('amount') ?: ($editExpense['amount'] ?? '') }}">
                @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-6 col-md-3">
                <label class="form-label small">Категория</label>
                <select name="category" class="form-select @error('category') is-invalid @enderror" required>
                    <option value="" disabled {{ ($oldExpenseCategory === null && empty($editExpense['category'])) ? 'selected' : '' }}>Выберите категорию</option>
                    @foreach ($expenseCategories as $cat)
                        <option value="{{ $cat }}"
                                {{ ($oldExpenseCategory !== null ? $oldExpenseCategory === $cat : ($editExpense['category'] ?? '') === $cat) ? 'selected' : '' }}>
                            {{ $cat }}
                        </option>
                    @endforeach
                </select>
                @error('category')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-6 col-md-3">
                <label class="form-label small">Описание</label>
                <input type="text" class="form-control @error('title') is-invalid @enderror" name="title" maxlength="255"
                       value="{{ old('title') ?: ($editExpense['title'] ?? '') }}">
                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12 col-md-2">
                <button type="submit" class="btn btn-primary w-100">{{ $editExpense ? 'Сохранить' : 'Добавить' }}</button>
                @if ($editExpense)
                    <a href="?year={{ $year }}&month={{ $month }}" class="btn btn-outline-secondary w-100 mt-2">Отмена</a>
                @endif
            </div>
        </form>
    </div>
    <div class="table-responsive">
        @if (! empty($expenseRows))
        <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>
                    <th class="text-center">Действия</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($expenseRows as $e)
                <tr>
                    <td>{{ $e['expense_date'] }}</td>
                    <td>{{ $e['category'] ?? '—' }}</td>
                    <td>{{ $e['title'] ?? '—' }}</td>
                    <td class="text-end text-danger">{{ number_format($e['amount'], 0, ',', ' ') }} &#8376;</td>
                    <td class="text-center">
                        <a href="?year={{ $year }}&month={{ $month }}&edit_expense_id={{ (int) $e['id'] }}#expense-form"
                           class="btn btn-sm btn-warning">Изменить</a>
                        <form action="/admin/delete_expense.php" method="POST" class="d-inline js-ajax-form"
                              data-remove-target="tr" data-alert-target="#expensesAlert"
                              onsubmit="return confirm('Удалить этот расход?');">
                            @csrf
                            <input type="hidden" name="id" value="{{ (int) $e['id'] }}">
                            <input type="hidden" name="year" value="{{ $year }}">
                            <input type="hidden" name="month" value="{{ $month }}">
                            <button type="submit" class="btn btn-sm btn-danger">Удалить</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        @else
            <p class="text-muted p-3 mb-0">Нет прочих расходов за этот период.</p>
        @endif
    </div>
</div>