@extends('layouts.app')

@section('title', 'Расписание')

{{--
    Ports app/Views/adviser/schedule/index.php (legacy, 479 lines) + the render()
    payload from App\Controllers\AdviserScheduleController::index()
    (app/Controllers/AdviserScheduleController.php) — see the Phase 20 plan.

    Every write form on this page is Laravel-native @csrf as of Phase 21
    (#StudentModal's edit-membership form: Phase 20; add/delete-student:
    Phase 21, shared with groups/show.blade.php's own student section). The
    delete-student form is built in JS (see showStudents() below) — its
    hidden _token field is populated from Laravel's real csrf_token(),
    embedded into the page the same way the legacy CSRF token used to be.

    The classroom grid/day-switcher/student-list modal are almost entirely
    client-rendered from the $schedule/$classrooms/$studentsByGroup JSON
    blobs below — ported byte-for-byte from the legacy <script> block, not
    rewritten, since it's plain vanilla JS/jQuery with no other server
    dependency.

    No page-level role restriction beyond SessionAuth::check() — matches the
    legacy controller's constructor exactly, same flagged-not-fixed ambiguity
    as student_admin_info.php/group_admin_info.php.
--}}

@push('styles')
<style>
#schedule-table {
    table-layout: auto;
    width: 100%;
}
#schedule-table th, #schedule-table td {
    text-align: center;
    vertical-align: middle;
    height: 70px;
    overflow: hidden;
    word-wrap: break-word;
    min-width: 120px;
}
.lesson-cell {
    font-weight: bold;
}
.lesson-teacher {
    font-size: 0.8em;
    color: var(--ax-gray-700, #333);
    display: block;
    margin-top: 4px;
}
.day-button.active {
    background-color: var(--ax-primary, #0d6efd);
    border-color: var(--ax-primary, #0d6efd);
    color: white;
}
</style>
@endpush

@section('content')
<div class="container-fluid">
    <div class="ax-page-header">
        <h1 class="mb-0">Расписание по кабинетам</h1>
    </div>

    <div class="btn-group mb-3 flex-wrap" role="group">
        @foreach ($days as $i => $day)
            <button type="button" class="btn btn-outline-primary day-button" data-day="{{ $i }}">
                {{ $day }}
            </button>
        @endforeach
    </div>

    <div class="table-responsive">
        <table class="table table-bordered" id="schedule-table">
            <thead>
                <tr>
                    <th>Время</th>
                    @foreach ($classrooms as $c)
                        <th>{{ $c->name }}</th>
                    @endforeach
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

<div class="modal fade" id="studentsModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="studentsModalTitle">Ученики группы</h5>
        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addStudentModal">
            Добавить
        </button>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
      </div>
      <div class="modal-body">
        <div id="studentsListAlert"></div>
        <ul id="studentsList" class="list-group">
          <!-- Студенты будут добавляться динамически через JS -->
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="StudentModal" tabindex="-1" aria-labelledby="StudentModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="StudentModalLabel">Редактировать студента</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
      </div>
      <div class="modal-body">
        <form id="editStudentForm" action="/adviser/update_student_to_group.php" method="POST">
          @csrf
          <input type="hidden" name="student_id" id="edit_student_id">
          <input type="hidden" name="group_id" id="edit_group_id">

          <div class="mb-3">
            <label for="edit_joined_at" class="form-label">Дата начала</label>
            <input type="date" class="form-control" id="edit_joined_at" name="joined_at" required>
          </div>

          <div class="mb-3">
            <label for="edit_end_date" class="form-label">Дата окончания</label>
            <input type="date" class="form-control" id="edit_end_date" name="end_date">
          </div>

          <div class="mb-3">
            <label>
              <input type="checkbox" id="edit_showWeekdays" class="form-check-input">
              Показать дни недели
            </label>
          </div>

          <div id="edit_weekdaysCheckboxes" style="display: none;">
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="edit_monday" name="weekdays[]" value="1">
              <label class="form-check-label" for="edit_monday">Понедельник</label>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="edit_tuesday" name="weekdays[]" value="2">
              <label class="form-check-label" for="edit_tuesday">Вторник</label>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="edit_wednesday" name="weekdays[]" value="4">
              <label class="form-check-label" for="edit_wednesday">Среда</label>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="edit_thursday" name="weekdays[]" value="8">
              <label class="form-check-label" for="edit_thursday">Четверг</label>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="edit_friday" name="weekdays[]" value="16">
              <label class="form-check-label" for="edit_friday">Пятница</label>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="edit_saturday" name="weekdays[]" value="32">
              <label class="form-check-label" for="edit_saturday">Суббота</label>
            </div>
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="edit_sunday" name="weekdays[]" value="64">
              <label class="form-check-label" for="edit_sunday">Воскресенье</label>
            </div>
          </div>

          <div class="mb-3">
            <button type="submit" class="btn btn-primary">Сохранить</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="addStudentModal" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Добавить студента</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
      </div>
      <div class="modal-body">
        <div id="addStudentAlert"></div>
        <form action="/add_student_to_group.php" method="POST" id="addStudentForm">
          @csrf
          <input type="hidden" name="group_id" id="add_group_id" value="">
          <input type="hidden" id="student_id_add" name="student_id">

          <div class="mb-3">
            <label for="student_search_add" class="form-label">Поиск студента</label>
            <input type="text" class="form-control" id="student_search_add" placeholder="Начните вводить имя..." autocomplete="off" required>
            <ul id="student_suggestions_add" class="list-group mt-2" style="display:none;"></ul>
          </div>

          <div class="mb-3">
            <label for="joined_at_add" class="form-label">Дата начала</label>
            <input type="date" class="form-control" id="joined_at_add" name="joined_at" required>
          </div>

          <div class="mb-3">
            <label for="end_date_add" class="form-label">Дата окончания</label>
            <input type="date" class="form-control" id="end_date_add" name="end_date">
          </div>

          <div class="mb-3">
            <label>
              <input type="checkbox" id="showWeekdaysAdd" class="form-check-input"> Показать дни недели
            </label>
          </div>

          <div id="weekdaysCheckboxesAdd" style="display:none;">
            <div class="form-check">
              <input type="checkbox" class="form-check-input" id="mondayAdd" name="weekdays[]" value="1">
              <label class="form-check-label" for="mondayAdd">Понедельник</label>
            </div>
            <!-- Остальные дни недели с Add в id, аналогично -->
          </div>

          <div class="mb-3">
            <button type="submit" class="btn btn-primary">Добавить</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection

@push('scripts')
{{-- Legacy page loads jQuery itself for the $.ajax student-search autocomplete
     and $(...).on(...) handlers below — the shared layout doesn't include it. --}}
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
const schedule = @json($schedule);
const classrooms = @json($classrooms);
const intervals = @json($intervals);
const studentsByGroup = @json($studentsByGroup);
const csrfToken = @json(csrf_token());
let currentGroupId = null;
let currentGroupName = '';

// Keeps studentsByGroup in sync so re-opening the students modal for the same
// group later doesn't still show a student just removed via the shared
// .js-ajax-form handler (layouts/app.blade.php).
document.getElementById('studentsList').addEventListener('ajax-form:success', (e) => {
    const form = e.target;
    const groupId = form.dataset.groupId;
    const studentId = form.dataset.studentId;
    if (!groupId || !studentsByGroup[groupId]) return;

    studentsByGroup[groupId] = studentsByGroup[groupId].filter(s => String(s.id) !== studentId);
});

// Цвета по предметам
const colors = {
    'Математика': '#90EE90',
    'Физика': '#ADD8E6',
    'Химия': '#F08080',
    'Казахский язык': '#FFFFE0',
    'История': '#FFB6C1',
    'Биология': '#D3D3D3',
    'Английский язык': '#FFFFE0',
    'География': '#FFA500',
    'Русский язык': '#008000',
    'Информатика': '#FF0000',
    'Всемирная история': '#FFA500',
};

// 1. Определяем, сколько колонок нужно для каждого кабинета
function getClassroomColumns(dayIndex) {
    const counts = {};
    classrooms.forEach(c => counts[c.id] = 1);

    intervals.forEach(time => {
        classrooms.forEach(c => {
            const lessons = schedule.filter(item =>
                item.classroom_id == c.id &&
                item.begin_time.substr(0,5) == time &&
                ((parseInt(item.weekdays) >> dayIndex) & 1)
            );
            if (lessons.length > counts[c.id]) {
                counts[c.id] = lessons.length;
            }
        });
    });

    return counts;
}

function showStudents(groupId, groupName) {
    currentGroupId = groupId;
    currentGroupName = groupName;

    const modal = new bootstrap.Modal(document.getElementById('studentsModal'));
    const list = document.getElementById('studentsList');
    const title = document.getElementById('studentsModalTitle');

    title.textContent = "Ученики группы: " + groupName;
    list.innerHTML = '';

    const students = studentsByGroup[groupId] || [];

    if (students.length > 0) {
        students.forEach(s => {
            const li = document.createElement('li');
            li.className = "list-group-item d-flex justify-content-between align-items-center";

            li.innerHTML = `
                <strong>${s.name}</strong>
                <div>
                    <button type="button" class="btn btn-warning btn-sm"
                        data-bs-toggle="modal"
                        data-bs-target="#StudentModal"
                        data-student-id="${s.id}"
                        data-group-id="${groupId}"
                        data-full-name="${s.name}"
                        data-joined-at="${s.joined_at || ''}"
                        data-end-date="${s.end_date || ''}"
                        data-weekdays="${s.weekdays || 0}">
                        Изменить
                    </button>
                    <form method="POST" action="/delete_student_from_group.php" class="d-inline js-ajax-form"
                          data-remove-target="li" data-alert-target="#studentsListAlert" data-group-id="${groupId}" data-student-id="${s.id}"
                          onsubmit="return confirm('Вы уверены, что хотите удалить этого студента?')">
                        <input type="hidden" name="_token" value="${csrfToken}">
                        <input type="hidden" name="id" value="${s.id}">
                        <input type="hidden" name="group_id" value="${groupId}">
                        <button type="submit" class="btn btn-danger btn-sm">Удалить</button>
                    </form>
                </div>
            `;
            list.appendChild(li);
        });
    } else {
        list.innerHTML = '<li class="list-group-item text-muted">Нет учеников</li>';
    }

    // Подставляем group_id в форму добавления
    document.getElementById('add_group_id').value = groupId;

    modal.show();
}


const editModal = document.getElementById("StudentModal");

editModal.addEventListener("show.bs.modal", (event) => {
    const button = event.relatedTarget;
    if (!button) return;

    const studentId = button.getAttribute("data-student-id");
    const groupId = button.getAttribute("data-group-id");
    const fullName = button.getAttribute("data-full-name");
    const joinedAt = button.getAttribute("data-joined-at") || "";
    const endDate = button.getAttribute("data-end-date") || "";
    const weekdaysMask = parseInt(button.getAttribute("data-weekdays") || "0");

    document.getElementById("edit_student_id").value = studentId;
    document.getElementById("edit_group_id").value = groupId;
    document.getElementById("edit_joined_at").value = joinedAt;
    document.getElementById("edit_end_date").value = endDate;

    // Показываем блок дней недели
    const weekdaysBlock = document.getElementById("edit_weekdaysCheckboxes");
    const showWeekdays = document.getElementById("edit_showWeekdays");
    showWeekdays.checked = true;
    weekdaysBlock.style.display = "block";

    const checkboxes = weekdaysBlock.querySelectorAll("input[type='checkbox']");
    checkboxes.forEach(cb => {
        const bit = parseInt(cb.value, 10);
        cb.checked = (weekdaysMask & bit) === bit;
    });
});


function renderSchedule(dayIndex=0) {
    const tbody = document.querySelector('#schedule-table tbody');
    const theadRow = document.querySelector('#schedule-table thead tr');

    tbody.innerHTML = '';
    theadRow.innerHTML = '<th>Время</th>';

    // 2. Формируем заголовки (с дубликатами кабинетов)
    const classroomCols = [];
    const colCounts = getClassroomColumns(dayIndex);
    classrooms.forEach(c => {
        for (let i=0; i<colCounts[c.id]; i++) {
            classroomCols.push({id: c.id, name: c.name, index: i});
            theadRow.innerHTML += `<th>${c.name}${colCounts[c.id] > 1 ? ' ('+(i+1)+')' : ''}</th>`;
        }
    });

    // 3. Формируем тело
    intervals.forEach(time => {
        let row = `<tr><td>${time}</td>`;

        classroomCols.forEach(col => {
            let cellContent = '';
            let teacherText = '';
            let lessonColor = 'white';

            const lessons = schedule.filter(item =>
                item.classroom_id == col.id &&
                item.begin_time.substr(0,5) == time &&
                ((parseInt(item.weekdays) >> dayIndex) & 1)
            );

                if (lessons[col.index]) {
                    const item = lessons[col.index];
                    const groupId = item.group_id;

                    cellContent = `
                        <button class="btn btn-sm btn-primary w-100"
                                onclick="showStudents(${groupId}, '${item.group_name}')">
                            ${item.group_name}
                        </button>
                    `;

                    teacherText = item.name || '';
                    lessonColor = colors[item.discipline_name] || 'white';
                }

            row += `<td style="background-color:${lessonColor}" class="lesson-cell">
                        ${cellContent}
                        <span class="lesson-teacher">${teacherText}</span>
                    </td>`;
        });

        row += '</tr>';
        tbody.innerHTML += row;
    });
}

// Кнопки дней недели
document.addEventListener('DOMContentLoaded', () => {
    const buttons = document.querySelectorAll('.day-button');
    buttons.forEach(btn => {
        btn.addEventListener('click', () => {
            const day = parseInt(btn.dataset.day);
            renderSchedule(day);

            buttons.forEach(b => b.classList.remove('active'));
            btn.classList.add('active');
        });
    });

    buttons[0].classList.add('active');
    renderSchedule(0);
});
</script>

<script>
$(document).ready(function() {
    $('#student_search_add').on('input', function() {
        var query = $(this).val();
        if (query.length > 2) {
            $.ajax({
                url: '/search_students.php',
                method: 'GET',
                dataType: 'json',
                data: { query: query },
                success: function(data) {
                    $('#student_suggestions_add').empty().show();
                    if (data.length === 0) {
                        $('#student_suggestions_add').append('<li class="list-group-item text-muted">Ничего не найдено</li>');
                    }
                    data.forEach(function(student) {
                        $('#student_suggestions_add').append(
                            '<li class="list-group-item student-suggestion-add" data-id="' + student.id + '">' +
                            student.first_name + ' ' + student.last_name +
                            '</li>'
                        );
                    });
                },
                error: function(xhr, status, error) {
                    console.log('Ошибка AJAX:', error);
                }
            });
        } else {
            $('#student_suggestions_add').hide();
        }
    });

    // Клик по предложению для модалки добавления
    $(document).on('click', '.student-suggestion-add', function(){
        var selectedStudent = $(this).text();
        var studentId = $(this).data('id');
        $('#student_search_add').val(selectedStudent);
        $('#student_id_add').val(studentId);
        $('#student_suggestions_add').hide();
    });
});
</script>

<script>
// Only the common case (join date today/future, or already confirmed) goes
// through AJAX here — a backdated join needs the confirm-preview screen
// GroupProfileController::renderJoinBackfillConfirm() renders, which doesn't
// fit a JSON success/failure response. That's why this form isn't a generic
// .js-ajax-form: on {needsConfirm:true} it falls back to a real form.submit()
// (not requestSubmit() — .submit() fires no 'submit' event, so this same
// listener won't re-intercept it) so the browser navigates there normally,
// same as if JS were off entirely.
document.getElementById('addStudentForm').addEventListener('submit', function (e) {
    e.preventDefault();

    const form = this;
    const alertBox = document.getElementById('addStudentAlert');
    alertBox.innerHTML = '';

    fetch(form.getAttribute('action'), {
        method: 'POST',
        headers: { 'X-Requested-With': 'XMLHttpRequest' },
        body: new FormData(form),
    })
        .then(r => r.json())
        .then(data => {
            if (data.needsConfirm) {
                form.submit();
                return;
            }

            if (!data.success) {
                alertBox.innerHTML = '<div class="alert alert-danger py-2">' + (data.message || 'Не удалось добавить студента.') + '</div>';
                return;
            }

            const groupId = document.getElementById('add_group_id').value;
            const studentId = String(document.getElementById('student_id_add').value);
            const studentName = document.getElementById('student_search_add').value;

            if (!studentsByGroup[groupId]) studentsByGroup[groupId] = [];
            studentsByGroup[groupId].push({
                id: studentId,
                name: studentName,
                joined_at: document.getElementById('joined_at_add').value,
                end_date: document.getElementById('end_date_add').value,
                weekdays: 0,
            });

            bootstrap.Modal.getInstance(document.getElementById('addStudentModal'))?.hide();

            form.reset();
            document.getElementById('student_suggestions_add').style.display = 'none';

            if (currentGroupId && String(currentGroupId) === String(groupId)) {
                showStudents(currentGroupId, currentGroupName);
            }

            const listAlert = document.getElementById('studentsListAlert');
            if (listAlert) {
                listAlert.innerHTML = '<div class="alert alert-success py-2">' + data.message + '</div>';
                setTimeout(() => { listAlert.innerHTML = ''; }, 3000);
            }
        })
        .catch(() => {
            alertBox.innerHTML = '<div class="alert alert-danger py-2">Ошибка сети. Попробуйте ещё раз.</div>';
        });
});
</script>
@endpush