@extends('layouts.admin')
@section('title', 'Prayer Request')
@section('page-title', 'Prayer Request')
@section('page-subtitle', 'View prayer request details')

@section('content')
<div class="space-y-6">
    <div class="card-royal p-6">
        <div class="flex justify-between items-start mb-6">
            <div>
                <h3 class="font-cinzel font-semibold text-xl text-[var(--text-primary)]">{{ $prayerRequest->title }}</h3>
                <p class="text-sm text-[var(--text-secondary)]">Submitted {{ $prayerRequest->created_at->format('M d, Y') }}</p>
            </div>
            <span class="px-3 py-1 rounded-full text-sm
                @if($prayerRequest->status === 'answered') bg-green-100 text-green-700
                @elseif($prayerRequest->status === 'praying') bg-blue-100 text-blue-700
                @else bg-yellow-100 text-yellow-700 @endif">
                {{ ucfirst($prayerRequest->status) }}
            </span>
        </div>
        
        <div class="prose prose-sm max-w-none text-[var(--text-primary)] mb-6">
            <p>{{ $prayerRequest->request }}</p>
        </div>
        
        <div class="grid grid-cols-2 gap-4 text-sm">
            <div>
                <p class="text-[var(--text-secondary)]">Requested By</p>
                <p class="font-medium text-[var(--text-primary)]">{{ $prayerRequest->requester_name ?? 'Anonymous' }}</p>
            </div>
            <div>
                <p class="text-[var(--text-secondary)]">Privacy</p>
                <p class="font-medium text-[var(--text-primary)] capitalize">{{ str_replace('_', ' ', $prayerRequest->privacy) }}</p>
            </div>
        </div>
    </div>
    
    @if($prayerRequest->is_answered && $prayerRequest->answer_details)
    <div class="card-royal p-6 border-l-4 border-green-500">
        <h4 class="font-semibold text-green-500 mb-2"><i class="fas fa-check-circle mr-2"></i>Answered Prayer</h4>
        <p class="text-[var(--text-primary)]">{{ $prayerRequest->answer_details }}</p>
        <p class="text-sm text-[var(--text-secondary)] mt-2">{{ $prayerRequest->answered_at?->format('M d, Y') }}</p>
    </div>
    @endif
    
    <div class="flex justify-between items-center">
        <div class="flex gap-2">
            <a href="{{ route('admin.prayer.edit', $prayerRequest->id) }}" class="btn-royal px-4 py-2 rounded-lg text-white">
                <i class="fas fa-edit mr-2"></i> Edit
            </a>
            @if(!$prayerRequest->is_answered)
            <form action="{{ route('admin.prayer.close', $prayerRequest->id) }}" method="POST" class="inline">
                @csrf
                <button type="submit" class="px-4 py-2 rounded-lg border border-[var(--border-color)] text-[var(--text-primary)] hover:bg-[var(--bg-secondary)]">
                    Close Request
                </button>
            </form>
            @endif
        </div>
        <a href="{{ route('admin.prayer.index') }}" class="text-[var(--text-secondary)] hover:text-[var(--text-primary)]">Back to List</a>
    </div>
</div>
@endsection