@extends('layouts.app')

@section('title', 'Заявки')

@php
    $statusLabels = [
        'assigned' => 'Передана преподавателю',
        'dismissed' => 'Отклонена',
    ];
@endphp

@section('content')
    <div class="container-fluid">
        <div class="ax-page-header">
            <h1 class="mb-0">Заявки</h1>
        </div>

        <div class="d-flex align-items-center gap-2 mb-3">
            <h2 class="mb-0">Новые ученики</h2>
            <span class="badge bg-danger" id="newStudentBadge" @if (empty($newStudentRequests)) style="display:none;" @endif>{{ count($newStudentRequests) }}</span>
        </div>

        <div id="leadsAlert"></div>

        <div class="ax-card p-0 mb-4" id="newStudentCard">
            @if (empty($newStudentRequests))
                <div class="p-3 text-muted">Нет новых заявок.</div>
            @else
                <ul class="list-group list-group-flush">
                    @foreach ($newStudentRequests as $req)
                        <li class="list-group-item">
                            <div class="d-flex flex-wrap justify-content-between align-items-start gap-2">
                                <div>
                                    <div class="fw-semibold">{{ trim($req->last_name.' '.$req->first_name) }}</div>
                                    <div class="text-muted small mt-1">
                                        @if (!empty($req->phone))
                                            Телефон: {{ $req->phone }}
                                        @endif
                                        @if (!empty($req->goal))
                                            &middot; Цель: {{ $req->goal }}
                                        @endif
                                        @if (!empty($req->source))
                                            &middot; Источник: {{ $req->source }}
                                        @endif
                                    </div>
                                    <div class="text-muted small">{{ date('d.m.Y H:i', strtotime($req->created_at)) }}</div>
                                </div>

                                <div class="d-flex flex-wrap align-items-center gap-2">
                                    <form action="/admin/assign_lead.php" method="POST" class="d-flex flex-wrap align-items-center gap-2 js-ajax-form"
                                          data-remove-target="li" data-alert-target="#leadsAlert">
                                        @csrf
                                        <input type="hidden" name="type" value="new_student">
                                        <input type="hidden" name="request_id" value="{{ (int) $req->id }}">
                                        <select name="teacher_id" class="form-select form-select-sm" required style="width:auto;">
                                            <option value="" disabled selected>Преподаватель...</option>
                                            @foreach ($teachers as $teacher)
                                                <option value="{{ $teacher->id }}">{{ $teacher->name }}</option>
                                            @endforeach
                                        </select>
                                        <button type="submit" class="btn btn-sm btn-success">Передать</button>
                                    </form>
                                    <form action="/admin/dismiss_lead.php" method="POST" class="js-ajax-form"
                                          data-remove-target="li" data-alert-target="#leadsAlert">
                                        @csrf
                                        <input type="hidden" name="type" value="new_student">
                                        <input type="hidden" name="request_id" value="{{ (int) $req->id }}">
                                        <button type="submit" class="btn btn-sm btn-outline-secondary">Отклонить</button>
                                    </form>
                                </div>
                            </div>
                        </li>
                    @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="trialLessonBadge" @if (empty($trialLessonRequests)) style="display:none;" @endif>{{ count($trialLessonRequests) }}</span>
        </div>

        <div class="ax-card p-0 mb-4" id="trialLessonCard">
            @if (empty($trialLessonRequests))
                <div class="p-3 text-muted">Нет новых заявок.</div>
            @else
                <ul class="list-group list-group-flush">
                    @foreach ($trialLessonRequests as $req)
                        <li class="list-group-item">
                            <div class="d-flex flex-wrap justify-content-between align-items-start gap-2">
                                <div>
                                    <div class="fw-semibold">{{ trim($req->last_name.' '.$req->first_name) }}</div>
                                    <div class="text-muted small mt-1">
                                        @if (!empty($req->phone))
                                            Телефон: {{ $req->phone }}
                                        @endif
                                        @if (!empty($req->subject))
                                            &middot; Предмет: {{ $req->subject }}
                                        @endif
                                        @if (!empty($req->preferred_date))
                                            &middot; Дата: {{ date('d.m.Y', strtotime($req->preferred_date)) }}
                                        @endif
                                        @if (!empty($req->preferred_time))
                                            &middot; Время: {{ $req->preferred_time }}
                                        @endif
                                        @if (!empty($req->source))
                                            &middot; Источник: {{ $req->source }}
                                        @endif
                                    </div>
                                    <div class="text-muted small">{{ date('d.m.Y H:i', strtotime($req->created_at)) }}</div>
                                </div>

                                <div class="d-flex flex-wrap align-items-center gap-2">
                                    <form action="/admin/assign_lead.php" method="POST" class="d-flex flex-wrap align-items-center gap-2 js-ajax-form"
                                          data-remove-target="li" data-alert-target="#leadsAlert">
                                        @csrf
                                        <input type="hidden" name="type" value="trial_lesson">
                                        <input type="hidden" name="request_id" value="{{ (int) $req->id }}">
                                        <select name="teacher_id" class="form-select form-select-sm" required style="width:auto;">
                                            <option value="" disabled selected>Преподаватель...</option>
                                            @foreach ($teachers as $teacher)
                                                <option value="{{ $teacher->id }}">{{ $teacher->name }}</option>
                                            @endforeach
                                        </select>
                                        <button type="submit" class="btn btn-sm btn-success">Передать</button>
                                    </form>
                                    <form action="/admin/dismiss_lead.php" method="POST" class="js-ajax-form"
                                          data-remove-target="li" data-alert-target="#leadsAlert">
                                        @csrf
                                        <input type="hidden" name="type" value="trial_lesson">
                                        <input type="hidden" name="request_id" value="{{ (int) $req->id }}">
                                        <button type="submit" class="btn btn-sm btn-outline-secondary">Отклонить</button>
                                    </form>
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>

        <h2 class="mb-3">История рассмотренных заявок</h2>
        <div class="ax-card p-0 mb-4">
            @if (empty($resolvedNewStudentRequests) && empty($resolvedTrialLessonRequests))
                <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>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($resolvedNewStudentRequests as $req)
                                <tr>
                                    <td>Новый ученик</td>
                                    <td>{{ trim($req->last_name.' '.$req->first_name) }}</td>
                                    <td>{{ $statusLabels[$req->status] ?? $req->status }}</td>
                                    <td>{{ $req->teacher_name ?? '—' }}</td>
                                    <td>
                                        {{ $req->assigned_at ? date('d.m.Y H:i', strtotime($req->assigned_at)) : '—' }}
                                        @if (!empty($req->assigned_by_name))
                                            <div class="text-muted small">{{ $req->assigned_by_name }}</div>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            @foreach ($resolvedTrialLessonRequests as $req)
                                <tr>
                                    <td>Пробный урок</td>
                                    <td>{{ trim($req->last_name.' '.$req->first_name) }}</td>
                                    <td>{{ $statusLabels[$req->status] ?? $req->status }}</td>
                                    <td>{{ $req->teacher_name ?? '—' }}</td>
                                    <td>
                                        {{ $req->assigned_at ? date('d.m.Y H:i', strtotime($req->assigned_at)) : '—' }}
                                        @if (!empty($req->assigned_by_name))
                                            <div class="text-muted small">{{ $req->assigned_by_name }}</div>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
@endsection

@push('scripts')
<script>
document.addEventListener('ajax-form:success', function (e) {
    const patch = (badgeId, count) => {
        if (typeof count !== 'number') return;
        const badge = document.getElementById(badgeId);
        if (!badge) return;
        badge.textContent = count;
        badge.style.display = count > 0 ? '' : 'none';
    };

    patch('newStudentBadge', e.detail.new_student_count);
    patch('trialLessonBadge', e.detail.trial_lesson_count);
});
</script>
@endpush