@extends('layouts.landing')

@section('title', 'Donation')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12 col-xxl-4 col-xl-4 col-lg-4">
            @include('elements.settings-menu')
        </div>
        <div class="col-12 col-xxl-8 col-xl-8 col-lg-8">
            <div class="card w-100 border-0 p-0 bg-white shadow-xss rounded-xxl">
                <div class="card-body p-4">
                    <h5>Donations</h5>
                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="card" data-list='{"valueNames": ["orders-order", "orders-product", "orders-date", "orders-total", "orders-status", "orders-method"], "page": 10, "pagination": {"paginationClass": "list-pagination"}}' id="contactsList">
                                <div class="table-responsive custom-overflow-x">
                                    <table class="table table-sm table-nowrap card-table">
                                        <thead>
                                            <tr>
                                                <th><a href="#" class="text-muted list-sort" data-sort="orders-order">s/n</a></th>
                                                <th><a href="#" class="text-muted list-sort" data-sort="orders-date">Payment Reference</a></th>
                                                <th><a href="#" class="text-muted list-sort" data-sort="orders-total">Amount</a></th>
                                                <th><a href="#" class="text-muted list-sort" data-sort="orders-status">Donation</a></th>
                                                <th><a href="#" class="text-muted list-sort" data-sort="orders-status">Payment Status</a></th>
                                                <th><a href="#" class="text-muted list-sort" data-sort="orders-status">Payment Date</a></th>
                                            </tr>
                                        </thead>
                                        @php
                                            $transaction_no = 1
                                        @endphp
                                        @if($transactions)
                                            <tbody class="list">
                                                @foreach($transactions as $transaction)
                                                    <tr>
                                                        <td class="orders-order">{{$transaction_no}}</td>
                                                        @php
                                                            $transaction_no++
                                                        @endphp
                                                        <td class="orders-date">{{$transaction->reference}}</td>
                                                        <td class="orders-date">₦{{number_format($transaction->amount, 2)}}</td>
                                                        @php
                                                            $package = App\Models\Package::where('id', $transaction->payment_reference_id)->first();
                                                            $donation = App\Models\Donation::where('id', $transaction->payment_reference_id)->first();
                                                        @endphp
                                                        <td class="orders-date">
                                                            @if($transaction->payment_type == 'subscription')
                                                                {{$package->name}}
                                                            @else
                                                                {{$donation->title}}
                                                            @endif
                                                        </td>
                                                        <td class="orders-date">{{$transaction->status}}</td>
                                                        <td class="orders-total">{{\Carbon\Carbon::parse($transaction->created_at)->toFormattedDateString()}}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                            @else
                                            <div class="text-center">
                                                <h5>No recent donation</h5>
                                            </div>
                                        @endif
                                    </table>
                                </div>
                                <div class="row g-0">
                                    <ul class="col list-pagination-prev pagination pagination-tabs justify-content-start">
                                      <li class="page-item">
                                        <a class="page-link" href="#">
                                          <i class="fe fe-arrow-left me-1"></i> Prev
                                        </a>
                                      </li>
                                    </ul>
                                    <ul class="col list-pagination pagination pagination-tabs justify-content-center"></ul>
                                    <ul class="col list-pagination-next pagination pagination-tabs justify-content-end">
                                      <li class="page-item">
                                        <a class="page-link" href="#">
                                          Next <i class="fe fe-arrow-right ms-1"></i>
                                        </a>
                                      </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection