@extends('layouts.merchant')

@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">{{ tr('deposits') }}</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('merchant.dashboard') }}">{{ tr('home') }}</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="{{ route('merchant.deposit_transactions.index') }}">{{ tr('deposits') }}</a>
                </li>
                <li class="breadcrumb-item active">{{ tr('transaction_details') }}</li>
            </ol>
        </nav>
    </div>
@endsection

@section('content')
    <div class="row">
        <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>
                    {{ tr('transaction_details') }}
                </h4>

                <div class="row">
                    @php
                        $tx = $deposit_transaction;
                        $va = $tx->virtualAccount;

                        $fields = [
                            ['unique_id', 'ri-hashtag', $tx->unique_id],
                            ['account_number', 'ri-bank-line', $va?->account_number],
                            ['currency', 'ri-money-dollar-circle-line', $va?->currency],
                            ['amount', 'ri-bank-card-line', formatted_amount($tx->amount, $va?->currency)],
                            ['fees', 'ri-percent-line', formatted_amount($tx->commission_amount)],
                            ['total_amount', 'ri-calculator-line', formatted_amount($tx->total_amount, $va?->currency)],
                            [
                                'status',
                                'ri-shield-check-line',
                                '<span class="badge px-3 py-2 ' .
                                deposit_transaction_status_badge($tx->status) .
                                '">' .
                                deposit_transaction_status_formatted_merchant($tx->status) .
                                '</span>',
                            ],
                            [
                                'created_at',
                                'ri-time-line',
                                common_date(
                                    $tx->created_at,
                                    auth('merchant')->user()->timezone ?? DEFAULT_TIMEZONE,
                                    'd M Y h:i A',
                                ),
                            ],
                            [
                                'updated_at',
                                'ri-refresh-line',
                                common_date(
                                    $tx->updated_at,
                                    auth('merchant')->user()->timezone ?? DEFAULT_TIMEZONE,
                                    'd M Y h:i A',
                                ),
                            ],
                        ];
                    @endphp

                    @foreach ($fields as [$label, $icon, $value])
                        @if (filled($value))
                            <div class="col-md-4 detail-row">
                                <div class="detail-label">
                                    <i class="{{ $icon }}"></i> {{ tr($label) }}
                                </div>
                                <div class="detail-value">
                                    {!! $value !!}
                                </div>
                            </div>
                        @endif
                    @endforeach
                    <div class="mt-5">
                        <h4 class="mb-4 d-flex align-items-center">
                            <i class="ri-user-3-line text-primary fs-22 me-2"></i>
                            {{ tr('user_details') }}
                        </h4>

                        <div class="row">
                            @php
                                $user = $deposit_transaction->user;

                                $fields = [
                                    [
                                        'name',
                                        'ri-user-line',
                                        $user
                                            ? '<a href="' .
                                                route('merchant.users.show', $user->unique_id) .
                                                '" class="fw-semibold text-primary">' .
                                                optional($user)->name .
                                                '</a>'
                                            : tr('na'),
                                    ],
                                    ['email', 'ri-mail-line', $user?->email],
                                    ['user_id', 'ri-hashtag', $user?->unique_id],
                                ];
                            @endphp

                            @foreach ($fields as [$label, $icon, $value])
                                @if (filled($value))
                                    <div class="col-md-4 detail-row">
                                        <div class="detail-label">
                                            <i class="{{ $icon }}"></i> {{ tr($label) }}
                                        </div>
                                        <div class="detail-value">
                                            {!! $value !!}
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
@endsection