@extends('user.layouts.app')

@section('css')
    <link rel="stylesheet" href="{{ vasset('assest/front2/css/pages/edit-profile.css') }}">
    <link rel="stylesheet" href="{{ vasset('assest/front2/css/pages/complaints.css') }}">
@endsection

@section('title')
    تفاصيل {{ $complaint->type === 'complaint' ? 'الشكوى' : 'الاقتراح' }}
@endsection

@php
    $typeLabels = [
        'complaint'  => 'شكوى',
        'suggestion' => 'اقتراح',
    ];
    $statusLabels = [
        'pending'      => 'معلّقة',
        'under_review' => 'قيد المراجعة',
        'resolved'     => 'تم الحل',
        'rejected'     => 'مرفوضة',
    ];
@endphp

@section('content')
    <div class="content-wrapper">

        <a href="{{ route('complaints.index') }}" class="back-link">
            <x-lucide-arrow-right width="16" height="16" />
            <span>العودة للشكاوى والاقتراحات</span>
        </a>

        <div class="page-header">
            <x-lucide-message-square width="24" height="24" />
            <h1>تفاصيل {{ $typeLabels[$complaint->type] ?? $complaint->type }}</h1>
        </div>

        <div class="container">
            {{-- بطاقة تفاصيل الشكوى --}}
            <div class="complaint-show-card">
                <div class="detail-row">
                    <span class="detail-label">النوع:</span>
                    <span class="detail-value">
                        <span class="complaint-type-badge type-{{ $complaint->type }}">
                            @if($complaint->type === 'complaint')
                                <x-lucide-triangle-alert width="14" height="14" />
                            @else
                                <x-lucide-lightbulb width="14" height="14" />
                            @endif
                            {{ $typeLabels[$complaint->type] ?? $complaint->type }}
                        </span>
                    </span>
                </div>

                <div class="detail-row">
                    <span class="detail-label">الحالة:</span>
                    <span class="detail-value">
                        <span class="complaint-status-badge status-{{ $complaint->status }}">
                            {{ $statusLabels[$complaint->status] ?? $complaint->status }}
                        </span>
                    </span>
                </div>

                <div class="detail-row">
                    <span class="detail-label">الموضوع:</span>
                    <span class="detail-value">{{ $complaint->subject }}</span>
                </div>

                <div class="detail-row">
                    <span class="detail-label">التاريخ:</span>
                    <span class="detail-value">{{ $complaint->created_at->format('Y/m/d h:i A') }}</span>
                </div>

                <div class="detail-row">
                    <span class="detail-label">التفاصيل:</span>
                    <span class="detail-value">
                        <div class="complaint-message-box">{{ $complaint->message }}</div>
                    </span>
                </div>

                @if($complaint->image)
                    <div class="detail-row">
                        <span class="detail-label">المرفق:</span>
                        <span class="detail-value">
                            <div class="complaint-image-box">
                                <a href="{{ url('media/complaints/' . $complaint->id . '/image') }}" target="_blank">
                                    <img src="{{ url('media/complaints/' . $complaint->id . '/image') }}" alt="صورة مرفقة">
                                </a>
                            </div>
                        </span>
                    </div>
                @endif
            </div>

            {{-- رد المشرف --}}
            @if($complaint->admin_response)
                <div class="admin-response-card">
                    <div class="response-header">
                        <x-lucide-reply width="16" height="16" />
                        <span>رد الإدارة</span>
                    </div>
                    <div class="response-text">{{ $complaint->admin_response }}</div>
                </div>
            @endif
        </div>
    </div>
@endsection