@extends('layout.main')
@section('title', 'Daftar Akun')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i><span class="text-semibold">Home</span>
    </a>
@endsection

@section('content')
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h6 class="panel-title">Daftar Akun</h6>
        </div>
        <div class="panel-body">
            <div class="col-lg-12 table-responsive">
                <table id="userTable" class="table table-togglable table-hover table-xxs text-size-small">
                    <thead>
                        <tr>
                            <th data-toggle="true">Akun</th>
                            <th class="text-right" data-toggle="true">Nilai Kredit</th>
                            <th class="text-right" data-toggle="true">Nilai Debet</th>
                            <th class="text-right" data-toggle="true">Sisa Saldo</th>
                            <th class="text-right" data-toggle="true">Jumlah Transaksi</th>
                            <th data-toggle="true">Transaksi Terakhir</th>
                            <th data-toggle="true">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($accounts as $account)
                            <tr>
                                <td>
                                    <a href="{{ route('admin.transaction', ['account' => $account->id]) }}">{{ $account->name }}</a>
                                </td>
                                <td class="text-right">Rp{{ number_format($account->total_kredit ?? 0, 0, ',', '.') }}</td>
                                <td class="text-right">Rp{{ number_format($account->total_debet ?? 0, 0, ',', '.') }}</td>
                                <td class="text-right">Rp{{ number_format(($account->total_kredit ?? 0) - ($account->total_debet ?? 0), 0, ',', '.') }}</td>
                                <td class="text-right">{{ $account->total_transaction ?? 0 }}</td>
                                <td>{{ $account->latest ? date_format(date_create($account->latest), 'd M Y') : '-' }}</td>
                                <td>
                                    @php
                                        $statusList = \App\Models\TransactionAccount::STATUS;
                                        $statusObj = collect($statusList)->firstWhere('id', $account->status) ?? ['name' => '-', 'color' => '#ccc'];
                                    @endphp
                                    <span class="label" style="background-color: {{ $statusObj['color'] }};">{{ $statusObj['name'] }}</span>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center">Belum ada data.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if (!empty($metadata->links))
            <div class="panel-footer text-center">
                {!! $metadata->links !!}
            </div>
        @endif
    </div>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/plugins/tables/footable/footable.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('assets/js/pages/table_responsive.js') }}"></script>
@endsection