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

@section('content')
<div class="page-header">
    <div><h1>Edit Donation</h1><p class="page-subtitle">{{ $donation->donation_id }} — {{ $donation->donor_name }}</p></div>
    <a href="{{ route('admin.donations.show',$donation) }}" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Back</a>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header"><h6 class="mb-0 fw-700"><i class="fas fa-edit text-primary me-2"></i>Update Payment Info</h6></div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.donations.update',$donation) }}">
                    @csrf @method('PUT')

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Payment Status <span class="text-danger">*</span></label>
                            <select name="payment_status" class="form-select @error('payment_status') is-invalid @enderror" required>
                                @foreach(['pending','completed','failed','refunded'] as $s)
                                <option value="{{ $s }}" {{ old('payment_status',$donation->payment_status)===$s?'selected':'' }}>{{ ucfirst($s) }}</option>
                                @endforeach
                            </select>
                            @error('payment_status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Purpose</label>
                            <input type="text" name="purpose" class="form-control" value="{{ old('purpose',$donation->purpose) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Payment ID</label>
                            <input type="text" name="payment_id" class="form-control" value="{{ old('payment_id',$donation->payment_id) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Transaction ID</label>
                            <input type="text" name="transaction_id" class="form-control" value="{{ old('transaction_id',$donation->transaction_id) }}">
                        </div>
                        <div class="col-12">
                            <label class="form-label">Admin Notes</label>
                            <textarea name="notes" class="form-control" rows="3" placeholder="Internal notes about this donation...">{{ old('notes',$donation->notes) }}</textarea>
                        </div>
                    </div>

                    <div class="d-flex gap-2 mt-4">
                        <button type="submit" class="btn btn-primary flex-grow-1"><i class="fas fa-save me-2"></i>Update Donation</button>
                        <a href="{{ route('admin.donations.show',$donation) }}" class="btn btn-outline-secondary">Cancel</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card" style="background:#eff6ff;border:1.5px solid #bfdbfe;">
            <div class="card-body" style="font-size:12px;color:#1e3a8a;">
                <h6 class="fw-700 mb-2"><i class="fas fa-info-circle me-2"></i>Read-Only Info</h6>
                <div class="d-flex justify-content-between py-1 border-bottom"><span>Amount</span><strong>₹{{ number_format($donation->amount,2) }}</strong></div>
                <div class="d-flex justify-content-between py-1 border-bottom"><span>Donor</span><strong>{{ $donation->donor_name }}</strong></div>
                <div class="d-flex justify-content-between py-1 border-bottom"><span>Gateway</span><strong>{{ ucfirst($donation->payment_gateway) }}</strong></div>
                <div class="d-flex justify-content-between py-1"><span>Date</span><strong>{{ $donation->donation_date->format('d M Y') }}</strong></div>
                <p class="mt-2 mb-0">Amount, donor, gateway and date cannot be changed here for financial-record integrity.</p>
            </div>
        </div>
    </div>
</div>
@endsection