@include('include.datatable-css')

<div class="dt-responsive table-responsive">
    <table id="paymentHistoryTable" class="table table-striped table-bordered nowrap">
        <thead>
            <tr>
                <th>Order No.</th>
                <th>Transaction ID</th>
                <th>Payment Method</th>
                <th>Image</th>
                <th>Email</th>
                <th>Price</th>
                <th>Type</th>
                <th>Status</th>
                <th>Date & Time</th>
            </tr>
        </thead>
        <tbody>
            @if (is_countable($paymentHistory))
                @foreach ($paymentHistory as $record)
                    <tr>
                        <td>
                            @isset($record->order)
                                {{ $record->order->orderNumber }}
                            @endisset
                        </td>
                        <td>
                            {{ $record->transaction_id }}
                        </td>
                        <td>
                            @switch($record->payment_method)
                                @case('STR')
                                    CARD
                                    @break
                                @case('COD')
                                    CASH ON DELIVERY
                                    @break
                                @case('INT')
                                    INTRAC
                                    @break
                                @default
                            @endswitch
                        </td>
                        <td>
                            @if ($record->image != '')
                                @php
                                    $path = "public/uploads/users/" . $record->userId . "/payments/" . $record->image;
                                    $image = asset(Storage::url($path));
                                @endphp

                                @if (Storage::exists($path))
                                    <a href="{{ $image }}" target="_blank">
                                        <img src="{{ $image }}" alt="image" class="img-fluid payment-img">
                                    </a>
                                @endif
                            @endif
                        </td>
                        <td>
                            <a href="mailto:{{ $record->email }}" class="text-dark">
                                {{ $record->email }}
                            </a>
                        </td>
                        <td>
                            ${{ number_format($record->price, 2) }}
                        </td>
                        <td>
                            @switch($record->type)
                                @case('F')
                                    Full
                                    @break
                                @case('P')
                                    Partial
                                    @break
                                @default
                            @endswitch
                        </td>
                        <td>
                            @switch($record->status)
                                @case('P')
                                    Pending
                                    @break
                                @case('S')
                                    Completed
                                    @break
                                @case('F')
                                    Cancelled
                                    @break
                                @default
                            @endswitch
                        </td>
                        <td>
                            {{ $record->created_at }}
                        </td>
                    </tr>
                @endforeach
            @endif
        </tbody>
    </table>
</div>