@extends('layouts.performance')

@section('title', 'Görev Takip')

@section('perf-content')
<div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
    <div>
        <h1 class="h4 mb-1">Görev Takip</h1>
        <p class="text-muted mb-0">Atadığınız görevleri, cevapları ve durumları izleyin.</p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        @php
            $exportFilters = [
                'status' => $status,
                'assignee' => request()->query('assignee'),
                'task' => request()->query('task'),
                'assigned_from' => request()->query('assigned_from'),
                'assigned_to' => request()->query('assigned_to'),
            ];
        @endphp
        <button type="button" class="btn btn-outline-secondary" id="task_filter_toggle">Filtreleri Göster</button>
        <a class="btn btn-outline-primary" href="{{ route('admin.tasks.track.export', $exportFilters) }}">Excel Aktar</a>
        @if ($status === 'in_progress')
            <form method="post" action="{{ route('admin.tasks.track.close.bulk') }}" id="task_bulk_close_form">
                @csrf
                <input type="hidden" name="status" value="{{ $status }}">
                <button type="submit" class="btn btn-outline-danger">Seçilenleri Kapat</button>
            </form>
        @endif
    </div>
</div>

@if (!$tasksReady)
    <div class="alert alert-warning">Görev tabloları hazır değil. Migration çalıştırılmalıdır.</div>
@elseif (request()->query('closed'))
    @if (request()->query('bulk'))
        <div class="alert alert-soft">{{ (int) request()->query('count', 0) }} görev kapatıldı.</div>
    @else
        <div class="alert alert-soft">Görev kapatıldı.</div>
    @endif
@elseif (request()->query('error'))
    <div class="alert alert-danger">{{ session('task_error', "\u{0130}\u{015f}lem s\u{0131}ras\u{0131}nda hata olu\u{015f}tu.") }}</div>
@endif

<ul class="nav nav-pills assignment-tabs mb-3" role="tablist">
    <li class="nav-item">
        <a class="nav-link {{ $status === 'active' ? 'active' : '' }}"
           href="{{ route('admin.tasks.track', ['status' => 'active']) }}">
            Aktif ({{ (int) ($counts['active'] ?? 0) }})
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ $status === 'in_progress' ? 'active' : '' }}"
           href="{{ route('admin.tasks.track', ['status' => 'in_progress']) }}">
            İşlemde ({{ (int) ($counts['in_progress'] ?? 0) }})
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ $status === 'completed' ? 'active' : '' }}"
           href="{{ route('admin.tasks.track', ['status' => 'completed']) }}">
            Kapanmış ({{ (int) ($counts['completed'] ?? 0) }})
        </a>
    </li>
    <li class="nav-item">
        <a class="nav-link {{ $status === 'all' ? 'active' : '' }}"
           href="{{ route('admin.tasks.track', ['status' => 'all']) }}">
            Tümü ({{ (int) ($counts['all'] ?? 0) }})
        </a>
    </li>
</ul>

<div class="card mb-3 d-none" id="task_filter_panel">
    <div class="card-body">
        <form method="get" action="{{ route('admin.tasks.track') }}" class="row g-3 align-items-end">
            <input type="hidden" name="status" value="{{ $status }}">
            <div class="col-12 col-md-3">
                <label class="form-label">Atanan Kişi</label>
                <input type="text" name="assignee" class="form-control" value="{{ request()->query('assignee') }}" placeholder="Atanan kişi">
            </div>
            <div class="col-12 col-md-3">
                <label class="form-label">Görev</label>
                <input type="text" name="task" class="form-control" value="{{ request()->query('task') }}" placeholder="Görev başlığı">
            </div>
            <div class="col-12 col-md-3">
                <label class="form-label">Atama Tarihi (Başlangıç)</label>
                <input type="date" name="assigned_from" class="form-control" value="{{ request()->query('assigned_from') }}">
            </div>
            <div class="col-12 col-md-3">
                <label class="form-label">Atama Tarihi (Bitiş)</label>
                <input type="date" name="assigned_to" class="form-control" value="{{ request()->query('assigned_to') }}">
            </div>
            <div class="col-12 d-flex flex-wrap gap-2">
                <button type="submit" class="btn btn-primary">Filtrele</button>
                <a class="btn btn-outline-secondary" href="{{ route('admin.tasks.track', ['status' => $status]) }}">Temizle</a>
            </div>
        </form>
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table align-middle table-hover mb-0">
                <thead class="table-light">
                <tr>
                    <th>Görev</th>
                    <th>Atanan Kişi</th>
                    <th>Atama Tarihi</th>
                    <th>Geçen Süre</th>
                    <th class="text-center">Dosya</th>
                    <th>Detay</th>
                    <th>Durum</th>
                    <th class="text-center">İşlem</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($rows as $row)
                    @php
                        $statusValue = (string) ($row->assignment_status ?? 'assigned');
                        $statusLabel = $statusValue === 'completed'
                            ? "Kapanm\u{0131}\u{015f}"
                            : ($statusValue === 'in_progress' ? "\u{0130}\u{015f}lemde" : 'Aktif');
                        $statusClass = $statusValue === 'completed'
                            ? 'task-status-complete'
                            : ($statusValue === 'in_progress' ? 'task-status-progress' : 'task-status-active');
                        $responseTotal = (int) ($row->response_total ?? 0);
                    @endphp
                    <tr>
                        <td>
                            <div class="fw-semibold">{{ $row->title ?? '-' }}</div>
                            <div class="text-muted small task-desc" title="{{ $row->description ?? '' }}">{{ $row->description ?? '-' }}</div>
                        </td>
                        <td>{{ $row->assignee_label ?? '-' }}</td>
                        <td>{{ $row->assigned_at_label ?? '-' }}</td>
                        <td>{{ $row->elapsed_label ?? '-' }}</td>
                        <td class="text-center">
                            @php
                                $attachments = $row->response_attachments ?? collect();
                            @endphp
                            @if ($attachments->isNotEmpty())
                                <div class="d-inline-flex align-items-center gap-2">
                                    @foreach ($attachments as $attachment)
                                        @php
                                            $fileLabel = (string) ($attachment->attachment_name ?? $attachment->attachment_path ?? '');
                                            $ext = strtolower(pathinfo($fileLabel, PATHINFO_EXTENSION));
                                            $icon = 'bi-file-earmark';
                                            $iconType = 'generic';
                                            if ($ext === 'pdf') {
                                                $icon = 'bi-file-earmark-pdf-fill';
                                                $iconType = 'pdf';
                                            } elseif (in_array($ext, ['xls', 'xlsx'], true)) {
                                                $icon = 'bi-file-earmark-excel-fill';
                                                $iconType = 'excel';
                                            } elseif (in_array($ext, ['doc', 'docx'], true)) {
                                                $icon = 'bi-file-earmark-word-fill';
                                                $iconType = 'word';
                                            } elseif (in_array($ext, ['jpg', 'jpeg', 'png'], true)) {
                                                $icon = 'bi-file-earmark-image-fill';
                                                $iconType = 'image';
                                            }
                                        @endphp
                                        <a class="text-decoration-none" href="{{ asset($attachment->attachment_path) }}" target="_blank" rel="noopener" aria-label="Dosya">
                                            <i class="bi {{ $icon }} fs-3 file-icon file-icon-{{ $iconType }}"></i>
                                            <span class="visually-hidden">Dosya</span>
                                        </a>
                                    @endforeach
                                </div>
                            @else
                                <span class="text-muted small">-</span>
                            @endif
                        </td>
                        <td>
                            @if ($responsesReady)
                                <a class="btn btn-sm btn-outline-secondary"
                                   href="{{ route('admin.tasks.track.responses', ['id' => $row->assignment_id]) }}"
                                   rel="noopener">
                                    Detay{{ $responseTotal > 0 ? ' (' . $responseTotal . ')' : '' }}
                                </a>
                            @else
                                <span class="text-muted small">-</span>
                            @endif
                        </td>
                        <td>
                            <span class="badge {{ $statusClass }}">{{ $statusLabel }}</span>
                        </td>
                        <td class="text-end">
                            <div class="d-flex justify-content-end gap-2">
                                @if ($status === 'in_progress' && $statusValue === 'in_progress')
                                    <div class="form-check m-0">
                                        <input class="form-check-input"
                                               type="checkbox"
                                               name="assignment_ids[]"
                                               value="{{ $row->assignment_id }}"
                                               form="task_bulk_close_form"
                                               aria-label="Seç">
                                    </div>
                                @endif
                                @if ($statusValue === 'assigned')
                                    <a class="btn btn-sm btn-outline-primary"
                                       href="{{ route('admin.tasks.edit', ['id' => $row->assignment_id]) }}">
                                        Düzenle
                                    </a>
                                @endif
                                @if ($statusValue !== 'completed')
                                    <form method="post" action="{{ route('admin.tasks.track.close', ['id' => $row->assignment_id]) }}">
                                        @csrf
                                        <button type="submit" class="btn btn-sm btn-outline-danger">Kapat</button>
                                    </form>
                                @else
                                    <span class="text-muted small">Kapalı</span>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center text-muted py-4">Kayıt bulunamadı.</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
<script>
  (() => {
    const setLabel = () => {
      const toggleBtn = document.getElementById('task_filter_toggle');
      const panel = document.getElementById('task_filter_panel');
      if (!toggleBtn || !panel) return;
      
      toggleBtn.textContent = panel.classList.contains('d-none')
        ? 'Filtreleri Göster'
        : 'Filtreleri Gizle';
    };

    if (!document._isTasksTrackEventsBound) {
        document._isTasksTrackEventsBound = true;
        
        document.addEventListener('click', (e) => {
            const toggleBtn = e.target.closest('#task_filter_toggle');
            if (toggleBtn) {
                const panel = document.getElementById('task_filter_panel');
                if (panel) {
                    panel.classList.toggle('d-none');
                    setLabel();
                }
            }
        });
    }

    setLabel();
  })();
</script>
@endsection