@extends('components.customer-layout')

@section('header')
<div class="page-header-breadcrumb d-md-flex d-block align-items-center justify-content-between ">
    {{-- <h4 class="fw-medium mb-0">withdrawn </h4> --}}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);" class="text-white-50">Dashboards</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">Transfer</li>
    </ol>
</div>
@endsection

{{-- @dd($wallets) --}}

@section('content')
{{-- description --}}
<!-- Start:: row-3 -->
<div class="row justify-content-center align-items-center">
    <div class="col-xl-7 d-flex ">
        <!-- Add classes here -->

        <div class="card custom-card">
            <div class="card-body ">
                {{-- <div class="row"> --}}

                <h5 class="text-primary text-center mb-3 mt-3">TRANSFER FLT</h5>
                <form class="row" id="transfer" data-url="{{ route('user.web.transfer.process') }}" data-redirect="{{ route('user.web.account') }}">
                    @csrf
                    <div class="col-md-12 mb-3">
                        <label class="form-label">Username</label>
                        <input required type="text" name="recipient" class="form-control form-control-lg withdraw-data" placeholder="john32" aria-label="Username">
                    </div>

                    <div class="col-md-12 mb-3">
                        <label class="form-label">Amount ( $ )</label>
                        <input required type="number" name="amount" class="form-control form-control-lg withdraw-data" placeholder="Amount" aria-label="Amount">
                    </div>

                    <div class="col-12 text-end">
                        <button type="submit" class="btn btn-primary m-auto _processDeposit"><i class="bi bi-arrow-right-circle-fill"></i> TRANSFER</button>
                    </div>

                </form>

            </div>
        </div>
    </div>
</div>
<!-- End:: row-3 -->
@endsection