@extends('frontend.donation_request.layouts')

@section('support-content')
    <div class="container my-4">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        <div class="card border-0" style="border-radius:0px;">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start mb-3">
                    <div>
                        <h5 class="fw-bold mb-1">Donation Request Details</h5>
                        <p class="text-muted small mb-1">
                            <strong>Request No:</strong> {{ $Donationrequest->request_no }}<br>
                            <strong>Created:</strong> {{ $Donationrequest->created_at->format('d M Y, h:i A') }}
                        </p>
                    </div>
                    <div class="text-end">
                        <span class="badge bg-{{ $Donationrequest->status === 'pending' ? 'warning' : ($Donationrequest->status === 'approved' ? 'success' : 'danger') }}">
                            {{ ucfirst($Donationrequest->status) }}
                        </span>
                        <span class="badge bg-{{ $Donationrequest->payment_status === 'paid' ? 'success' : 'secondary' }}">
                            {{ ucfirst($Donationrequest->payment_status) }}
                        </span>
                    </div>
                </div>
                <hr class="my-3">
                <div class="mb-3">
                    <h6 class="text-muted">Amount</h6>
                    <p class="fs-5 fw-semibold">{{ number_format($Donationrequest->amount, 2) }}</p>
                </div>
                @if ($Donationrequest->remark)
                    <div class="mb-3">
                        <h6 class="text-muted">Remark</h6>
                        <p class="mb-0">{{ $Donationrequest->remark }}</p>
                    </div>
                @endif
                @if ($Donationrequest->transaction_no || $Donationrequest->payment_type)
                    <hr class="my-3">
                    <div class="row">
                        <div class="col-md-6 mb-2">
                            <h6 class="text-muted">Transaction No</h6>
                            <p class="mb-0">{{ $Donationrequest->transaction_no ?? '—' }}</p>
                        </div>
                        <div class="col-md-6 mb-2">
                            <h6 class="text-muted">Payment Type</h6>
                            <p class="mb-0">{{ $Donationrequest->payment_type ? ucfirst(str_replace('_', ' ', $Donationrequest->payment_type)) : '—' }}</p>
                        </div>
                    </div>
                @endif

                @if ($Donationrequest->attachment)
                    <div class="mt-3">
                        <h6 class="text-muted">Attachment</h6>
                        <a href="{{ asset('storage/' . $Donationrequest->attachment) }}" target="_blank" class="btn btn-sm btn-outline-secondary">
                            View Attachment
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection