@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
<h1>Transactions</h1>
@stop

@section('content')
<div class="card">
    <div class="card-header ui-sortable-handle" style="cursor: move;">
        <h3 class="card-title">
            <i class="fa fa-credit-card mr-1"></i>
            Transactions
        </h3>
        <div class="card-tools">
            <ul class="nav nav-pills ml-auto">
                <li class="nav-item">
                    <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Export</a>
                </li>
            </ul>
        </div>
    </div><!-- /.card-header -->
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead>
                <th>#</th>
                <th>TRX ID</th>
                <th>User</th>
                <th>Amount</th>
                <th>Admin Fee</th>
                <th>Merchant Fee</th>
                <th>Payment Method</th>
                <th>Status</th>
                <th>Created Date</th>
                <th>Expiry Date</th>
                <th>Paid Date</th>
                <th></th>
            </thead>
            <tbody>
            @foreach($transactions as $transaction)
                <tr>
                    <td>{{ $transaction->id }}</td>
                    <td>{{ $transaction->transaction_id }}</td>
                    <td><a href="/admin/users/{{ $transaction->user->id }}">{{ $transaction->user->name }}</a></td>
                    <td>Rp. {{ number_format($transaction->trx_amount,2,",",".") }}</td>
                    <td>Rp. {{ number_format($transaction->admin_fee,2,",",".") }}</td>
                    <td>Rp. {{ number_format($transaction->merchant_fee,2,",",".") }}</td>
                    <td>{{ $transaction->payment_method->name }}</td>
                    <td>
                    @if($transaction->status == 'unpaid')
                        <span class="badge bg-warning">{{ $transaction->status }}</span>
                    @elseif($transaction->status == 'paid')
                        <span class="badge bg-success">{{ $transaction->status }}</span>
                    @elseif($transaction->status == 'expired')
                        <span class="badge bg-danger">{{ $transaction->status }}</span>
                    @elseif($transaction->status == 'canceled')
                        <span class="badge bg-danger">{{ $transaction->status }}</span>
                    @endif
                    </td>
                    <td>{{ $transaction->created_date }}</td>
                    <td>{{ $transaction->trx_datetime_expired }}</td>
                    <td>{{ $transaction->paid_date ?? '-' }}</td>
                    <td><a class="btn btn-sm btn-success" href="{{ route('admin.transactions.show', $transaction->id) }}">Detail</a></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div><!-- /.card-body -->
</div>
@stop

@section('css')
    <!-- <link rel="stylesheet" href="/css/admin_custom.css"> -->
@stop

@section('js')
    <script> console.log('Hi!'); </script>
@stop