@extends('layouts.app')

@section('title', 'Моя панель')

@section('content')
    <div class="container" style="max-width: 900px;">
        @if ($notFound)
            <div class="alert alert-warning">{{ $notFound }}</div>
        @else
            <h3>Информация о вашем ученике</h3>

            @if ($studentInfo)
                <div class="card shadow-sm mb-4">
                    <div class="card-body">
                        <h5>{{ $studentInfo->last_name.' '.$studentInfo->first_name }}</h5>
                        <p><strong>Класс:</strong> {{ $studentInfo->class_name ?? '—' }}</p>
                        <p><strong>Тип обучения:</strong> {{ $studentInfo->learning_type_name ?? '—' }}</p>
                        <p><strong>Язык обучения:</strong> {{ $studentInfo->language_name ?? '—' }}</p>
                        <p><strong>Предметы:</strong> {{ ! empty($disciplines) ? implode(', ', $disciplines) : '—' }}</p>

                        <hr>
                        <div class="row text-center g-3">
                            <div class="col-6 col-sm-3">
                                <div class="fw-bold fs-5">{{ (int) $summaryStats['attendance_pct'] }}%</div>
                                <div class="text-muted small">Посещаемость</div>
                            </div>
                            <div class="col-6 col-sm-3">
                                <div class="fw-bold fs-5">{{ (int) $summaryStats['lateness_count'] }}</div>
                                <div class="text-muted small">Опоздания</div>
                            </div>
                            <div class="col-6 col-sm-3">
                                <div class="fw-bold fs-5">{{ $summaryStats['avg_dz'] ?? '—' }}</div>
                                <div class="text-muted small">Средний балл ДЗ</div>
                            </div>
                            <div class="col-6 col-sm-3">
                                <div class="fw-bold fs-5">{{ $summaryStats['avg_kr'] ?? '—' }}</div>
                                <div class="text-muted small">Средний балл КР</div>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="alert alert-warning">Информация о студенте не найдена.</div>
            @endif

            <div class="card shadow-sm mb-4">
                <div class="card-body">
                    <h5 class="card-title">Настройки уведомлений</h5>
                    <form action="/parent/update_notification_period.php" method="POST" class="d-flex align-items-center gap-2">
                        @csrf
                        <label for="period" class="form-label mb-0">Получать уведомления раз в:</label>
                        <select name="period" id="period" class="form-select w-auto">
                            <option value="1" {{ $notificationPeriod === 1 ? 'selected' : '' }}>1 неделю</option>
                            <option value="2" {{ $notificationPeriod === 2 ? 'selected' : '' }}>2 недели</option>
                            <option value="4" {{ $notificationPeriod === 4 ? 'selected' : '' }}>4 недели</option>
                        </select>
                        <button type="submit" class="btn btn-primary">Сохранить</button>
                    </form>
                </div>
            </div>

            <div class="card shadow-sm mb-4">
                <div class="card-body">
                    <h5 class="card-title">Платежи</h5>

                    @php
                        $totalPaid = (float) ($financialSummary->total_paid ?? 0);
                        $totalCharged = (float) ($financialSummary->total_charged ?? 0);
                        $balance = $totalPaid - $totalCharged;
                    @endphp

                    @if ($invoiceRequest && $invoiceRequest->status === 'pending')
                        <div class="alert alert-warning mb-3">
                            <p class="mb-2">
                                Баланс приближается к нулю ({{ number_format($balance, 0, '.', ' ') }} ₸).
                                Готовы внести оплату в ближайшее время?
                            </p>
                            <div class="d-flex gap-2">
                                <form method="POST" action="/parent/approve_invoice.php" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="request_id" value="{{ (int) $invoiceRequest->id }}">
                                    <button type="submit" class="btn btn-success btn-sm">Подтвердить</button>
                                </form>
                                <form method="POST" action="/parent/decline_invoice.php" class="d-inline">
                                    @csrf
                                    <input type="hidden" name="request_id" value="{{ (int) $invoiceRequest->id }}">
                                    <button type="submit" class="btn btn-outline-secondary btn-sm">Не сейчас</button>
                                </form>
                            </div>
                        </div>
                    @elseif ($invoiceRequest && $invoiceRequest->status === 'approved')
                        <div class="alert alert-info mb-3">
                            Спасибо! Мы свяжемся с вами для оформления оплаты.
                        </div>
                    @endif

                    <div class="row text-center g-3 mb-3">
                        <div class="col-6 col-sm-4">
                            <div class="fw-bold fs-5">{{ number_format($totalPaid, 0, '.', ' ') }} ₸</div>
                            <div class="text-muted small">Оплачено</div>
                        </div>
                        <div class="col-6 col-sm-4">
                            <div class="fw-bold fs-5">{{ number_format($totalCharged, 0, '.', ' ') }} ₸</div>
                            <div class="text-muted small">Начислено</div>
                        </div>
                        <div class="col-6 col-sm-4">
                            <div class="fw-bold fs-5 {{ $balance < 0 ? 'text-danger' : 'text-success' }}">
                                {{ number_format($balance, 0, '.', ' ') }} ₸
                            </div>
                            <div class="text-muted small">Баланс</div>
                        </div>
                    </div>

                    @if (! empty($payments))
                        <div class="table-responsive">
                            <table class="table table-sm mb-0">
                                <thead>
                                    <tr>
                                        <th>Дата</th>
                                        <th>Сумма</th>
                                        <th>Описание</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($payments as $p)
                                        <tr>
                                            <td>{{ date('d.m.Y', strtotime($p->payment_date)) }}</td>
                                            <td>{{ number_format((float) $p->amount, 0, '.', ' ') }} ₸</td>
                                            <td>{{ $p->description ?? '—' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted mb-0">Платежей пока нет.</p>
                    @endif
                </div>
            </div>

            <h5>Группы студента:</h5>
            @if ($groupInfo['success'])
                @foreach ($groupInfo['data'] as $group)
                    <div class="card shadow-sm mb-3">
                        <div class="card-body">
                            <h5 class="card-title">{{ $group->group_name }}</h5>
                            <p><strong>Предмет:</strong> {{ $group->discipline_name }}</p>

                            @if (! empty($group->lessons))
                                <div class="mt-3">
                                    <strong>Уроки и посещаемость:</strong>

                                    @php
                                        $months = [];
                                        foreach ($group->lessons as $lesson) {
                                            $monthKey = date('Y-m', strtotime($lesson->lesson_date));
                                            $months[$monthKey][] = $lesson;
                                        }
                                        $monthKeys = array_keys($months);
                                    @endphp

                                    <div class="position-relative">
                                        <div class="d-flex justify-content-between align-items-center mb-2">
                                            <button class="btn btn-sm btn-outline-primary" onclick="changeMonth('{{ $group->group_id }}', -1)">←</button>
                                            <h6 id="month-label-{{ $group->group_id }}" class="mb-0">{{ $monthKeys[0] ?? '' }}</h6>
                                            <button class="btn btn-sm btn-outline-primary" onclick="changeMonth('{{ $group->group_id }}', 1)">→</button>
                                        </div>

                                        @foreach ($months as $monthKey => $lessons)
                                            <div class="month-lessons" id="month-{{ $group->group_id }}-{{ $monthKey }}" style="display: none;">
                                                <div class="table-responsive mt-2">
                                                    <table class="table table-sm table-hover align-middle mb-0">
                                                        <thead>
                                                            <tr>
                                                                <th>Дата</th>
                                                                <th>Статус</th>
                                                                <th>ДЗ</th>
                                                                <th>КР</th>
                                                                <th>Опоздание</th>
                                                                <th>Комментарии</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($lessons as $lesson)
                                                                <tr>
                                                                    <td>{{ date('d.m.Y', strtotime($lesson->lesson_date)) }}</td>
                                                                    <td>
                                                                        <span class="badge {{ $lesson->present ? 'bg-success' : 'bg-danger' }}">
                                                                            {{ $lesson->present ? 'Присутствовал' : 'Отсутствовал' }}
                                                                        </span>
                                                                    </td>
                                                                    <td>{{ $lesson->dz_score ?? '—' }}</td>
                                                                    <td>{{ $lesson->kr_score ?? '—' }}</td>
                                                                    <td>{{ $lesson->lateness ?? '—' }}</td>
                                                                    <td>{{ ! empty($lesson->comments_combined) ? $lesson->comments_combined : '—' }}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                @endforeach
            @else
                <p class="text-muted">Студент не состоит ни в одной группе.</p>
            @endif

            <div class="card shadow-sm mb-4">
                <div class="card-body">
                    <h5 class="card-title">Результаты еженедельных тестов</h5>

                    @if (! empty($weeklyResults))
                        <div class="table-responsive mt-2">
                            <table class="table table-sm table-hover align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th>Дата</th>
                                        <th>Учитель</th>
                                        <th>Результат</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($weeklyResults as $res)
                                        @php
                                            $scoreText = $res->score !== null ? "{$res->score}/{$res->max_score}" : '—';
                                            $passed = $res->score !== null && $res->score >= ($res->max_score / 2);
                                        @endphp
                                        <tr>
                                            <td>{{ $res->lesson_date ? date('d.m.Y', strtotime($res->lesson_date)) : '—' }}</td>
                                            <td>{{ $res->teacher_name ?? '—' }}</td>
                                            <td>
                                                <span class="badge {{ $res->score !== null ? ($passed ? 'bg-success' : 'bg-danger') : 'bg-secondary' }}">
                                                    {{ $scoreText }}
                                                </span>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted">Нет результатов тестов.</p>
                    @endif
                </div>
            </div>

            <script>
            document.addEventListener('DOMContentLoaded', () => {
                document.querySelectorAll('[id^="month-label-"]').forEach(label => {
                    const groupId = label.id.replace('month-label-', '');
                    showMonth(groupId, 0);
                });
            });

            const monthIndices = {};
            function showMonth(groupId, index) {
                const months = document.querySelectorAll(`[id^="month-${groupId}-"]`);
                months.forEach((el, i) => el.style.display = i === index ? 'block' : 'none');
                const label = document.getElementById(`month-label-${groupId}`);
                if (label && months[index]) {
                    label.textContent = months[index].id.split('-').slice(2).join('-');
                    label.dataset.currentIndex = index;
                }
                monthIndices[groupId] = index;
            }

            function changeMonth(groupId, delta) {
                const months = document.querySelectorAll(`[id^="month-${groupId}-"]`);
                if (months.length === 0) return;
                let index = monthIndices[groupId] ?? 0;
                index += delta;
                if (index < 0) index = 0;
                if (index >= months.length) index = months.length - 1;
                showMonth(groupId, index);
            }
            </script>

            @if ($npsPromptNeeded && $studentInfo)
                <div class="modal fade" id="npsModal" tabindex="-1" aria-labelledby="npsModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <form action="/parent/submit_nps.php" method="POST">
                                @csrf
                                <div class="modal-header">
                                    <h5 class="modal-title" id="npsModalLabel">Оцените нашу работу</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
                                </div>
                                <div class="modal-body">
                                    <p>Насколько вероятно, что вы порекомендуете нас друзьям и знакомым?</p>
                                    @error('score')
                                        <div class="alert alert-danger py-1 px-2 small">{{ $message }}</div>
                                    @enderror
                                    <div class="d-flex gap-1 flex-wrap justify-content-between mb-2" id="npsScoreButtons">
                                        @for ($i = 0; $i <= 10; $i++)
                                            <label class="btn btn-outline-primary btn-sm{{ old('score') === (string) $i ? ' active' : '' }}">
                                                <input type="radio" name="score" value="{{ $i }}" class="d-none" required {{ old('score') === (string) $i ? 'checked' : '' }}> {{ $i }}
                                            </label>
                                        @endfor
                                    </div>
                                    <textarea name="comment" class="form-control" rows="2" maxlength="500" placeholder="Комментарий (необязательно)">{{ old('comment') }}</textarea>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Позже</button>
                                    <button type="submit" class="btn btn-primary">Отправить</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <script>
                document.addEventListener('DOMContentLoaded', () => {
                    const modalEl = document.getElementById('npsModal');
                    if (modalEl) {
                        new bootstrap.Modal(modalEl).show();
                        modalEl.querySelectorAll('#npsScoreButtons label').forEach(label => {
                            label.addEventListener('click', () => {
                                modalEl.querySelectorAll('#npsScoreButtons label').forEach(l => l.classList.remove('active'));
                                label.classList.add('active');
                            });
                        });
                    }
                });
                </script>
            @endif
        @endif
    </div>
@endsection