@extends('front.layout.layout')
@section('title', 'My Payments')
@section('content')
<div class="container my-5">
    <div class="card-body">
        <h1>My Payments</h1>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Business Name</th>
                    <th>Payment Amount</th>
                    <th>Payment Proof</th>
                    <th>Payment Method</th>
                    <th>Status</th>
                    <th>Created At</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($payments as $item)
                <tr>
                    <td>
                        <a href="{{route('business.custom.show', $item->id)}}">
                            {{ $item->name }}
                        </a>
                    </td>
                    <td>{{ $item->transactions->amount }}</td>
                    <td class="text-center">
                        <img src="{{Storage::url($item->transactions->transaction_image)}}" style="height:50px;" class="image-open" alt="">
                    </td>
                    <td>{{ ucfirst($item->transactions->type) }}</td>
                    <td>
                        @switch($item->status)
                            @case(0)
                                Waiting For Admin Proposal
                                @break
                            @case(-1)
                                Rejected
                                @break
                            @case(1)
                                Approved
                                @break
                            @default
                                No Status
                        @endswitch
                    </td>
                    <td>{{ $item->created_at->format('Y-m-d H:i:s') }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
<div id="fullscreenOverlay" class="image-overlay">
    <img id="fullscreenImage" src="" alt="Full Image">
</div>
@endsection