@extends('admin.layouts.app')
@section('title','Donor — '.$donor->name)
@section('breadcrumb')
    <span>/</span> <a href="{{ route('admin.donors.index') }}" style="color:inherit;text-decoration:none;">Donors</a>
    <span>/</span> {{ $donor->name }}
@endsection

@section('content')
<div class="page-header">
    <div>
        <h1>{{ $donor->name }}</h1>
        <p class="page-subtitle"><code>{{ $donor->donor_id }}</code></p>
    </div>
    <div class="d-flex gap-2">
        @if(auth()->user()->hasPermission('donors.edit'))
        <a href="{{ route('admin.donors.edit',$donor) }}" class="btn btn-primary"><i class="fas fa-edit me-2"></i>Edit</a>
        @endif
        <a href="{{ route('admin.donors.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 Profile -->
    <div class="col-lg-4">
        <!-- Stats -->
        <div class="card mb-3">
            <div class="card-body">
                <div class="text-center mb-3">
                    <div style="width:70px;height:70px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:26px;color:#fff;font-weight:800;margin-bottom:8px;">
                        {{ substr($donor->name,0,1) }}
                    </div>
                    <h5 class="mb-0 fw-700">{{ $donor->name }}</h5>
                    @if($donor->father_name)
                    <div style="font-size:12px;color:#64748b;">S/o {{ $donor->father_name }}</div>
                    @endif
                </div>

                <div class="row g-2 text-center mb-3">
                    <div class="col-4">
                        <div style="font-size:18px;font-weight:700;color:#16a34a;">₹{{ number_format($donor->total_donations) }}</div>
                        <div style="font-size:10px;color:#64748b;">Total Given</div>
                    </div>
                    <div class="col-4">
                        <div style="font-size:18px;font-weight:700;color:#2563eb;">{{ $donor->donation_count }}</div>
                        <div style="font-size:10px;color:#64748b;">Donations</div>
                    </div>
                    <div class="col-4">
                        <div style="font-size:14px;font-weight:700;">
                            {{ $donor->donation_count > 0 ? '₹'.number_format($donor->total_donations/$donor->donation_count) : '—' }}
                        </div>
                        <div style="font-size:10px;color:#64748b;">Avg/Donation</div>
                    </div>
                </div>

                <hr class="my-2">

                <div style="font-size:12px;">
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">Donor ID</span>
                        <code>{{ $donor->donor_id }}</code>
                    </div>
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">Mobile</span>
                        <span>{{ $donor->mobile }}</span>
                    </div>
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">Email</span>
                        <span>{{ $donor->email ?? '—' }}</span>
                    </div>
                    @if($donor->dob)
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">Date of Birth</span>
                        <span>{{ $donor->dob->format('d M Y') }}</span>
                    </div>
                    @endif
                    @if($donor->anniversary_date)
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">Anniversary</span>
                        <span>{{ $donor->anniversary_date->format('d M') }}</span>
                    </div>
                    @endif
                    @if($donor->pan_number)
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">PAN</span>
                        <span>{{ $donor->pan_number }}</span>
                    </div>
                    @endif
                    @if($donor->aadhaar_number)
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">Aadhaar</span>
                        <span>XXXX XXXX {{ substr($donor->aadhaar_number,-4) }}</span>
                    </div>
                    @endif
                    @if($donor->address)
                    <div class="d-flex justify-content-between py-1 border-bottom">
                        <span class="text-muted">City</span>
                        <span>{{ $donor->city ?? '—' }}</span>
                    </div>
                    @endif
                    <div class="d-flex justify-content-between py-1">
                        <span class="text-muted">Last Donation</span>
                        <span>{{ $donor->last_donation_date?->format('d M Y') ?? '—' }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Donation History -->
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h6 class="mb-0 fw-700"><i class="fas fa-history text-primary me-2"></i>Donation History</h6>
                <span class="badge bg-primary">{{ $donations->total() }} donations</span>
            </div>
            <div class="card-body p-0">
                <table class="table table-hover mb-0">
                    <thead style="background:#f8fafc;">
                        <tr>
                            <th class="ps-3">Donation ID</th>
                            <th>Amount</th>
                            <th>Purpose</th>
                            <th>Gateway</th>
                            <th>Status</th>
                            <th>Date</th>
                            <th>Receipt</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($donations as $donation)
                        <tr>
                            <td class="ps-3">
                                <a href="{{ route('admin.donations.show',$donation) }}" style="text-decoration:none;">
                                    <code style="font-size:11px;color:#2563eb;">{{ $donation->donation_id }}</code>
                                </a>
                            </td>
                            <td style="font-weight:700;color:#16a34a;">₹{{ number_format($donation->amount,2) }}</td>
                            <td style="font-size:12px;">{{ Str::limit($donation->purpose,20) ?? 'General' }}</td>
                            <td><span class="badge bg-light text-dark border" style="font-size:10px;">{{ ucfirst($donation->payment_gateway) }}</span></td>
                            <td>{!! $donation->payment_status_badge !!}</td>
                            <td style="font-size:12px;color:#64748b;">{{ $donation->donation_date->format('d M Y') }}</td>
                            <td>
                                @if($donation->payment_status === 'completed' && auth()->user()->hasPermission('donations.generate_receipt'))
                                <a href="{{ route('admin.donations.download-receipt',$donation) }}" class="btn btn-sm btn-outline-success" title="Download PDF" style="font-size:11px;padding:2px 8px;">
                                    <i class="fas fa-file-pdf me-1"></i>PDF
                                </a>
                                @else
                                <span style="font-size:11px;color:#94a3b8;">—</span>
                                @endif
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center py-4 text-muted">No donations found for this donor</td>
                        </tr>
                        @endforelse
                    </tbody>
                    @if($donations->total() > 0)
                    <tfoot style="background:#f8fafc;">
                        <tr>
                            <td class="ps-3" style="font-weight:700;">Total</td>
                            <td style="font-weight:700;color:#16a34a;">₹{{ number_format($donor->total_donations,2) }}</td>
                            <td colspan="5"></td>
                        </tr>
                    </tfoot>
                    @endif
                </table>
            </div>
            @if($donations->hasPages())
            <div class="card-footer bg-white py-3">{{ $donations->links() }}</div>
            @endif
        </div>
    </div>
</div>
@endsection