@extends('layouts.app')

@section('title', 'Açtığım Talepler')

@section('content')
    <div class="container-fluid py-3 talepler-opened-page">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-3">
            <div>
                <h1 class="h4 mb-1">Açtığım Talepler</h1>
                <div class="text-muted small">Oluşturduğunuz taleplerin son durumunu, sorumlusunu ve detaylarını takip edin.</div>
            </div>
            <div class="d-flex gap-2">
                @if (!empty($canOperateBoard))
                    <a href="{{ route('admin.talepler.board') }}" class="btn btn-sm btn-outline-secondary">Görev Yönetimi</a>
                @endif
                <a href="{{ route('admin.talepler.index') }}" class="btn btn-sm btn-primary">Yeni Talep</a>
            </div>
        </div>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif

        @if (!$ready)
            <div class="alert alert-warning">Talepler tabloları hazır değil.</div>
        @else
            <div class="card border-0 shadow-sm rounded-4 mb-3">
                <div class="card-body p-3">
                    <form method="get" action="{{ route('admin.talepler.opened') }}" class="row g-3 align-items-end">
                        <div class="col-md-2">
                            <label class="form-label small text-muted fw-semibold mb-1">Durum</label>
                            <select name="state" class="form-select form-select-sm">
                                @foreach (($stateOptions ?? []) as $stateKey => $stateLabel)
                                    <option value="{{ $stateKey }}" {{ ($activeState ?? 'open') === $stateKey ? 'selected' : '' }}>
                                        {{ $stateLabel }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small text-muted fw-semibold mb-1">Öncelik</label>
                            <select name="priority" class="form-select form-select-sm">
                                @foreach (($priorityOptions ?? []) as $priorityKey => $priorityLabel)
                                    <option value="{{ $priorityKey }}" {{ ($activePriority ?? 'all') === $priorityKey ? 'selected' : '' }}>
                                        {{ $priorityLabel }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small text-muted fw-semibold mb-1">Birim</label>
                            <select name="unit_id" class="form-select form-select-sm">
                                <option value="">Tüm Birimler</option>
                                @foreach ($units as $unit)
                                    <option value="{{ (int) $unit->id }}" {{ (int) ($selectedUnitId ?? 0) === (int) $unit->id ? 'selected' : '' }}>
                                        {{ $unit->unit_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="form-label small text-muted fw-semibold mb-1">Kategori</label>
                            <select name="category_id" class="form-select form-select-sm">
                                <option value="">Tüm Kategoriler</option>
                                @foreach ($categories as $category)
                                    <option value="{{ (int) $category->id }}" {{ (int) ($selectedCategoryId ?? 0) === (int) $category->id ? 'selected' : '' }}>
                                        {{ $category->category_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label small text-muted fw-semibold mb-1">Arama</label>
                            <input type="text" name="q" value="{{ $search ?? '' }}" class="form-control form-control-sm" placeholder="No, başlık, açıklama...">
                        </div>
                        <div class="col-md-1">
                            <button type="submit" class="btn btn-sm btn-primary w-100">Uygula</button>
                        </div>
                    </form>
                </div>
            </div>

            <div class="card border-0 shadow-sm rounded-4">
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Talep No</th>
                                    <th>Başlık</th>
                                    <th>Birim / Kategori</th>
                                    <th>Öncelik</th>
                                    <th>Son Durum</th>
                                    <th>Sorumlu</th>
                                    <th>Termin</th>
                                    <th>Son Güncelleme</th>
                                    <th class="text-end">İşlem</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($requests as $row)
                                    @php
                                        $priorityLabel = $priorityOptions[strtolower((string) ($row->priority ?? 'medium'))] ?? ucfirst((string) ($row->priority ?? 'medium'));
                                    @endphp
                                    <tr>
                                        <td class="fw-semibold">{{ $row->request_key }}</td>
                                        <td>
                                            <div class="fw-semibold">{{ $row->title }}</div>
                                            <div class="text-muted small">{{ \Illuminate\Support\Str::limit((string) ($row->description ?? ''), 90) }}</div>
                                        </td>
                                        <td>
                                            <div>{{ $row->unit_name }}</div>
                                            <div class="text-muted small">{{ $row->category_name }}</div>
                                        </td>
                                        <td><span class="badge text-bg-light border">{{ $priorityLabel }}</span></td>
                                        <td>
                                            <div>{{ $row->status_label }}</div>
                                            <div class="text-muted small">{{ ucfirst((string) ($row->lane_group ?? '-')) }}</div>
                                        </td>
                                        <td>{{ $row->assignee_name ?: 'Atanmadı' }}</td>
                                        <td>{{ !empty($row->due_date) ? \Carbon\Carbon::parse($row->due_date)->format('d.m.Y') : '-' }}</td>
                                        <td>{{ !empty($row->updated_at) ? \Carbon\Carbon::parse($row->updated_at)->format('d.m.Y H:i') : '-' }}</td>
                                        <td class="text-end">
                                            <a href="{{ route('admin.talepler.tasks.show', ['id' => (int) $row->id]) }}" class="btn btn-sm btn-outline-primary">Detay</a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center text-muted py-4">Filtreye uyan talep bulunmuyor.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection

@push('styles')
    <style>
        .talepler-opened-page .btn-primary {
            background: #145a46;
            border-color: #145a46;
        }

        .talepler-opened-page .btn-primary:hover,
        .talepler-opened-page .btn-primary:focus {
            background: #0f4536;
            border-color: #0f4536;
        }
    </style>
@endpush