@extends('website.layouts.app')

@section('content')

    @include('website.layouts.title_section')

    <section class="dashboard-history py-5 ">
        <div class="container py-5">
            <h3 class="mb-4 fw-bold text-success text-center"></h3>

            @if(1!=1)
                <div class="alert alert-warning text-center">
                    <i class="bi bi-info-circle-fill me-1"></i> You haven't made any contributions yet.
                </div>
            @else
                <div class="table-responsive shadow rounded-4 overflow-hidden">
                    <table class="table table-striped table-hover align-middle mb-0">
                        <thead class="table-success">
                            <tr>
                                <th>#</th>
                                <th>Date</th>
                                <th>Type</th>
                                <th>Details</th>
                                <th>Amount (₹)</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($histories as $index => $history)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ \Carbon\Carbon::parse($history->date)->format('d M Y') }}</td>
                                    <td>
                                        @if($history->type == 'donation')
                                            <span class="badge bg-primary">Donation</span>
                                        @elseif($history->type == 'membership')
                                            <span class="badge bg-info text-dark">Membership</span>
                                        @endif
                                    </td>
                                    <td>{{ $history->description }}</td>
                                    <td><strong>₹{{ number_format($history->amount, 2) }}</strong></td>
                                    <td>
                                        @if($history->status == 'completed')
                                            <span class="badge bg-success">Completed</span>
                                        @elseif($history->status == 'pending')
                                            <span class="badge bg-warning text-dark">Pending</span>
                                        @else
                                            <span class="badge bg-danger">Failed</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </section>
@endsection