@extends('layouts.app')

@section('title', 'Задачи кураторов')

@php
    $reasonLabels = [
        'late_streak' => 'Опоздания',
        'homework_streak' => 'Пропуски ДЗ',
        'manual' => 'Личная задача',
    ];
    $actionLabels = [
        'contacted_parent' => 'Связался с родителем',
        'talked_to_student' => 'Поговорил с учеником',
        'student_left' => 'Ученик уже не учится',
        'done' => 'Выполнено',
    ];
@endphp

@section('content')
    <div class="container-fluid">
        <div class="ax-page-header d-flex align-items-center gap-2">
            <h1 class="mb-0">Задачи кураторов</h1>
            <button type="button" class="btn btn-primary ms-auto" data-bs-toggle="modal" data-bs-target="#createTaskModal">
                Новая задача
            </button>
        </div>

        <div id="adviserTasksAlert"></div>

        <h2 class="mb-3">Мои задачи</h2>
        <div class="ax-card p-0 mb-4">
            @if (empty($myTasks))
                <div class="p-3 text-muted">Нет ваших задач.</div>
            @else
                <ul class="list-group list-group-flush">
                    @foreach ($myTasks as $task)
                        @include('admin.adviser_tasks._task_item')
                    @endforeach
                </ul>
            @endif
        </div>

        <div class="d-flex align-items-center gap-2 mb-3">
            <h2 class="mb-0">Открытые задачи</h2>
            <span class="badge bg-danger" id="openTasksBadge" @if (empty($openTasks)) style="display:none;" @endif>{{ count($openTasks) }}</span>
        </div>

        <div class="ax-card p-0 mb-4" id="openTasksCard">
            @if (empty($openTasks))
                <div class="p-3 text-muted">Нет открытых задач.</div>
            @else
                <ul class="list-group list-group-flush">
                    @foreach ($openTasks as $task)
                        @include('admin.adviser_tasks._task_item')
                    @endforeach
                </ul>
            @endif
        </div>

        <h2 class="mb-3">История рассмотренных задач</h2>
        <div class="ax-card p-0 mb-4">
            @if (empty($resolvedTasks))
                <div class="p-3 text-muted">Пока нет рассмотренных задач.</div>
            @else
                <div class="table-responsive">
                    <table class="table table-striped mb-0">
                        <thead>
                            <tr>
                                <th>Ученик</th>
                                <th>Куратор</th>
                                <th>Причина</th>
                                <th>Действие</th>
                                <th>Рассмотрено</th>
                                <th>Комментарий</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($resolvedTasks as $task)
                                <tr>
                                    <td>
                                        @if (!empty($task->last_name))
                                            <a href="/student_admin_info.php?student_id={{ (int) $task->student_id }}">{{ $task->last_name.' '.$task->first_name }}</a>
                                        @else
                                            {{ $task->title ?? '—' }}
                                        @endif
                                    </td>
                                    <td>{{ $task->adviser_name ?? '—' }}</td>
                                    <td>{{ $reasonLabels[$task->reason] ?? $task->reason }}</td>
                                    <td>{{ $actionLabels[$task->resolution_action] ?? ($task->resolution_action ?? '—') }}</td>
                                    <td>
                                        {{ $task->resolved_at ? date('d.m.Y H:i', strtotime($task->resolved_at)) : '—' }}
                                        @if (!empty($task->resolved_by_name))
                                            <div class="text-muted small">{{ $task->resolved_by_name }}</div>
                                        @endif
                                    </td>
                                    <td>{{ $task->resolution_note ?? '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>

    <div class="modal fade" id="createTaskModal" 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>
                <form action="/admin/create_adviser_task.php" method="POST">
                    @csrf
                    <div class="modal-body">
                        <div class="mb-3">
                            <label for="task_assigned_to" class="form-label">Для кого</label>
                            <select class="form-select" id="task_assigned_to" name="assigned_to" required>
                                <option value="{{ (int) \App\Support\SessionAuth::id() }}">Для себя</option>
                                @foreach ($advisers as $adviser)
                                    <option value="{{ (int) $adviser->id }}">{{ $adviser->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="task_title" class="form-label">Название</label>
                            <input type="text" class="form-control" id="task_title" name="title" maxlength="150" required>
                        </div>
                        <div class="mb-3">
                            <label for="task_description" class="form-label">Описание</label>
                            <textarea class="form-control" id="task_description" name="description" maxlength="1000" rows="3"></textarea>
                        </div>
                        <div class="mb-3">
                            <label for="task_due_date" class="form-label">Срок (необязательно)</label>
                            <input type="date" class="form-control" id="task_due_date" name="due_date">
                        </div>
                        <div class="mb-3">
                            <label for="task_student_search" class="form-label">Ученик (необязательно)</label>
                            <input type="text" class="form-control" id="task_student_search" placeholder="Начните вводить имя..." autocomplete="off">
                            <ul id="task_student_suggestions" class="list-group mt-2" style="display:none;"></ul>
                            <input type="hidden" id="task_student_id" name="student_id">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                        <button type="submit" class="btn btn-primary">Создать</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
document.getElementById('openTasksCard').addEventListener('ajax-form:success', function (e) {
    if (typeof e.detail.open_count !== 'number') return;

    const badge = document.getElementById('openTasksBadge');
    if (!badge) return;

    badge.textContent = e.detail.open_count;
    badge.style.display = e.detail.open_count > 0 ? '' : 'none';
});
</script>
{{-- Same student-search autocomplete as adviser/dashboard/index.blade.php,
     which also loads its own jQuery — the shared layout doesn't include it. --}}
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
    $('#task_student_search').on('input', function() {
        var query = $(this).val();
        $('#task_student_id').val('');
        if (query.length > 2) {
            $.ajax({
                url: '/search_students.php',
                method: 'GET',
                dataType: 'json',
                data: { query: query },
                success: function(data) {
                    $('#task_student_suggestions').empty().show();
                    if (data.length === 0) {
                        $('#task_student_suggestions').append('<li class="list-group-item text-muted">Ничего не найдено</li>');
                    }
                    data.forEach(function(student) {
                        $('#task_student_suggestions').append(
                            $('<li class="list-group-item task-student-suggestion">')
                                .attr('data-id', student.id)
                                .text(student.first_name + ' ' + student.last_name)
                        );
                    });
                },
                error: function(xhr, status, error) {
                    console.log('Ошибка AJAX:', error);
                }
            });
        } else {
            $('#task_student_suggestions').hide();
        }
    });

    $(document).on('click', '.task-student-suggestion', function() {
        $('#task_student_search').val($(this).text());
        $('#task_student_id').val($(this).data('id'));
        $('#task_student_suggestions').hide();
    });
});
</script>
@endpush