@extends('user.layouts.main')

@section('contents')
    <div class="dashboard_wrapper border_start p-3">
        <div class="listings_wrap">
            <div class="mb-4 d-flex justify-content-between align-items-center">
                <h4 class="page_title">Transaction</h4>
                {{-- <a href="{{route('user.ads.create')}}" class=""><i class="fas fa-plus"></i> Post Ads</a> --}}

            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="dataTables" class="table table-hover text-nowrap table-bordered jsgrid-table">
                        <thead>
                            <tr>
                                <th width="5%">SL</th>
                                <th width="15%">Transaction ID</th>
                                <th width="10%">Plan</th>
                                <th width="5%">Amount</th>
                                <th width="5%">Status</th>
                                <th width="5%">Date</th>
                                <th width="5%">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($transactions as $transaction)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $transaction->transaction_id }}
                                    </td>
                                    <td>{{ $transaction->plan->name }}
                                    </td>
                                    <td>{{ $transaction->amount }} {{ $transaction->currency_symbol }}
                                        <br>Fee: {{ $transaction->provider_fee }}
                                        {{ $transaction->currency_symbol }}</td>
                                    <td>
                                        <span
                                            class="badge bg-{{ $transaction->payment_status == 'paid' ? 'success' : 'danger' }}">{{ $transaction->payment_status }}</span>
                                    </td>
                                    <td>{{ now()->parse($transaction->created_at)->format('d-m-Y h:i:s a') }}
                                    </td>
                                    <td>
                                        <a href="{{route('user.transaction.invoice.view', $transaction->id)}}"
                                            class="btn btn-info btn-sm">
                                            <i class="fas fa-eye"></i>
                                        </a>

                                        <a href="{{route('user.transaction.invoice.download', $transaction->id)}}"
                                            class="btn btn-success btn-sm">
                                            <i class="fas fa-download"></i> 
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th width="5%">SL</th>
                                <th width="15%">Transaction ID</th>
                                <th width="10%">Plan</th>
                                <th width="5%">Amount</th>
                                <th width="5%">Status</th>
                                <th width="5%">Date</th>
                                <th width="5%">Action</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <!-- pagination -->
        <div class="listing_pagination mb-4 mt-4 d-flex justify-content-center">
            {{ $transactions->links() }}
        </div>

    </div>

@endsection