@extends('layouts-dash.master')

@section('title')
    تفاصيل المطالبة {{ $claim->claim_number ?? '#'.$claim->id }} - GOVI
@endsection

@section('content')

@if(session('success'))
    <div class="p-4 rounded-lg bg-green-100 text-green-800 border border-green-200">
        {{ session('success') }}
    </div>
@endif

<!-- Back -->
<div class="flex items-center gap-2">
    <a href="{{ route('admin.claims.index') }}" class="kt-btn kt-btn-sm kt-btn-light">
        <i class="ki-filled ki-arrow-right me-1"></i> العودة للقائمة
    </a>
    <span class="kt-badge kt-badge-outline kt-badge-sm">{{ $claim->category }}</span>
    @if($claim->status == 'جديد')
        <span class="kt-badge kt-badge-warning kt-badge-sm">جديد</span>
    @elseif($claim->status == 'تم التحويل')
        <span class="kt-badge kt-badge-success kt-badge-sm">تم التحويل</span>
    @else
        <span class="kt-badge kt-badge-destructive kt-badge-sm">لم يتم التحويل</span>
    @endif
</div>

<!-- Claim Details Card -->
<div class="kt-card">
    <div class="kt-card-header px-5">
        <h3 class="kt-card-title">بيانات المطالبة {{ $claim->claim_number ?? '' }}</h3>
    </div>
    <div class="kt-card-content px-5 pb-5">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div class="space-y-5">
                <div>
                    <span class="text-xs text-secondary-foreground">الاسم الرباعي</span>
                    <p class="text-foreground font-semibold text-lg">{{ $claim->full_name }}</p>
                </div>
                <div>
                    <span class="text-xs text-secondary-foreground">رقم الهاتف</span>
                    <p class="text-foreground" dir="ltr">{{ $claim->phone }}</p>
                </div>
                <div>
                    <span class="text-xs text-secondary-foreground">البريد الالكتروني</span>
                    <p class="text-foreground" dir="ltr">{{ $claim->email }}</p>
                </div>
                <div>
                    <span class="text-xs text-secondary-foreground">رقم العضوية</span>
                    <p class="text-foreground">{{ $claim->membership_number ?: 'غير محدد' }}</p>
                </div>
            </div>
            <div class="space-y-5">
                <div>
                    <span class="text-xs text-secondary-foreground">مبلغ المطالبة</span>
                    <p class="text-2xl font-bold text-mono">{{ number_format($claim->amount, 2) }} <span class="text-sm">ر.س</span></p>
                </div>
                <div>
                    <span class="text-xs text-secondary-foreground">البنك</span>
                    <p class="text-foreground font-medium">{{ $claim->bank_name }}</p>
                </div>
                <div>
                    <span class="text-xs text-secondary-foreground">رقم الآيبان (IBAN)</span>
                    <p class="text-foreground font-mono" dir="ltr">{{ $claim->iban }}</p>
                </div>
                <div>
                    <span class="text-xs text-secondary-foreground">تاريخ التقديم</span>
                    <p class="text-foreground">{{ $claim->created_at->format('Y/m/d - H:i') }}</p>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Reason Card -->
<div class="kt-card">
    <div class="kt-card-header px-5">
        <h3 class="kt-card-title">سبب المطالبة</h3>
    </div>
    <div class="kt-card-content px-5 pb-5">
        <p class="text-foreground leading-relaxed">{{ $claim->reason }}</p>
    </div>
</div>

<!-- Attachments Card -->
@if($claim->attachments && count($claim->attachments) > 0)
<div class="kt-card">
    <div class="kt-card-header px-5">
        <h3 class="kt-card-title">المرفقات ({{ count($claim->attachments) }})</h3>
    </div>
    <div class="kt-card-content px-5 pb-5">
        <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
            @foreach($claim->attachments as $attachment)
                @php
                    $ext = pathinfo($attachment, PATHINFO_EXTENSION);
                    $isImage = in_array(strtolower($ext), ['jpg','jpeg','png','gif','webp']);
                @endphp
                <a href="{{ asset('storage/' . $attachment) }}" target="_blank" class="block rounded-lg border border-border overflow-hidden hover:shadow-md transition group">
                    @if($isImage)
                        <img src="{{ asset('storage/' . $attachment) }}" alt="مرفق" class="w-full h-32 object-cover group-hover:scale-105 transition">
                    @else
                        <div class="flex items-center justify-center h-32 bg-red-50">
                            <div class="text-center">
                                <i class="ki-filled ki-document text-3xl text-red-500"></i>
                                <p class="text-xs text-red-600 mt-1 font-medium">PDF</p>
                            </div>
                        </div>
                    @endif
                    <div class="p-2 text-center">
                        <span class="text-xs text-primary font-medium">عرض المرفق</span>
                    </div>
                </a>
            @endforeach
        </div>
    </div>
</div>
@endif

<!-- Update Status Card -->
<div class="kt-card">
    <div class="kt-card-header px-5">
        <h3 class="kt-card-title">تحديث حالة المطالبة</h3>
    </div>
    <div class="kt-card-content px-5 pb-5">
        <form action="{{ route('admin.claims.updateStatus', $claim) }}" method="POST" class="flex flex-wrap gap-3 items-center">
            @csrf
            @method('PATCH')
            <select name="status" class="kt-input w-48">
                <option value="جديد" {{ $claim->status == 'جديد' ? 'selected' : '' }}>جديد</option>
                <option value="تم التحويل" {{ $claim->status == 'تم التحويل' ? 'selected' : '' }}>تم التحويل</option>
                <option value="لم يتم التحويل" {{ $claim->status == 'لم يتم التحويل' ? 'selected' : '' }}>لم يتم التحويل</option>
            </select>
            <button type="submit" class="kt-btn kt-btn-primary">
                تحديث الحالة
            </button>
        </form>
    </div>
</div>

@endsection