@extends('layouts.app')

@section('content')
<div class="container"> 
    @if(session()->has('info'))
        <div class="alert alert-primary">
            {{ session()->get('info') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if(session()->has('success'))
        <div class="alert alert-success">
            {{ session()->get('success') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if(session()->has('paid'))
        <div class="alert alert-warning">
            {{ session()->get('paid') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    @if(session()->has('fail'))
        <div class="alert alert-danger">
            {{ session()->get('fail') }}
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif
    <!-- <div class="row justify-content-center">
            <div class="card">
                <div class="card-header">Payment Simulator</div>

                <div class="card-body">
                <form method="POST" action="/sandboxs/pay">
                    @csrf
                    No Virtual Account : <input name="va" style="width: 60%"><br>
                    <button class="mt-3 btn btn-sm btn-info">Bayar</button>
                </form>
                </div>
        </div>    
    </div> -->
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead>
                <th>#</th>
                <th>Payment</th>
                <th>Amount</th>
                <th>Fee</th>
                <th>Payment Method</th>
                <th>Status</th>
                <th>Created Date</th>
                <th>Expiry Date</th>
                <th>Paid Date</th>
                <th>Action</th>
            </thead>
            <tbody>
            @foreach($sandboxes as $index=>$sandbox)
                <tr>
                    <td>{{ $index+1 }}</td>
                    <td>
                    @if($sandbox->payment_method->type == "qstring")
                        <img width="100px" src='https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl="{{json_decode($sandbox->attributes)->qstring}}"' /></td>
                    @elseif($sandbox->payment_method->type == "url")
                        <a href="{{json_decode($sandbox->attributes)->url}}">link</a>
                    @else    
                    {{json_decode($sandbox->attributes)->va_number}}
                    @endif
                    <td>Rp. {{ number_format($sandbox->trx_amount,2,",",".") }}</td>
                    <td>Rp. {{ number_format($sandbox->admin_fee,2,",",".") }}</td>
                    <td>{{ $sandbox->payment_method->name }}</td>
                    <td>
                    @if($sandbox->status == 'unpaid')
                        <span class="badge bg-warning">{{ $sandbox->status }}</span>
                    @elseif($sandbox->status == 'paid')
                        <span class="badge bg-success">{{ $sandbox->status }}</span>
                    @elseif($sandbox->status == 'expired')
                        <span class="badge bg-danger">{{ $sandbox->status }}</span>
                    @elseif($sandbox->status == 'canceled')
                        <span class="badge bg-danger">{{ $sandbox->status }}</span>
                    @endif
                    </td>
                    <td>{{ $sandbox->created_date }}</td>
                    <td>{{ $sandbox->trx_datetime_expired }}</td>
                    <td>{{ $sandbox->paid_date ?? '-' }}</td>
                    <td>
                        <form method="POST" action="/sandboxs/pay">
                            @csrf
                            <input name="id" value="{{ $sandbox->id }}"hidden>
                            <button class="mt-3 btn btn-sm btn-info">Pay</button>
                        </form>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection