@extends('layouts.app')

@section('title', 'Перенос данных ученика')

{{--
    StudentRemovalController::transferForm() — the "two rows, one person"
    fix. First half picks the receiving student (search via
    /search_students.php, the same endpoint every other student picker on
    the site uses); once one is in the URL as target_id the second half shows
    StudentRecordsService::transferPlan() and the confirmation fields.

    Nothing is written until the POST, which re-checks the acknowledgement
    box and the typed surname server-side — the disabled submit button here
    is only a convenience.
--}}

@section('content')
<div class="container mt-4 pb-5" style="max-width: 900px;">

    <h2 class="mb-3">
        <i class="bi bi-arrow-left-right me-2"></i>Перенос данных ученика
    </h2>

    <p class="text-muted">
        Все записи ученика <strong>{{ $studentName }}</strong> — платежи, начисления, посещаемость,
        группы, результаты, игровой профиль — будут перенесены другому ученику. Используйте это,
        когда один и тот же человек заведён дважды.
    </p>

    {{-- Step 1: pick the receiving student --}}
    <div class="card shadow-sm mb-4">
        <div class="card-header"><strong>1. Кому перенести</strong></div>
        <div class="card-body">
            @if ($target)
                <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
                    <div>
                        <span class="text-muted small">Получатель:</span>
                        <strong>{{ $targetName }}</strong>
                        <span class="text-muted small">
                            (ID {{ $target->id }}@if ($target->class_name), {{ $target->class_name }}@endif @if ($target->status_name), {{ $target->status_name }}@endif)
                        </span>
                        <a href="/student_admin_info.php?student_id={{ $target->id }}" target="_blank" class="ms-2 small">открыть профиль</a>
                    </div>
                    <a href="/transfer_student_data.php?student_id={{ $student->id }}" class="btn btn-outline-secondary btn-sm">Выбрать другого</a>
                </div>
            @else
                <label class="form-label" for="target-search">Найдите ученика по имени или фамилии</label>
                <div class="position-relative">
                    <input type="text" class="form-control" id="target-search" autocomplete="off"
                           placeholder="Начните вводить имя…">
                    <ul class="list-group position-absolute w-100 shadow" id="target-suggestions"
                        style="z-index: 1050; display: none; max-height: 300px; overflow-y: auto;"></ul>
                </div>
                <div class="form-text">Сам ученик ({{ $studentName }}) в списке не показывается.</div>
            @endif
        </div>
    </div>

    @if ($target)
        {{-- Step 2: what moves --}}
        <div class="card shadow-sm mb-4">
            <div class="card-header"><strong>2. Что будет перенесено</strong></div>
            @if ($plan === [])
                <div class="card-body text-muted">
                    За учеником нет ни одной записи — переносить нечего. Его можно просто удалить со страницы профиля.
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                        <tr>
                            <th>Данные</th>
                            <th class="text-end">Будет перенесено</th>
                            <th class="text-end">Пропущено</th>
                            <th class="text-end">Сумма</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($plan as $row)
                            <tr>
                                <td>
                                    {{ $row['label'] }}
                                    @if ($row['note'])
                                        <div class="text-muted small">{{ $row['note'] }}</div>
                                    @endif
                                </td>
                                <td class="text-end text-success">{{ $row['count'] - $row['skipped'] }}</td>
                                <td class="text-end {{ $row['skipped'] > 0 ? 'text-warning fw-bold' : 'text-muted' }}">
                                    {{ $row['skipped'] > 0 ? $row['skipped'] : '—' }}
                                </td>
                                <td class="text-end">
                                    @if ($row['amount'] !== null)
                                        {{ number_format($row['amount'], 0, ',', ' ') }} &#8376;
                                    @else
                                        <span class="text-muted">—</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        <tr class="table-light fw-bold">
                            <td>Итого</td>
                            <td class="text-end">{{ collect($plan)->sum('count') - collect($plan)->sum('skipped') }}</td>
                            <td class="text-end">{{ collect($plan)->sum('skipped') ?: '—' }}</td>
                            <td class="text-end"></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            @endif
        </div>

        {{-- Step 3: confirm --}}
        <form method="POST" action="/transfer_student_data.php" id="transfer-form"
              onsubmit="return confirm('Перенести все данные ученика {{ addslashes($studentName) }} к {{ addslashes($targetName) }}?\n\nОтменить перенос будет невозможно.');">
            @csrf
            <input type="hidden" name="student_id" value="{{ $student->id }}">
            <input type="hidden" name="target_id" value="{{ $target->id }}">

            <div class="card border-warning shadow-sm mb-4">
                <div class="card-header"><strong>3. Подтверждение</strong></div>
                <div class="card-body">
                    <div class="alert alert-warning mb-3">
                        Перенос необратим: записи нельзя будет автоматически вернуть обратно.
                        Пропущенные дубликаты (если есть) будут удалены — у получателя останется его версия.
                    </div>

                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="delete_after" value="1" id="transfer-delete-after" checked>
                        <label class="form-check-label" for="transfer-delete-after">
                            После переноса удалить ученика <strong>{{ $studentName }}</strong> вместе с учётной записью для входа
                        </label>
                        <div class="form-text">Снимите флажок, если пустую карточку нужно оставить.</div>
                    </div>

                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" name="acknowledge" value="1" id="transfer-ack">
                        <label class="form-check-label" for="transfer-ack">
                            Я проверил(а), что это один и тот же человек, и понимаю, что перенос необратим.
                        </label>
                    </div>

                    <label class="form-label" for="transfer-name">
                        Для подтверждения введите фамилию ученика, чьи данные переносятся: <strong>{{ $student->last_name }}</strong>
                    </label>
                    <input type="text" class="form-control" name="confirm_name" id="transfer-name"
                           autocomplete="off" placeholder="{{ $student->last_name }}">
                </div>
            </div>

            <button type="submit" class="btn btn-warning" id="transfer-submit" disabled>
                <i class="bi bi-arrow-left-right me-1"></i>Перенести данные
            </button>
            <a href="/student_admin_info.php?student_id={{ $student->id }}" class="btn btn-outline-secondary">Отмена</a>
        </form>
    @else
        <a href="/student_admin_info.php?student_id={{ $student->id }}" class="btn btn-outline-secondary">Отмена</a>
    @endif

</div>
@endsection

@push('scripts')
<script>
(function () {
    var sourceId = @json((int) $student->id);
    var search = document.getElementById('target-search');
    var list = document.getElementById('target-suggestions');

    if (search && list) {
        var timer = null;

        search.addEventListener('input', function () {
            clearTimeout(timer);
            var query = search.value.trim();

            if (query.length < 2) {
                list.style.display = 'none';
                list.innerHTML = '';
                return;
            }

            timer = setTimeout(function () {
                fetch('/search_students.php?query=' + encodeURIComponent(query), { credentials: 'same-origin' })
                    .then(function (r) { return r.json(); })
                    .then(function (rows) {
                        list.innerHTML = '';
                        rows = rows.filter(function (s) { return Number(s.id) !== sourceId; });

                        if (rows.length === 0) {
                            var empty = document.createElement('li');
                            empty.className = 'list-group-item text-muted';
                            empty.textContent = 'Ничего не найдено';
                            list.appendChild(empty);
                        }

                        rows.forEach(function (s) {
                            var a = document.createElement('a');
                            a.className = 'list-group-item list-group-item-action d-flex justify-content-between align-items-center';
                            a.href = '/transfer_student_data.php?student_id=' + sourceId + '&target_id=' + encodeURIComponent(s.id);

                            var name = document.createElement('span');
                            name.textContent = s.last_name + ' ' + s.first_name;
                            var meta = document.createElement('span');
                            meta.className = 'text-muted small';
                            meta.textContent = (s.class_name || '') + ' · ID ' + s.id;

                            a.appendChild(name);
                            a.appendChild(meta);
                            list.appendChild(a);
                        });

                        list.style.display = 'block';
                    })
                    .catch(function () { list.style.display = 'none'; });
            }, 200);
        });

        document.addEventListener('click', function (e) {
            if (!list.contains(e.target) && e.target !== search) {
                list.style.display = 'none';
            }
        });
    }

@if ($target)
    {{-- Ships only with the form it gates. The fields below exist only in the
         second half, so without a target this was already inert — but it also
         put the literal "transfer-submit" on a page that has no submit button,
         which is exactly what StudentRemovalTest asserts is absent before a
         target is chosen. --}}
    var ack = document.getElementById('transfer-ack');
    var name = document.getElementById('transfer-name');
    var submit = document.getElementById('transfer-submit');

    if (ack && name && submit) {
        var expected = @json(mb_strtolower(trim($student->last_name)));

        var refresh = function () {
            var typed = name.value.trim().toLowerCase();
            submit.disabled = !(ack.checked && typed !== '' && typed === expected);
        };

        ack.addEventListener('change', refresh);
        name.addEventListener('input', refresh);
        refresh();
    }
@endif
})();
</script>
@endpush