@extends('layouts.performance')

@section('title', 'Görev Cevapları')

@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 Cevapları</h1>
        <p class="text-muted mb-0">Seçilen görevin detayları ve gelen cevaplar.</p>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a class="btn btn-outline-primary" href="{{ route('admin.tasks.track.responses.export', ['id' => $row->assignment_id]) }}">Excel Aktar</a>
        <a class="btn btn-outline-secondary" href="{{ route('admin.tasks.track.responses.excel.merge', ['id' => $row->assignment_id]) }}">Excel İçeriklerini Birleştir</a>
    </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 (!$responsesReady)
    <div class="alert alert-warning">Cevap tablosu bulunamadı.</div>
@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

@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');
    $lastResponseAt = (string) ($row->last_response_at ?? '');
@endphp

<div class="card mb-4">
    <div class="card-header">
        <h6 class="mb-0">Görev Detayları</h6>
    </div>
    <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>Son Yanıt</th>
                    <th>Durum</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <div class="fw-semibold">{{ $row->title ?? '-' }}</div>
                        <div class="text-muted small task-desc" title="{{ $row->description ?? '' }}">{{ $row->description ?? '-' }}</div>
                        @if (!empty($row->attachment_path))
                            <div class="mt-1">
                                <a class="small" href="{{ asset($row->attachment_path) }}" target="_blank" rel="noopener">
                                    Dosya
                                </a>
                                <span class="text-muted small">{{ $row->attachment_name ?? '' }}</span>
                            </div>
                        @endif
                    </td>
                    <td>{{ $row->assignee_label ?? '-' }}</td>
                    <td>{{ $row->assigned_at_label ?? '-' }}</td>
                    <td>{{ $row->elapsed_label ?? '-' }}</td>
                    <td>
                        @if (!empty($row->last_response))
                            <div class="text-muted small">{{ $lastResponseAt !== '' ? $lastResponseAt : '-' }}</div>
                            <div class="task-desc" title="{{ $row->last_response }}">{{ $row->last_response }}</div>
                        @else
                            <div class="text-muted small">-</div>
                        @endif
                    </td>
                    <td><span class="badge {{ $statusClass }}">{{ $statusLabel }}</span></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">
        <h6 class="mb-0">Cevaplar</h6>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table align-middle table-hover mb-0 task-responses-table">
                <thead class="table-light">
                <tr>
                    <th class="task-response-col-user">Cevaplayan Kullanıcı</th>
                    <th class="task-response-col-date">Cevap Tarihi</th>
                    <th class="task-response-col-message">Cevap</th>
                    <th class="task-response-col-file">Dosya Eki</th>
                </tr>
                </thead>
                <tbody>
                @forelse ($responses as $response)
                    @php
                        $responderName = trim((string) ($response->responder_name ?? ''));
                        $employeeName = trim((string) ($response->employee_name ?? ''));
                        $responderLabel = $responderName !== '' ? $responderName : ($employeeName !== '' ? $employeeName : '-');
                        $messageValue = trim((string) ($response->message ?? ''));
                        $messageWrapped = $messageValue !== '' ? implode("\n", str_split($messageValue, 150)) : '-';
                    @endphp
                    <tr>
                        <td>{{ $responderLabel }}</td>
                        <td>{{ $response->created_at ?? '-' }}</td>
                        <td class="task-response-message">{!! nl2br(e($messageWrapped)) !!}</td>
                        <td>
                            @if (!empty($response->attachments) && $response->attachments->isNotEmpty())
                                @foreach ($response->attachments as $attachment)
                                    <div>
                                        <a class="small" href="{{ asset($attachment->attachment_path) }}" target="_blank" rel="noopener">
                                            Dosya
                                        </a>
                                        <span class="text-muted small">{{ $attachment->attachment_name ?? '' }}</span>
                                    </div>
                                @endforeach
                            @elseif (!empty($response->attachment_path))
                                <a class="small" href="{{ asset($response->attachment_path) }}" target="_blank" rel="noopener">
                                    Dosya
                                </a>
                                <span class="text-muted small">{{ $response->attachment_name ?? '' }}</span>
                            @else
                                <span class="text-muted small">-</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="4" class="text-center text-muted py-4">Cevap bulunamadı.</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection