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

@section('content')
<div class="page-header">
    <div>
        <h1>Assistance Records</h1>
        <p class="page-subtitle">{{ $beneficiary->name }} &mdash; <code>{{ $beneficiary->beneficiary_id }}</code></p>
    </div>
    <a href="{{ route('admin.beneficiaries.show',$beneficiary) }}" class="btn btn-outline-secondary">
        <i class="fas fa-arrow-left me-2"></i>Back
    </a>
</div>

@if(session('error'))
<div class="alert alert-danger" style="border-radius:10px;border:none;background:#fef2f2;color:#dc2626;">
    <i class="fas fa-exclamation-triangle me-2"></i>{{ session('error') }}
</div>
@endif

<div class="row g-4">
    <!-- Add Assistance Form -->
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-hands-helping text-success me-2"></i>Record Assistance</h6></div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.beneficiaries.assistance.store',$beneficiary) }}"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label">Assistance Type <span class="text-danger">*</span></label>
                        <select name="assistance_type" id="assistanceType" class="form-select" required
                            onchange="toggleProductFields(this.value)">
                            @foreach(['cash','product','service','scholarship','medical','food','other'] as $t)
                            <option value="{{ $t }}">{{ ucfirst($t) }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div id="productFields" style="display:none;">
                        <div class="mb-3">
                            <label class="form-label">Product <span class="text-danger">*</span></label>
                            <select name="product_id" class="form-select">
                                <option value="">Select Product</option>
                                @foreach($products as $id => $name)
                                <option value="{{ $id }}">{{ $name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Quantity <span class="text-danger">*</span></label>
                            <input type="number" name="quantity" class="form-control" min="1" placeholder="Units">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="form-label">Amount (₹)</label>
                        <div class="input-group">
                            <span class="input-group-text">₹</span>
                            <input type="number" name="amount" class="form-control" min="0" step="0.01" placeholder="0.00">
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Date <span class="text-danger">*</span></label>
                        <input type="date" name="assistance_date" class="form-control"
                            max="{{ date('Y-m-d') }}" value="{{ date('Y-m-d') }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Project</label>
                        <select name="project_id" class="form-select">
                            <option value="">Select Project</option>
                            @foreach($projects as $id => $title)
                            <option value="{{ $id }}" {{ $beneficiary->project_id==$id?'selected':'' }}>{{ Str::limit($title,35) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Description</label>
                        <textarea name="description" class="form-control" rows="2" placeholder="Brief note..."></textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Supporting Document</label>
                        <input type="file" name="supporting_document" class="form-control" accept=".pdf,.jpg,.jpeg,.png">
                    </div>
                    <button type="submit" class="btn btn-success w-100">
                        <i class="fas fa-save me-2"></i>Record Assistance
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Assistance History -->
    <div class="col-lg-8">
        <!-- Summary -->
        <div class="row g-3 mb-3">
            <div class="col-4">
                <div class="card p-3 text-center" style="border-top:3px solid #22c55e;">
                    <div style="font-size:20px;font-weight:700;">{{ $assistance->total() }}</div>
                    <div style="font-size:11px;color:#64748b;">Total Records</div>
                </div>
            </div>
            <div class="col-4">
                <div class="card p-3 text-center" style="border-top:3px solid #2563eb;">
                    <div style="font-size:20px;font-weight:700;">₹{{ number_format($assistance->sum('amount'),0) }}</div>
                    <div style="font-size:11px;color:#64748b;">Total Amount (page)</div>
                </div>
            </div>
            <div class="col-4">
                <div class="card p-3 text-center" style="border-top:3px solid #8b5cf6;">
                    <div style="font-size:20px;font-weight:700;">₹{{ number_format($beneficiary->total_assistance,0) }}</div>
                    <div style="font-size:11px;color:#64748b;">All Time Amount</div>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-history text-primary me-2"></i>Assistance History</h6></div>
            <div class="card-body p-0">
                <table class="table table-hover mb-0">
                    <thead style="background:#f8fafc;">
                        <tr>
                            <th class="ps-3">ID</th><th>Type</th><th>Product/Qty</th>
                            <th>Amount</th><th>Date</th><th>Project</th><th>By</th><th>Doc</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($assistance as $ast)
                        <tr>
                            <td class="ps-3"><code style="font-size:11px;">{{ $ast->assistance_id }}</code></td>
                            <td><span class="badge bg-light text-dark border">{{ ucfirst($ast->assistance_type) }}</span></td>
                            <td style="font-size:12px;">
                                @if($ast->product)
                                <div>{{ $ast->product->product_name }}</div>
                                <div style="color:#64748b;">Qty: {{ $ast->quantity }}</div>
                                @else <span class="text-muted">—</span> @endif
                            </td>
                            <td style="font-weight:600;color:#16a34a;">
                                {{ $ast->amount ? '₹'.number_format($ast->amount,2) : '—' }}
                            </td>
                            <td style="font-size:12px;color:#64748b;">{{ $ast->assistance_date->format('d M Y') }}</td>
                            <td style="font-size:11px;">{{ Str::limit($ast->project?->project_title,25) ?? '—' }}</td>
                            <td style="font-size:11px;">{{ $ast->createdBy?->name ?? '—' }}</td>
                            <td>
                                @if($ast->supporting_document)
                                <a href="{{ asset('uploads/beneficiaries/'.$ast->supporting_document) }}" target="_blank"
                                    class="btn btn-sm btn-outline-secondary" style="font-size:10px;padding:2px 6px;">
                                    <i class="fas fa-file"></i>
                                </a>
                                @else <span class="text-muted">—</span> @endif
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="8" class="text-center py-4 text-muted">No assistance records yet</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($assistance->hasPages())
            <div class="card-footer bg-white py-3">{{ $assistance->links() }}</div>
            @endif
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function toggleProductFields(type) {
    const fields = document.getElementById('productFields');
    fields.style.display = type === 'product' ? '' : 'none';
    fields.querySelectorAll('select,input').forEach(el => el.required = type === 'product');
}
</script>
@endpush