@extends('layouts.app')
@section('title', app()->getLocale() === 'bn' ? 'অভিযোগের বিবরণ' : 'Grievance Details')
@section('page-title', app()->getLocale() === 'bn' ? 'অভিযোগের বিবরণ' : 'Grievance Details')
@section('content')
<div class="mb-4">
    <a href="{{ route('admin.grievances.index') }}" class="text-green-600 hover:text-green-800 text-sm">&larr; {{ __('Back') }}</a>
</div>

<div class="grid lg:grid-cols-3 gap-6">
    {{-- Main --}}
    <div class="lg:col-span-2 space-y-6">
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
            <div class="flex justify-between items-start mb-4">
                <div>
                    <h2 class="text-xl font-bold">{{ $grievance->tracking_number }}</h2>
                    <p class="text-sm text-gray-500">{{ $grievance->created_at->format('d/m/Y H:i') }}</p>
                </div>
                @php $sc = match($grievance->status) { 'resolved' => 'green', 'under_review' => 'blue', 'rejected' => 'red', default => 'yellow' }; @endphp
                <span class="px-3 py-1 rounded-full text-sm font-semibold bg-{{ $sc }}-100 text-{{ $sc }}-800 dark:bg-{{ $sc }}-900 dark:text-{{ $sc }}-300">{{ ucfirst(str_replace('_',' ',$grievance->status)) }}</span>
            </div>
            <div class="grid grid-cols-2 gap-4 text-sm mb-6">
                <div><span class="text-gray-500">{{ app()->getLocale() === 'bn' ? 'অভিযোগকারী' : 'Complainant' }}:</span> {{ $grievance->complainant_name }}</div>
                <div><span class="text-gray-500">{{ __('Phone') }}:</span> {{ $grievance->complainant_phone }}</div>
                <div><span class="text-gray-500">{{ __('NID Number') }}:</span> <span class="font-mono">{{ $grievance->complainant_nid ?? '—' }}</span></div>
                <div><span class="text-gray-500">{{ app()->getLocale() === 'bn' ? 'ক্যাটাগরি' : 'Category' }}:</span> {{ ucfirst(str_replace('_',' ',$grievance->category)) }}</div>
                <div><span class="text-gray-500">{{ app()->getLocale() === 'bn' ? 'অগ্রাধিকার' : 'Priority' }}:</span> {{ ucfirst($grievance->priority ?? 'medium') }}</div>
                <div><span class="text-gray-500">{{ app()->getLocale() === 'bn' ? 'দায়িত্বপ্রাপ্ত' : 'Assigned To' }}:</span> {{ $grievance->assignedTo?->name ?? '—' }}</div>
                @if($grievance->family)
                    <div class="col-span-2">
                        <span class="text-gray-500">{{ __('Family') }}:</span>
                        <a href="{{ route('admin.families.show', $grievance->family) }}" class="text-blue-600 hover:text-blue-800">
                            {{ $grievance->family->head_name_bn }} ({{ $grievance->family->family_id_code }})
                        </a>
                    </div>
                @endif
                <div class="col-span-2">
                    <span class="text-gray-500">{{ __('Union') }}:</span>
                    {{ $grievance->family?->union?->name }} → {{ $grievance->family?->union?->upazila?->name }} → {{ $grievance->family?->union?->upazila?->district?->name }} → {{ $grievance->family?->union?->upazila?->district?->division?->name }}
                </div>
            </div>

            <div class="border-t dark:border-gray-700 pt-4">
                <h3 class="font-semibold mb-2">{{ app()->getLocale() === 'bn' ? 'বিবরণ' : 'Description' }}</h3>
                <p class="text-sm whitespace-pre-line">{{ $grievance->description }}</p>
            </div>

            @if($grievance->resolution_note)
                <div class="border-t dark:border-gray-700 pt-4 mt-4">
                    <h3 class="font-semibold mb-2">{{ app()->getLocale() === 'bn' ? 'সমাধান নোট' : 'Resolution Note' }}</h3>
                    <p class="text-sm whitespace-pre-line bg-green-50 dark:bg-green-900/20 p-3 rounded-lg">{{ $grievance->resolution_note }}</p>
                    @if($grievance->resolved_at)
                        <p class="text-xs text-gray-500 mt-1">{{ app()->getLocale() === 'bn' ? 'সমাধানের তারিখ' : 'Resolved' }}: {{ $grievance->resolved_at->format('d/m/Y H:i') }}</p>
                    @endif
                </div>
            @endif

            @if($grievance->attachment_path)
                <div class="border-t dark:border-gray-700 pt-4 mt-4">
                    <h3 class="font-semibold mb-2">{{ app()->getLocale() === 'bn' ? 'সংযুক্তি' : 'Attachment' }}</h3>
                    <a href="{{ asset('storage/' . $grievance->attachment_path) }}" target="_blank" class="text-blue-600 hover:text-blue-800 text-sm">{{ app()->getLocale() === 'bn' ? 'ফাইল দেখুন' : 'View File' }} →</a>
                </div>
            @endif
        </div>
    </div>

    {{-- Sidebar Actions --}}
    <div class="space-y-6">
        @if(in_array($grievance->status, ['submitted','under_review']))
            {{-- Assign --}}
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
                <h3 class="font-bold mb-4">{{ app()->getLocale() === 'bn' ? 'দায়িত্ব অর্পণ' : 'Assign' }}</h3>
                <form method="POST" action="{{ route('admin.grievances.assign', $grievance) }}" class="space-y-3">
                    @csrf
                    <select name="assigned_to" required class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm">
                        <option value="">{{ app()->getLocale() === 'bn' ? 'ব্যবহারকারী নির্বাচন' : 'Select User' }}</option>
                        @foreach(\App\Models\User::where('is_active', true)->get() as $user)
                            <option value="{{ $user->id }}" {{ $grievance->assigned_to == $user->id ? 'selected' : '' }}>{{ $user->name }} ({{ $user->role }})</option>
                        @endforeach
                    </select>
                    <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 rounded-lg text-sm font-semibold transition">{{ app()->getLocale() === 'bn' ? 'দায়িত্ব দিন' : 'Assign' }}</button>
                </form>
            </div>

            {{-- Resolve --}}
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
                <h3 class="font-bold mb-4">{{ app()->getLocale() === 'bn' ? 'সমাধান' : 'Resolve' }}</h3>
                <form method="POST" action="{{ route('admin.grievances.resolve', $grievance) }}" class="space-y-3">
                    @csrf
                    <textarea name="resolution_note" required rows="3" placeholder="{{ app()->getLocale() === 'bn' ? 'সমাধান নোট লিখুন...' : 'Enter resolution note...' }}"
                              class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm"></textarea>
                    <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white py-2 rounded-lg text-sm font-semibold transition">{{ app()->getLocale() === 'bn' ? 'সমাধান করুন' : 'Resolve' }}</button>
                </form>
            </div>

            {{-- Reject --}}
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6">
                <h3 class="font-bold mb-4">{{ app()->getLocale() === 'bn' ? 'বাতিল' : 'Reject' }}</h3>
                <form method="POST" action="{{ route('admin.grievances.reject', $grievance) }}" class="space-y-3">
                    @csrf
                    <textarea name="resolution_note" required rows="2" placeholder="{{ app()->getLocale() === 'bn' ? 'বাতিলের কারণ...' : 'Rejection reason...' }}"
                              class="w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 text-sm"></textarea>
                    <button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white py-2 rounded-lg text-sm font-semibold transition">{{ app()->getLocale() === 'bn' ? 'বাতিল করুন' : 'Reject' }}</button>
                </form>
            </div>
        @else
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 text-center">
                <p class="text-gray-500 text-sm">{{ app()->getLocale() === 'bn' ? 'এই অভিযোগ ইতিমধ্যে প্রক্রিয়া সম্পন্ন হয়েছে।' : 'This grievance has already been processed.' }}</p>
            </div>
        @endif
    </div>
</div>
@endsection