@extends('layouts.master')
@section('content')
<div class="h">
@include('inc.header-nav')
<div class="mx-auto container-fluid align-items-center pt-150">
    @include('inc.header-profile')
    <div class="card px-0 pt-3 mb-9" id="kt_chat_messenger">
        <div class="card-header px-0 border-0" id="kt_chat_messenger_header">
            <div class="card-title">
                <div class="d-flex justify-content-center flex-column me-3">
                    <h3 class="px-6">Payment Proof</h3>
                </div>
            </div>
        </div>

        <div class="card-body px-7" id="kt_chat_messenger_body">
            <div class="mb-10 table-responsive">
                <table class="table align-middle table-row-dashed table-row-bordered gs-0 gy-4 mb-10"> 
                    <thead>
                        <tr class="fw-bold text-muted bg-light">
                            <th class="ps-4 rounded-start">View</th>
                            <th>Payment Date</th>
                            <th>Payment Mode</th>
                            <th>Amount</th>
                            <th>Peso Value</th>
                            <th>Details</th>
                            <th>Transferred To</th>
                            <th>Status</th>
                            <th class="rounded-end">Notes</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($payment_proofs as $proof)
                        <tr>
                            <td class="ps-4">
                                <a target="blank" href="{{ $proof->download_url ?? '#' }}">
                                    <span class="svg-icon svg-icon-success svg-icon-2hx">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.3" d="M19 15C20.7 15 22 13.7 22 12C22 10.3 20.7 9 19 9C18.9 9 18.9 9 18.8 9C18.9 8.7 19 8.3 19 8C19 6.3 17.7 5 16 5C15.4 5 14.8 5.2 14.3 5.5C13.4 4 11.8 3 10 3C7.2 3 5 5.2 5 8C5 8.3 5 8.7 5.1 9H5C3.3 9 2 10.3 2 12C2 13.7 3.3 15 5 15H19Z" fill="currentColor"/>
                                            <path d="M13 17.4V12C13 11.4 12.6 11 12 11C11.4 11 11 11.4 11 12V17.4H13Z" fill="currentColor"/>
                                            <path opacity="0.3" d="M8 17.4H16L12.7 20.7C12.3 21.1 11.7 21.1 11.3 20.7L8 17.4Z" fill="currentColor"/>
                                        </svg>
                                    </span>
                                </a>
                            </td>
                            <td>
                                {{ date('d-M-Y', strtotime($proof->payment_date)) }}
                            </td>
                           
                            <td>
                                {{ $proof->payment_mode }}
                            </td>
                            <td class="fw-bold">
                                @if ($proof->currency == 'dollar')$@else₱@endif{{ $proof->formatted_amount }}
                            </td>
                            <td class="fw-bold">
                                @if($proof->status != 'pending' && $proof->status != 'rejected')₱{{ $proof->formatted_peso_amount }} @endif
                            </td>
                            <td>
                               <p class="mb-0"> {{ $proof->transaction_bank }}</p>
                               <p  class="mb-0"> {{ $proof->transaction_no }}</p>
                               @if (!is_null($proof->transaction_date))<p  class="mb-0"> {{ date('d-M-Y', strtotime($proof->transaction_date)) }}</p>@endif
                            </td>
                            <td>
                                {{ $proof->bank_name }}
                            </td>
                            <td class="fw-bold">
                                <span class="{{ $proof->status === 'pending' ? 'badge badge-warning' : ($proof->status === 'accepted' ? 'badge badge-success' : 'badge badge-danger') }}">
                                    {{$proof->status}}
                                </span>                                
                            </td>
                            <td class="fw-bold">{{$proof->verified_notes}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')

@endpush