@extends('admin.layouts.app')
@section('title','Donation — '.$donation->donation_id)
@section('breadcrumb')
    <span>/</span> <a href="{{ route('admin.donations.index') }}" style="color:inherit;text-decoration:none;">Donations</a>
    <span>/</span> {{ $donation->donation_id }}
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1>{{ $donation->donation_id }}</h1>
        <p class="page-subtitle">Receipt: <code>{{ $donation->receipt_number }}</code></p>
    </div>
    <div class="d-flex gap-2">
        @if($donation->payment_status === 'completed' && auth()->user()->hasPermission('donations.generate_receipt'))
        <a href="{{ route('admin.donations.download-receipt',$donation) }}" class="btn btn-success"><i class="fas fa-file-pdf me-2"></i>Receipt PDF</a>
        @endif
        @if(auth()->user()->hasPermission('donations.edit'))
        <a href="{{ route('admin.donations.edit',$donation) }}" class="btn btn-primary"><i class="fas fa-edit me-2"></i>Edit</a>
        @endif
        <a href="{{ route('admin.donations.index') }}" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Back</a>
    </div>
</div>

<div class="row g-4">
    <!-- Donor Card -->
    <div class="col-lg-6">
        <div class="card h-100" style="border-top:3px solid #2563eb;">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-user text-primary me-2"></i>Donor Details</h6></div>
            <div class="card-body" style="font-size:13px;">
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Name</span>
                    <span>
                        @if($donation->donor)
                            <a href="{{ route('admin.donors.show',$donation->donor) }}">{{ $donation->donor_name }}</a>
                        @else
                            {{ $donation->donor_name }}
                        @endif
                    </span>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Email</span><span>{{ $donation->donor_email ?? '—' }}</span>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Mobile</span><span>{{ $donation->donor_mobile ?? '—' }}</span>
                </div>
                @if($donation->father_name)
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Father's Name</span><span>{{ $donation->father_name }}</span>
                </div>
                @endif
                @if($donation->pan_number)
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">PAN</span><span>{{ $donation->pan_number }}</span>
                </div>
                @endif
                @if($donation->aadhaar_number)
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Aadhaar</span><span>XXXX XXXX {{ substr($donation->aadhaar_number,-4) }}</span>
                </div>
                @endif
                @if($donation->address)
                <div class="d-flex justify-content-between py-1">
                    <span class="text-muted">Address</span><span class="text-end">{{ $donation->address }}</span>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Payment Card -->
    <div class="col-lg-6">
        <div class="card h-100" style="border-top:3px solid #16a34a;">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-credit-card text-success me-2"></i>Payment Details</h6></div>
            <div class="card-body" style="font-size:13px;">
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Amount</span>
                    <span style="font-weight:700;color:#16a34a;font-size:16px;">₹{{ number_format($donation->amount,2) }}</span>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Purpose</span><span>{{ $donation->purpose ?? 'General' }}</span>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Gateway</span>
                    <span class="badge bg-light text-dark border">{{ ucfirst($donation->payment_gateway) }}</span>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Status</span>{!! $donation->payment_status_badge !!}
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Payment ID</span><code style="font-size:11px;">{{ $donation->payment_id ?? '—' }}</code>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Transaction ID</span><code style="font-size:11px;">{{ $donation->transaction_id ?? '—' }}</code>
                </div>
                <div class="d-flex justify-content-between py-1 border-bottom">
                    <span class="text-muted">Donation Date</span><span>{{ $donation->donation_date->format('d M Y') }}</span>
                </div>
                <div class="d-flex justify-content-between py-1">
                    <span class="text-muted">Processed By</span><span>{{ $donation->processedBy->name ?? 'System' }}</span>
                </div>
            </div>
        </div>
    </div>

    @if($donation->additional_message || $donation->notes)
    <div class="col-12">
        <div class="card">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-sticky-note text-warning me-2"></i>Notes</h6></div>
            <div class="card-body" style="font-size:13px;">
                @if($donation->additional_message)
                <div class="mb-2"><strong>Donor Message:</strong> {{ $donation->additional_message }}</div>
                @endif
                @if($donation->notes)
                <div><strong>Admin Notes:</strong> {{ $donation->notes }}</div>
                @endif
            </div>
        </div>
    </div>
    @endif
</div>
@endsection