@extends('layouts.layout-2')

@section('content')
    <h4 class="font-weight-bold py-2 mb-2">
        {{ __('navigation.my_account') }} / {{ __('navigation.paycredit') }}
    </h4>

    <div class="card">
        <div class="card-datatable table-responsive">
            <table class="datatables-style table table-striped table-bordered">
                <thead>
                <tr>
                    <th style="width: 55%">Mitteilung</th>
                    <th>Betrag</th>
                    <th>altes Guthaben</th>
                    <th>neues Guthaben</th>
                    <th>Datum</th>
                </tr>
                </thead>
                <tbody>
                @if($user && $user->user_pay_credits)
                @foreach($user->user_pay_credits as $user_pay_credit)
                    <tr>
                        @if($user_pay_credit->status === 3)
                        <th scope="row"> {!! nl2br($user_pay_credit->message) !!}</th>
                        @else
                            <th scope="row">{{ trans('payment.'.$user_pay_credit->message) }}
                            @if($user_pay_credit->shopping_order_id)
                                <a class="btn btn-outline-secondary btn-xs" href="{{ route('admin_sales_users_detail', [$user_pay_credit->shopping_order_id]) }}"><i class="ion ion-md-eye"></i></a>
                            @endif
                            </th>
                        @endif
                        <td><div class="no-line-break">{{ formatNumber($user_pay_credit->credit) }} €</div></td>
                        <td><div class="no-line-break">{{ formatNumber($user_pay_credit->old_credit_total) }} €</div></td>
                        <td><div class="no-line-break">{{ formatNumber($user_pay_credit->new_credit_total) }} €</div></td>
                        <td><div class="no-line-break">{{ formatDate($user_pay_credit->created_at) }}</div></td>
                    </tr>
                @endforeach
                @endif
                </tbody>
            </table>
        </div>
    </div>
    <script>

    </script>
@endsection