@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-md-12">
                <h2>Onay Bekleyen Isler</h2>
                <p class="text-muted">Camunda workflow sisteminden gelen onay gorevleri</p>
            </div>
        </div>

        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        @if($error)
            <div class="alert alert-warning">
                <i class="bi bi-exclamation-triangle"></i> {{ $error }}
            </div>
        @endif

        @if(count($tasks) === 0 && !$error)
            <div class="alert alert-info">
                <i class="bi bi-info-circle"></i> Su anda onay bekleyen bir gorev bulunmamaktadir.
            </div>
        @else
            <div class="row g-4">
                @foreach($tasks as $task)
                    <div class="col-md-6 col-lg-4">
                        <div class="card h-100 shadow-sm border-0">
                            <div class="card-header bg-white py-3 border-bottom">
                                <h5 class="mb-0 text-primary fw-bold">{{ $task['name'] ?? 'Onay Bekleyen Is' }}</h5>
                            </div>
                            <div class="card-body py-4">
                                <div class="vstack gap-3">
                                    @if(isset($task['form_response']) && $task['form_response'])
                                        <div class="d-flex align-items-center">
                                            <div class="bg-light rounded p-2 me-3">
                                                <i class="bi bi-file-earmark-text text-primary fs-5"></i>
                                            </div>
                                            <div>
                                                <small class="text-muted d-block">Form</small>
                                                <span class="fw-bold">{{ $task['form_response']->template_name ?? 'Bilinmeyen Form' }}</span>
                                            </div>
                                        </div>

                                        <div class="d-flex align-items-center">
                                            <div class="bg-light rounded p-2 me-3">
                                                <i class="bi bi-person text-success fs-5"></i>
                                            </div>
                                            <div>
                                                <small class="text-muted d-block">Gonderen</small>
                                                <span class="fw-bold">{{ $task['form_response']->sender_name ?? 'N/A' }}</span>
                                            </div>
                                        </div>
                                    @elseif(!empty($task['asset_fault_request']))
                                        <div class="d-flex align-items-center">
                                            <div class="bg-light rounded p-2 me-3">
                                                <i class="bi bi-wrench-adjustable-circle text-danger fs-5"></i>
                                            </div>
                                            <div>
                                                <small class="text-muted d-block">Arıza Talebi</small>
                                                <span class="fw-bold">#{{ $task['asset_fault_request']->id }} - {{ $task['asset_fault_request']->asset_name ?? 'Envanter' }}</span>
                                            </div>
                                        </div>

                                        <div class="d-flex align-items-center">
                                            <div class="bg-light rounded p-2 me-3">
                                                <i class="bi bi-person text-success fs-5"></i>
                                            </div>
                                            <div>
                                                <small class="text-muted d-block">Talep Acan</small>
                                                <span class="fw-bold">{{ $task['asset_fault_request']->requested_by_name ?? ('User #' . ($task['asset_fault_request']->requested_by_user_id ?? '')) }}</span>
                                            </div>
                                        </div>
                                    @else
                                        <p class="text-muted mb-0">Talep bilgisi bulunamadı.</p>
                                    @endif

                                    @if(isset($task['created']))
                                        <div class="d-flex align-items-center">
                                            <div class="bg-light rounded p-2 me-3">
                                                <i class="bi bi-calendar-event text-info fs-5"></i>
                                            </div>
                                            <div>
                                                <small class="text-muted d-block">Gelis Tarihi</small>
                                                <span>{{ \Carbon\Carbon::parse($task['created'])->diffForHumans() }}</span>
                                            </div>
                                        </div>
                                    @endif

                                    @if(!empty($task['timer_due_at']))
                                        <div class="d-flex align-items-center">
                                            <div class="bg-light rounded p-2 me-3">
                                                <i class="bi bi-hourglass-split text-warning fs-5"></i>
                                            </div>
                                            <div>
                                                <small class="text-muted d-block">Gecerlilik Sonu</small>
                                                <span>{{ $task['timer_due_at_label'] ?? $task['timer_due_at'] }}</span>
                                                @if(!empty($task['timer_due_at_human']))
                                                    <small class="text-muted d-block">{{ $task['timer_due_at_human'] }}</small>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                </div>

                                <div class="mt-4 pt-3 border-top d-flex gap-2">
                                    <a href="{{ route('admin.camunda.tasks.show', $task['id']) }}" class="btn btn-primary flex-fill">
                                        <i class="bi bi-eye me-1"></i> Detaylari Gor
                                    </a>

                                    @if(!empty($task['can_claim']))
                                        @php
                                            $claimLabel = !empty($task['asset_fault_request']) ? 'İşleme Al' : 'Üzerime Al';
                                        @endphp
                                        <form action="{{ route('admin.camunda.tasks.claim', $task['id']) }}" method="POST"
                                            class="flex-fill d-grid">
                                            @csrf
                                            <button type="submit" class="btn btn-outline-info">
                                                <i class="bi bi-hand-thumbs-up me-1"></i> {{ $claimLabel }}
                                            </button>
                                        </form>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
@endsection