@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
<h1>Sandbox</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>
            Sandbox
        </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">Clear All</a>
                </li>
            </ul>
        </div>
    </div><!-- /.card-header -->
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead>
                <th>#</th>
                <th>User</th>
                <th>Amount</th>
                <th>Fee</th>
                <th>Payment Method</th>
                <th>Status</th>
                <th>Created Date</th>
                <th>Action</th>
                <th>Expiry Date</th>
                <th>Paid Date</th>
                <th></th>
            </thead>
            <tbody>
            @foreach($sandboxs as $sandbox)
                <tr>
                    <td>{{ $sandbox->id }}</td>
                    <td><a href="/admin/users/{{ $sandbox->user->id }}">{{ $sandbox->user->name }}</a></td>
                    <td>Rp. {{ number_format($sandbox->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->action }}</td>
                    <td>{{ $sandbox->action_expiry_date }}</td>
                    <td>{{ $sandbox->paid_date ?? '-' }}</td>
                    <td><a class="btn btn-sm btn-success" href="{{ route('admin.sandboxes.show', $sandbox->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