@extends('layouts.app')

@section('title', 'Talepler To-Do')

@section('content')
    <div class="container-fluid py-3 talepler-todo-page">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
            <div>
                <h1 class="h3 mb-1">Kişisel To-Do Takip</h1>
                <p class="text-muted small mb-0">Kendinize veya biriminize düşen talepleri takip edin.</p>
            </div>
            <div class="d-flex gap-2">
                @if (!empty($canOperateBoard))
                    <a href="{{ route('admin.talepler.board') }}" class="btn btn-outline-secondary rounded-pill px-4">
                        <i class="bi bi-kanban me-2"></i>Görev Yönetimi
                    </a>
                    @if (!empty($canManage))
                        <a href="{{ route('admin.talepler.board', ['unit_id' => $selectedUnitId > 0 ? $selectedUnitId : null, 'category_id' => $selectedCategoryId > 0 ? $selectedCategoryId : null]) }}" class="btn btn-outline-primary rounded-pill px-4">
                            <i class="bi bi-sliders me-2"></i>Kolonları Yönet
                        </a>
                    @endif
                @endif
                <a href="{{ route('admin.talepler.index') }}" class="btn btn-primary rounded-pill px-4">
                    <i class="bi bi-plus-lg me-2"></i>Yeni Talep
                </a>
            </div>
        </div>

        @if (session('success'))
            <div class="alert alert-success border-0 shadow-sm">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger border-0 shadow-sm">{{ session('error') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger border-0 shadow-sm">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (!$ready)
            <div class="alert alert-warning border-0 shadow-sm">Talepler görev tabloları hazır değil. Veritabanı geçişlerini çalıştırın.</div>
        @else
                <div class="card border-0 shadow-sm rounded-4 mb-4">
                    <div class="card-body p-3">
                    <form method="get" action="{{ route('admin.talepler.todo') }}" class="row g-3 align-items-end">
                        <div class="col-md-3">
                            <label class="form-label text-muted small fw-bold mb-1">Birim</label>
                            <select name="unit_id" class="form-select form-select-sm bg-light border-0">
                                <option value="">Tüm Birimler</option>
                                @foreach ($units as $unit)
                                    <option value="{{ (int) $unit->id }}" {{ (int) $selectedUnitId === (int) $unit->id ? 'selected' : '' }}>{{ $unit->unit_name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label text-muted small fw-bold mb-1">Kategori</label>
                            <select name="category_id" class="form-select form-select-sm bg-light border-0">
                                <option value="">Tüm Kategoriler</option>
                                @foreach ($categories as $category)
                                    <option value="{{ (int) $category->id }}" {{ (int) $selectedCategoryId === (int) $category->id ? 'selected' : '' }}>{{ $category->category_name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label text-muted small fw-bold mb-1">Kutucuk</label>
                            <select name="lane" class="form-select form-select-sm bg-light border-0">
                                <option value="all" {{ $activeLane === 'all' ? 'selected' : '' }}>Tüm Durumlar</option>
                                @foreach (($laneLabels ?? []) as $laneKey => $laneLabel)
                                    <option value="{{ $laneKey }}" {{ $activeLane === $laneKey ? 'selected' : '' }}>{{ $laneLabel }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label text-muted small fw-bold mb-1">Arama</label>
                            <input type="text" name="q" value="{{ $search }}" class="form-control form-control-sm bg-light border-0" placeholder="No, başlık, birim...">
                        </div>
                        <div class="col-md-1">
                            <button type="submit" class="btn btn-sm btn-primary w-100 rounded-3">Uygula</button>
                        </div>
                    </form>
                </div>
            </div>
            @php
                $selectedUnitName = $selectedUnitId > 0 ? (string) (($units->firstWhere('id', $selectedUnitId)->unit_name ?? 'Bilinmeyen Birim')) : 'Tüm Birimler';
                $selectedCategoryName = $selectedCategoryId > 0 ? (string) (($categories->firstWhere('id', $selectedCategoryId)->category_name ?? 'Bilinmeyen Kategori')) : 'Tüm Kategoriler';
                $selectedLaneLabel = $activeLane === 'all' ? 'Tüm Durumlar' : (string) (($laneLabels[$activeLane] ?? $activeLane));
                $shownCount = (int) ($requestsByLane->flatten(1)->count());
            @endphp
            <div class="alert alert-light border rounded-4 mb-4 d-flex flex-wrap gap-2 align-items-center">
                <span class="badge text-bg-light border">Birim: {{ $selectedUnitName }}</span>
                <span class="badge text-bg-light border">Kategori: {{ $selectedCategoryName }}</span>
                <span class="badge text-bg-light border">Durum Grubu: {{ $selectedLaneLabel }}</span>
                <span class="badge text-bg-light border">Arama: {{ $search !== '' ? $search : 'Yok' }}</span>
                <span class="badge text-bg-success">Görünen Kayıt: {{ $shownCount }}</span>
            </div>

            @php
                $laneClassMap = ['todo' => 'lane-todo', 'doing' => 'lane-doing', 'done' => 'lane-done'];
                $laneIconMap = ['todo' => 'bi-list-task', 'doing' => 'bi-arrow-repeat', 'done' => 'bi-check2-circle'];
            @endphp
            <div class="row g-4 flex-nowrap overflow-auto pb-3">
                @foreach (['todo', 'doing', 'done'] as $laneKey)
                    @php
                        $rows = $requestsByLane->get($laneKey, collect());
                        $laneLabel = ($laneLabels[$laneKey] ?? strtoupper($laneKey));
                    @endphp
                    <div class="col-12 col-md-5 col-lg-4 col-xl-3 d-flex flex-column" style="min-width: 320px;">
                        <div class="todo-lane {{ $laneClassMap[$laneKey] ?? 'lane-doing' }} rounded-4 shadow-sm flex-grow-1 d-flex flex-column">
                            <div class="todo-lane-header p-3 d-flex justify-content-between align-items-center border-bottom border-light">
                                <div class="d-flex align-items-center gap-2">
                                    <i class="bi {{ $laneIconMap[$laneKey] ?? 'bi-circle' }} fs-5"></i>
                                    <h6 class="mb-0 fw-bold">{{ $laneLabel }}</h6>
                                </div>
                                <span class="badge bg-white text-dark rounded-pill px-3 py-2">{{ $rows->count() }}</span>
                            </div>
                            <div class="p-2 flex-grow-1" style="overflow-y: auto; max-height: 72vh;">
                                @forelse ($rows as $row)
                                    @php
                                        $rowActionMeta = (array) ($row->action_meta ?? []);
                                        $rowActionLabels = (array) ($row->action_labels ?? []);
                                        $rowActionUserOptions = (array) ($row->action_user_options ?? []);
                                        $priorityClass = match (strtolower((string) ($row->priority ?? 'medium'))) {
                                            'critical' => 'bg-danger-subtle text-danger border-danger',
                                            'high' => 'bg-warning-subtle text-warning-emphasis border-warning',
                                            'low' => 'bg-info-subtle text-info-emphasis border-info',
                                            default => 'bg-secondary-subtle text-secondary-emphasis border-secondary',
                                        };
                                        $priorityLabel = match (strtolower((string) ($row->priority ?? 'medium'))) {
                                            'critical' => 'Kritik',
                                            'high' => 'Yüksek',
                                            'low' => 'Düşük',
                                            default => 'Orta',
                                        };
                                    @endphp
                                    <article class="card border-0 shadow-sm mb-3">
                                        <div class="card-body p-3">
                                            <div class="d-flex justify-content-between align-items-center mb-2">
                                                <a href="{{ route('admin.talepler.tasks.show', ['id' => (int) $row->id]) }}" class="fw-bold text-decoration-none small">#{{ $row->request_key }}</a>
                                                <span class="badge border {{ $priorityClass }}">{{ $priorityLabel }}</span>
                                            </div>
                                            <h6 class="fw-semibold mb-2" style="font-size:0.95rem;">{{ $row->title }}</h6>
                                            <div class="d-flex flex-wrap gap-1 mb-2">
                                                <span class="badge bg-light text-secondary border">{{ $row->unit_name }}</span>
                                                <span class="badge bg-light text-secondary border">{{ $row->category_name }}</span>
                                            </div>
                                            <div class="small text-muted mb-2">Durum: <span class="fw-semibold text-dark">{{ $row->status_label }}</span></div>
                                            @if (!empty($row->active_step_label))
                                                <div class="small text-muted mb-2">Aktif Is Akisi Adimi: <span class="fw-semibold text-dark">{{ $row->active_step_label }}</span></div>
                                            @endif
                                            <div class="small text-muted mb-2">Sorumlu: <span class="fw-semibold text-dark">{{ $row->assignee_name ?: 'Atanmadi' }}</span></div>
                                            @if (!empty($row->allowed_actions))
                                                <div class="mt-2 pt-2 border-top">
                                                    @foreach ($row->allowed_actions as $action)
                                                        @php
                                                            $meta = $rowActionMeta[$action] ?? [];
                                                            $requiresUserSelect = (bool) ($meta['requires_user_select'] ?? false);
                                                            $actionUsers = (array) ($rowActionUserOptions[$action] ?? ($unitMembersByUnit[(int) $row->unit_id] ?? []));
                                                        @endphp
                                                        <form method="post" action="{{ route('admin.talepler.tasks.workflow', ['id' => (int) $row->id]) }}" class="d-flex flex-column gap-2 mb-2">
                                                            @csrf
                                                            <input type="hidden" name="action" value="{{ $action }}">
                                                            <input type="hidden" name="return_to" value="todo">
                                                            @if ($requiresUserSelect)
                                                                <select name="target_user_id" class="form-select form-select-sm bg-light border-0" required>
                                                                    <option value="">Kullanıcı seçin</option>
                                                                    @foreach ($actionUsers as $member)
                                                                        <option value="{{ (int) ($member['id'] ?? 0) }}">{{ $member['name'] ?? '-' }}</option>
                                                                    @endforeach
                                                                </select>
                                                            @endif
                                                            <button type="submit" class="btn btn-sm btn-outline-primary w-100">{{ $rowActionLabels[$action] ?? $action }}</button>
                                                        </form>
                                                    @endforeach
                                                </div>
                                            @endif
                                        </div>
                                    </article>
                                @empty
                                    <div class="d-flex align-items-center justify-content-center text-center p-4 opacity-50">
                                        <div>
                                            <i class="bi bi-inbox fs-1 text-muted"></i>
                                            <p class="text-muted small mb-0 mt-2">Bu alanda talep yok.</p>
                                        </div>
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endsection

@push('styles')
    <style>
        .talepler-todo-page {
            --pd-green: #145a46;
            --pd-green-dark: #0f4536;
            --pd-green-light: #e6f2ed;
            --pd-green-mid: #b9d9cc;
        }
        .todo-lane { background: #fff; border: 1px solid #e2e8f0; }
        .lane-todo .todo-lane-header { border-top: 4px solid #94a3b8; }
        .lane-doing .todo-lane-header { border-top: 4px solid var(--pd-green); }
        .lane-done .todo-lane-header { border-top: 4px solid #1f7a5f; }
        .talepler-todo-page .btn-primary {
            background: var(--pd-green);
            border-color: var(--pd-green);
        }
        .talepler-todo-page .btn-primary:hover,
        .talepler-todo-page .btn-primary:focus {
            background: var(--pd-green-dark);
            border-color: var(--pd-green-dark);
        }
        .talepler-todo-page .btn-outline-primary {
            color: var(--pd-green);
            border-color: var(--pd-green-mid);
        }
        .talepler-todo-page .btn-outline-primary:hover,
        .talepler-todo-page .btn-outline-primary:focus {
            color: var(--pd-green-dark);
            border-color: var(--pd-green);
            background: var(--pd-green-light);
        }
        .talepler-todo-page .form-control:focus,
        .talepler-todo-page .form-select:focus {
            border-color: var(--pd-green-mid);
            box-shadow: 0 0 0 0.2rem rgba(20, 90, 70, 0.15);
        }
    </style>
@endpush