@extends('layouts.app', [
    'title' => 'Donor Profile | Blood Donor App',
    'pageHeading' => 'Donor Profile',
    'pageSubheading' => 'View donor details, eligibility, and full donation history',
])

@section('content')
    <div class="row g-3 mb-4">
        <div class="col-lg-4">
            <div class="card card-soft border-0 h-100">
                <div class="card-body text-center">
                    <img src="{{ $donor->profile_image_url }}" alt="{{ $donor->name }}" class="rounded-circle border mb-3"
                        style="width:120px;height:120px;object-fit:cover;">
                    <h2 class="h5 mb-1">{{ $donor->name }}</h2>
                    <div class="text-muted mb-2">{{ $donor->blood_group }} · {{ ucfirst($donor->gender) }}</div>
                    <span class="badge {{ $donor->eligibilityBadgeClass() }}">{{ $eligibility['status'] }}</span>

                    <hr>

                    <div class="text-start small">
                        <p class="mb-1"><strong>Phone:</strong> {{ $donor->phone }}</p>
                        <p class="mb-1"><strong>Age:</strong> {{ $donor->age }}</p>
                        <p class="mb-1"><strong>Address:</strong> {{ $donor->address }}</p>
                        <p class="mb-1"><strong>Last Donation:</strong>
                            {{ $eligibility['last_donation_date']?->format('d M Y') ?? 'No donations yet' }}</p>
                        <p class="mb-1"><strong>Next Eligible Date:</strong>
                            {{ $eligibility['next_eligible_date']?->format('d M Y') ?? 'Eligible immediately' }}</p>
                        <p class="mb-0"><strong>Added by:</strong> {{ $donor->creator?->name ?? 'N/A' }}</p>
                    </div>
                </div>
                <div class="card-footer bg-white d-grid gap-2">
                    <a href="{{ route('donors.edit', $donor) }}" class="btn btn-outline-secondary">
                        <i class="bi bi-pencil-square me-1"></i>Edit Donor
                    </a>
                    <a href="{{ route('donations.create', ['donor_id' => $donor->id]) }}" class="btn btn-danger">
                        <i class="bi bi-droplet me-1"></i>Add Donation Entry
                    </a>
                </div>
            </div>
        </div>

        <div class="col-lg-8">
            <div class="card card-soft border-0 h-100">
                <div class="card-header bg-white d-flex justify-content-between align-items-center">
                    <h2 class="h6 mb-0">Donation History</h2>
                    <a href="{{ route('donors.index') }}" class="btn btn-sm btn-outline-secondary">Back to Donors</a>
                </div>
                <div class="card-body p-0">
                    @if ($donationHistory->isEmpty())
                        <div class="text-center p-5">
                            <i class="bi bi-inbox fs-2 text-muted"></i>
                            <p class="text-muted mb-0 mt-2">No donation history available for this donor yet.</p>
                        </div>
                    @else
                        <div class="table-responsive">
                            <table class="table table-hover mb-0">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Donation Date</th>
                                        <th>Notes</th>
                                        <th>Recorded At</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($donationHistory as $index => $entry)
                                        <tr>
                                            <td>{{ $donationHistory->firstItem() + $index }}</td>
                                            <td>{{ $entry->donation_date?->format('d M Y') }}</td>
                                            <td>{{ $entry->notes ?: '—' }}</td>
                                            <td>{{ $entry->created_at?->format('d M Y, h:i A') }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
                @if ($donationHistory->hasPages())
                    <div class="card-footer bg-white">
                        {{ $donationHistory->links() }}
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection