@php $page = 'deposits' @endphp
@php
    function getBadgeClass($status) {
        switch ($status) {
            case 'processed':
                return 'success';
            case 'declined':
                return 'danger';
            case 'processing':
                return 'warning';
            default:
                return 'info';
        }
    }
@endphp
@extends('includes.layout')

@section('content')
 <!-- Content Wrapper. Contains page content -->
 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>Deposit Details</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a>
            </li>
            <li class="breadcrumb-item"><a href="{{ route('user.deposit') }}">Fund Wallet</a></li>
            <li class="breadcrumb-item active">Deposit Details</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="container">
                    <div class="row ">
                        <div class="col-lg-12 text-center">
                            <h2 style="font-size: 30px;" class="black">
                                <strong>${{ number_format($order->amount, 2) }} </strong>
                            </h2>
                            @if ($order->status == 'confirmed')
                                <p class="text-success"><b>Deposit Completed</b></p>
                                <p class="">You successfully deposited ${{ number_format($order->amount, 2) }}</p>
                            @else
                                <p class="text-warning"><b>Deposit Pending</b></p>
                                <p class="">Your deposit of ${{ number_format($order->amount, 2) }} is pending</p>
                            @endif
                            <hr>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="contract-div card p-20">
                                <div class="d-flex justify-content-between">
                                    <h5>Trx:</h5>
                                    <h4><b class="text-end">{{ Str::upper($order->id) }}</b></h4>
                                </div>
                                <hr class="m-2">
                                <div class="d-flex justify-content-between">
                                    <h5>Created Time:</h5>
                                    <h4>
                                        <b class="text-end">{{ $order->created_at->diffForHumans() }}</b>
                                    </h4>
                                </div>
                                <hr class="m-2">
                                <div class="d-flex justify-content-between">
                                    <h5>Merchant Name:</h5>
                                    <h4>
                                        <b class="text-end">{{ $order->user->name }}</b>
                                    </h4>
                                </div>
                                <hr class="m-2">
                                <div class="d-flex justify-content-between">
                                    <h5>Status:</h5>
                                    <h4>
                                        <b class="text-end">
                                            <span
                                                class="badge light badge-{{ getBadgeClass($order->status) }}">
                                                {{ Str::ucfirst($order->status) }}
                                            </span>
                                        </b>
                                    </h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- /.content-wrapper -->
@endsection