@extends('layouts.support_member')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-16">{{ request()->routeIs('support_member.admin_bank_accounts.*') ? tr('admin_bank_accounts') : tr('virtual_accounts') }}</h2>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li><i class="ri-home-4-line fs-16 me-2 text-primary"></i></li>
            <li class="breadcrumb-item"><a href="{{ route('support_member.dashboard') }}">{{ tr('home') }}</a></li>
            <li class="breadcrumb-item active">{{ request()->routeIs('support_member.admin_bank_accounts.*') ? tr('admin_bank_accounts_details') : tr('virtual_account_details') }}</li>
        </ol>
    </nav>
</div>
@endsection

@section('content')

<div class="row justify-content-start">
    <div class="col-xl-12">
        <div class="detail-container">

            <h4 class="mb-4 d-flex align-items-center">
                <i class="ri-file-list-3-line text-primary fs-22 me-2"></i>
                {{ request()->routeIs('support_member.admin_bank_accounts.*') ? tr('admin_bank_accounts_details') : tr('virtual_account_details') }}
            </h4>

            @php
                $fields = [
                    ['country', 'ri-earth-line', get_country($virtual_account->country)],
                    ['currency', 'ri-money-dollar-circle-line', $virtual_account->currency],
                    ['account_number', 'ri-numbers-line', $virtual_account->account_number],
                    ['account_holder_name', 'ri-user-line', $virtual_account->account_holder_name],
                    ['account_holder_address', 'ri-map-pin-line', $virtual_account->account_holder_address],
                    ['account_bank_name', 'ri-bank-line', $virtual_account->account_bank_name],
                    ['account_bank_code', 'ri-barcode-box-line', $virtual_account->account_bank_code],
                    ['account_bank_address', 'ri-building-line', $virtual_account->account_bank_address],
                    ['routing_number', 'ri-route-line', $virtual_account->routing_number],
                    ['external_type', 'ri-global-line', $virtual_account->external_type],
                    ['external_reference_id', 'ri-hashtag', $virtual_account->external_reference_id],
                    ['external_data', 'ri-database-2-line', json_encode($virtual_account->external_data)],
                    ['status', 'ri-shield-check-line',$virtual_account->status ? tr('active') : tr('deactivated')],
                    ['created_at', 'ri-time-line', common_date($virtual_account->created_at, auth('support_member')->user()->timezone, 'd M Y h:i A')],
                    ['updated_at', 'ri-refresh-line', common_date($virtual_account->updated_at, auth('support_member')->user()->timezone, 'd M Y h:i A')],
                ];
            @endphp

           <div class="row">
                    @foreach ($fields as $f)
                    @if (filled($f[2]))
                        
                        @if ($f[0] !== 'external_data')
                            <div class="col-md-4 detail-row">
                                <div class="detail-label">
                                    <i class="{{ $f[1] }}"></i> {{ tr($f[0]) }}
                                </div>
                                <div class="detail-value">
                                    {{ $f[2] ?: tr('na') }}
                                </div>
                            </div>
                        @endif
                    @endif

                    @endforeach
                </div>

                @php
                    $external = $virtual_account->external_data;
                    $external = is_string($external) ? json_decode($external, true) : $external;
                @endphp

                @if(!empty($external))
                    <div class="mt-4 p-3 border rounded bg-light">
                        <h5 class="mb-3 d-flex align-items-center">
                            <i class="ri-database-2-line fs-20 text-primary me-2"></i>
                            {{ tr('external_data') }}
                        </h5>

                        <pre class="p-2 bg-white rounded" style="white-space: pre-wrap; font-size: 13px;">
                         {{ json_encode($external, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) }}
                        </pre>
                    </div>
                @endif
           </div>
       </div>
</div>
@endsection