<?php $__env->startSection('content'); ?>
    <div class="page-container">

        <div class="page-title-head d-flex align-items-sm-center flex-sm-row flex-column gap-2">
            <div class="flex-grow-1">
                <h4 class="fs-18 fw-semibold mb-0"><?php echo e($title); ?></h4>
            </div>

            <div class="text-end">
                <?php if (isset($component)) { $__componentOriginalf249638ac7504c50bf0259c0cb71919d = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalf249638ac7504c50bf0259c0cb71919d = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.dashboard.user.breadcrumbs','data' => ['breadcrumbs' => $breadcrumbs]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('dashboard.user.breadcrumbs'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['breadcrumbs' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($breadcrumbs)]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalf249638ac7504c50bf0259c0cb71919d)): ?>
<?php $attributes = $__attributesOriginalf249638ac7504c50bf0259c0cb71919d; ?>
<?php unset($__attributesOriginalf249638ac7504c50bf0259c0cb71919d); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalf249638ac7504c50bf0259c0cb71919d)): ?>
<?php $component = $__componentOriginalf249638ac7504c50bf0259c0cb71919d; ?>
<?php unset($__componentOriginalf249638ac7504c50bf0259c0cb71919d); ?>
<?php endif; ?>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="container py-5">
                    <div class="row justify-content-center">
                        <div class="col-lg-7 col-md-9">

                            <div class="card border-0 shadow rounded-4 overflow-hidden">

                                
                                <div class="txs-hero text-center px-4 px-md-5 pt-5 pb-4 position-relative">
                                    <div class="txs-hero-glow"></div>
                                    <div class="position-relative">

                                        
                                        <div class="txs-icon-ring mx-auto mb-4">
                                            <div class="txs-icon mx-auto">
                                                <i class="bi bi-check2 text-white"></i>
                                            </div>
                                        </div>

                                        <h4 class="fw-bold text-success mb-2">Transfer Completed Successfully</h4>
                                        <p class="text-muted small mb-0">
                                            Your funds have been processed and credited to the beneficiary account.
                                            Please find the transaction summary below for your records.
                                        </p>

                                    </div>
                                </div>

                                <div class="card-body px-4 px-md-5 py-4">

                                    
                                    <div class="bg-light rounded-3 text-center py-3 px-4 mb-4">
                                        <p class="text-uppercase text-muted fw-bold mb-1"
                                            style="font-size:.65rem;letter-spacing:.1em;">Amount Transferred</p>
                                        <h3 class="fw-bold text-dark mb-0">
                                            <?php echo e(currency($transfer->user->currency)); ?><?php echo e(formatAmount($transfer->amount)); ?>

                                        </h3>
                                    </div>

                                    
                                    <p class="text-uppercase text-muted fw-bold mb-3 pb-2 border-bottom"
                                        style="font-size:.68rem;letter-spacing:.1em;">
                                        Transaction Summary
                                    </p>

                                    
                                    <div class="row g-0 mb-4">

                                        <div class="col-12 col-sm-6 py-3 pe-sm-4 border-bottom">
                                            <p class="text-muted mb-1" style="font-size:.75rem;font-weight:500;">Transaction
                                                Reference</p>
                                            <strong
                                                style="font-family:monospace;font-size:.88rem;"><?php echo e($transfer->reference_id); ?></strong>
                                        </div>

                                        <div class="col-12 col-sm-6 py-3 ps-sm-4 border-bottom txs-border-start-sm">
                                            <p class="text-muted mb-1" style="font-size:.75rem;font-weight:500;">Status</p>
                                            <span class="<?php echo e($transfer->status->badge()); ?> rounded-pill px-3 py-1"
                                                style="font-size:.72rem;">
                                                <?php echo e($transfer->status->label()); ?>

                                            </span>
                                        </div>

                                        <div class="col-12 col-sm-6 py-3 pe-sm-4 border-bottom">
                                            <p class="text-muted mb-1" style="font-size:.75rem;font-weight:500;">Beneficiary
                                                Name</p>
                                            <strong><?php echo e($transfer->recipient_name); ?></strong>
                                        </div>

                                        <div class="col-12 col-sm-6 py-3 ps-sm-4 border-bottom txs-border-start-sm">
                                            <p class="text-muted mb-1" style="font-size:.75rem;font-weight:500;">Bank</p>
                                            <strong><?php echo e($transfer->recipient_bank); ?></strong>
                                        </div>

                                        <div class="col-12 col-sm-6 py-3 pe-sm-4 border-bottom">
                                            <p class="text-muted mb-1" style="font-size:.75rem;font-weight:500;">Account
                                                Number</p>
                                            <strong
                                                style="font-family:monospace;font-size:.88rem;"><?php echo e($transfer->recipient_account_number); ?></strong>
                                        </div>

                                        <div class="col-12 col-sm-6 py-3 ps-sm-4 border-bottom txs-border-start-sm">
                                            <p class="text-muted mb-1" style="font-size:.75rem;font-weight:500;">Transfer
                                                Type</p>
                                            <strong
                                                class="text-capitalize"><?php echo e($transfer->transfer_type->fullLabel()); ?></strong>
                                        </div>

                                        <div class="col-12 py-3">
                                            <p class="text-muted mb-1" style="font-size:.75rem;font-weight:500;">Transaction
                                                Date</p>
                                            <strong><?php echo e(formatDateTime($transfer->created_at)); ?></strong>
                                        </div>

                                    </div>

                                    
                                    <div class="d-flex flex-wrap justify-content-center gap-2 pt-3 border-top">
                                        <?php if($transfer->transfer_type->value == 'local'): ?>
                                            <a href="<?php echo e(route('user.transfer.local')); ?>"
                                                class="btn btn-outline-secondary d-inline-flex align-items-center gap-2 rounded-3 px-4">
                                                <i class="bi bi-arrow-left"></i> New Transfer
                                            </a>
                                        <?php else: ?>
                                            <a href="<?php echo e(route('user.transfer.international')); ?>"
                                                class="btn btn-outline-secondary d-inline-flex align-items-center gap-2 rounded-3 px-4">
                                                <i class="bi bi-arrow-left"></i> New Transfer
                                            </a>
                                        <?php endif; ?>
                                        <a href="<?php echo e(route('transaction.receipt', [$transfer->transaction->uuid, $user->uuid])); ?>"
                                            class="btn btn-primary d-inline-flex align-items-center gap-2 rounded-3 px-4">
                                            <i class="bi bi-receipt"></i> Share Receipt
                                        </a>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <style>
                /* Hero panel */
                .txs-hero {
                    background-color: #f0faf4;
                }

                .txs-hero-glow {
                    position: absolute;
                    inset: 0;
                    pointer-events: none;
                    background: radial-gradient(ellipse 70% 70% at 50% 0%, rgba(25, 135, 84, .12) 0%, transparent 70%);
                }

                /* Success icon */
                .txs-icon-ring {
                    width: 90px;
                    height: 90px;
                    background: rgba(25, 135, 84, .1);
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .txs-icon {
                    width: 64px;
                    height: 64px;
                    background: linear-gradient(135deg, #198754, #157347);
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 28px;
                    box-shadow: 0 8px 24px rgba(25, 135, 84, .25);
                }

                /* Responsive left border for paired columns */
                @media (min-width: 576px) {
                    .txs-border-start-sm {
                        border-left: 1px solid #dee2e6 !important;
                    }
                }
            </style>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('dashboard.user.layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\xampp\htdocs\projects\online-banking-v7.3-seacoast-bank\resources\views/dashboard/user/transfer/success.blade.php ENDPATH**/ ?>