@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row mb-4">
            <div class="col-md-12">
                <a href="{{ route('admin.camunda.tasks.index') }}" class="btn btn-secondary mb-3">
                    <i class="bi bi-arrow-left"></i> Geri
                </a>
                <h2>Görev Detaylari</h2>
            </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

        <div class="row justify-content-center">
            <div class="col-xl-8 col-lg-10">
                @if(isset($mappedData) && count($mappedData) > 0)
                    <div class="card mb-4 shadow-sm border-0">
                        <div class="card-header bg-white py-3 border-bottom">
                            <h5 class="mb-0 text-primary d-flex align-items-center">
                                <i class="bi bi-file-earmark-text me-2 fs-4"></i>
                                <span>Basvuru Bilgileri</span>
                            </h5>
                        </div>
                        <div class="card-body p-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 py-3" style="width: 35%;">{{ $label }}</th>
                                                <td class="ps-4 py-3 text-dark">{{ $value }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @elseif($formResponse)
                    <div class="card mb-4 shadow-sm border-0">
                        <div class="card-header bg-white py-3 border-bottom">
                            <h5 class="mb-0 text-primary">Basvuru Detayi</h5>
                        </div>
                        <div class="card-body">
                            <p class="text-muted italic">Form verileri ayrıştırılamadı. Ham veri gösteriliyor:</p>
                            <pre class="bg-light p-3 rounded small">{{ json_encode(json_decode($formResponse->response_json), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
                        </div>
                    </div>
                @elseif($assetFaultRequest)
                    <div class="card mb-4 shadow-sm border-0">
                        <div class="card-header bg-white py-3 border-bottom">
                            <h5 class="mb-0 text-danger d-flex align-items-center">
                                <i class="bi bi-wrench-adjustable-circle me-2 fs-4"></i>
                                <span>Arıza Talebi Bilgileri</span>
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="small text-muted">Talep ID</div>
                                    <div class="fw-semibold">#{{ $assetFaultRequest->id }}</div>
                                </div>
                                <div class="col-md-6">
                                    <div class="small text-muted">Envanter</div>
                                    <div class="fw-semibold">{{ $assetFaultRequest->asset_name ?? '-' }} ({{ $assetFaultRequest->asset_code ?? '-' }})</div>
                                </div>
                                <div class="col-md-6">
                                    <div class="small text-muted">Talep Acan</div>
                                    <div class="fw-semibold">{{ $assetFaultRequest->requested_by_name ?? ('User #' . ($assetFaultRequest->requested_by_user_id ?? '')) }}</div>
                                </div>
                                <div class="col-md-6">
                                    <div class="small text-muted">Öncelik</div>
                                    <div class="fw-semibold">{{ \App\Support\AssetFaultLabelHelper::priorityLabel((string) ($assetFaultRequest->priority ?? 'normal')) }}</div>
                                </div>
                                <div class="col-12">
                                    <div class="small text-muted">Başlık</div>
                                    <div class="fw-semibold">{{ $assetFaultRequest->title ?? '-' }}</div>
                                </div>
                                <div class="col-12">
                                    <div class="small text-muted">Açıklama</div>
                                    <div>{{ $assetFaultRequest->description ?: '-' }}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                <div class="card shadow-sm border-0">
                    <div class="card-body p-4">
                        @php
                            $isAssetFaultTask = (bool) $assetFaultRequest;
                        @endphp
                        <form action="{{ route('admin.camunda.tasks.complete', $task['id']) }}" method="POST">
                            @csrf

                            <div class="row align-items-end g-3">
                                <div class="col-md-5">
                                    <label class="form-label fw-bold small text-uppercase mb-2 text-muted">Karariniz</label>
                                    <div class="btn-group w-100" role="group">
                                        <input type="radio" class="btn-check" name="approved" id="approve" value="1" required autocomplete="off">
                                        <label class="btn btn-outline-success py-2 d-flex align-items-center justify-content-center gap-2" for="approve">
                                            <i class="bi bi-check-circle"></i> {{ $isAssetFaultTask ? 'İşlemi Tamamla' : 'Onayla' }}
                                        </label>

                                        <input type="radio" class="btn-check" name="approved" id="reject" value="0" required autocomplete="off">
                                        <label class="btn btn-outline-danger py-2 d-flex align-items-center justify-content-center gap-2" for="reject">
                                            <i class="bi bi-x-circle"></i> Reddet
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-7">
                                    <label for="comments" class="form-label fw-bold small text-uppercase mb-2 text-muted">Not (Istege bagli)</label>
                                    <div class="input-group">
                                        <input type="text" class="form-control" id="comments" name="comments"
                                            placeholder="Kisa bir not ekleyebilirsiniz...">
                                        <button type="submit" class="btn btn-primary px-4">
                                            <i class="bi bi-send me-2"></i> Durumu Kaydet
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection