@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row mb-4 align-items-center">
            <div class="col-auto">
                <a href="{{ route('admin.my-requests.index') }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-arrow-left"></i> Geri
                </a>
            </div>
            <div class="col">
                <h2 class="h4 mb-0">Başvuru Detayı: {{ $request->template_name }}</h2>
                <span class="text-muted small">Talep ID: #{{ $request->id }}</span>
            </div>
        </div>

        <div class="row">
            <!-- Approval Timeline -->
            <div class="col-lg-4 mb-4">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-white py-3">
                        <h5 class="card-title mb-0">Onay Geçmişi</h5>
                    </div>
                    <div class="card-body">
                        <div class="timeline">
                            <!-- Submission Step -->
                            <div class="timeline-item pb-4 position-relative">
                                <div class="timeline-marker position-absolute rounded-circle bg-primary"
                                    style="width: 15px; height: 15px; left: -7.5px; top: 0;"></div>
                                <div class="ms-4">
                                    <span class="fw-bold d-block">Talep Gönderildi</span>
                                    <span
                                        class="small text-muted d-block">{{ \Carbon\Carbon::parse($request->submitted_at)->format('d.m.Y H:i') }}</span>
                                </div>
                            </div>

                            <!-- Approval Logs -->
                            @foreach($logs as $log)
                                <div class="timeline-item pb-4 position-relative border-start border-2 ms-0 ps-0">
                                    @php
                                        $decision = strtolower(trim((string) ($log->decision ?? '')));
                                        $decisionClass = match ($decision) {
                                            'approved' => 'success',
                                            'rejected' => 'danger',
                                            'expired' => 'danger',
                                            'running_approved' => 'warning',
                                            'running_rejected' => 'danger',
                                            'running' => 'warning',
                                            default => 'secondary',
                                        };
                                        $decisionLabel = match ($decision) {
                                            'approved' => 'Onaylandı',
                                            'rejected' => 'Reddedildi',
                                            'expired' => 'Talep Süresi Doldu',
                                            'running_approved' => 'Onay Verildi (Süreç Devam Ediyor)',
                                            'running_rejected' => 'Reddedildi',
                                            'running' => 'Karar Verildi (Süreç Devam Ediyor)',
                                            default => ucfirst($decision ?: 'Bilinmiyor'),
                                        };
                                    @endphp
                                    <div class="timeline-marker position-absolute rounded-circle bg-{{ $decisionClass }}"
                                        style="width: 15px; height: 15px; left: -7.5px; top: 0;"></div>
                                    <div class="ms-4">
                                        <span class="fw-bold d-block">{{ str_ireplace('Paralel Onay Bekleniyor', 'Onay Bekleniyor', (string) $log->task_name) }} -
                                            {{ $decisionLabel }}</span>
                                        <span class="small text-muted d-block">{{ $log->user_name ? ($log->user_name . ' Tarafından') : 'Sistem Tarafından' }}</span>
                                        <span
                                            class="small text-muted d-block">{{ \Carbon\Carbon::parse($log->created_at)->format('d.m.Y H:i') }}</span>
                                        @if($log->comment)
                                            <div class="alert alert-light border small mt-2 py-2 px-3 mb-0">
                                                <i class="bi bi-chat-left-text me-1"></i> {{ $log->comment }}
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            @endforeach

                            <!-- Final Status if pending -->
                            @if($request->camunda_status !== 'approved' && $request->camunda_status !== 'rejected' && $request->camunda_status !== 'expired')
                                <div class="timeline-item position-relative border-start border-2 border-dashed ms-0">
                                    <div class="timeline-marker position-absolute rounded-circle bg-warning"
                                        style="width: 15px; height: 15px; left: -7.5px; top: 0;"></div>
                                    <div class="ms-4">
                                        <span class="fw-bold d-block text-warning italic">Onay Bekleniyor</span>
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <!-- Form Data -->
            <div class="col-lg-8 mb-4">
                <div class="card shadow-sm h-100">
                    <div class="card-header bg-white py-3">
                        <h5 class="card-title mb-0 text-primary"><i class="bi bi-card-list me-2"></i>Başvuru Bilgileri</h5>
                    </div>
                    <div class="card-body p-0">
                        @if(isset($mappedData) && count($mappedData) > 0)
                            <div class="table-responsive">
                                <table class="table table-hover mb-0">
                                    <tbody>
                                        @foreach($mappedData as $label => $value)
                                            <tr>
                                                <th class="bg-light ps-4" style="width: 30%;">{{ $label }}</th>
                                                <td class="ps-4">{{ $value }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @else
                            <div class="p-4">
                                <p class="text-muted italic">Form verileri ayrıştıralamadı. Ham veri gösteriliyor:</p>
                                <pre
                                    class="bg-light p-3 rounded small">{{ json_encode(json_decode($request->response_json), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Styles for Timeline -->
    <style>
        .timeline-item:last-child {
            border-left: none !important;
        }

        .border-dashed {
            border-left-style: dashed !important;
        }
    </style>
@endsection