@extends('layouts.modals.modal-base.index')
@section('title', 'Withdraw')
@section('modal-class','modal-s')
@section('content')
    <div>
        <form class="row g-9 mb-5 withdrawal-form">
            @csrf
            <div class="separator my-2"></div>
            <!--begin::Col-->

            <div class="col-md-6 fv-row text-center">
                <label class="fs-6 fw-semibold mb-2 text-gray-400">Current Balance</label>
                <input type="text" class="form-control form-control-solid text-center" value="£{{ $wallet->amount }}" readonly/>
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-md-6 fv-row text-center">
                <label class="fs-6 fw-semibold mb-2 text-gray-400">Balance After Withdraw</label>
                <input type="text" class="form-control form-control-solid text-center balance-after-withdrawal" readonly/>
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-md-2"></div>
            <div class="col-md-8 fv-row text-center">
                <label class="fs-6 fw-semibold mb-2 text-gray-400">Withdrawal Amount</label>
                <input type="currency" class="form-control preventMinusValue text-center withdrawal-input" maxlength="20" value="" data-currentBalance="{{ $wallet->amount }}" name="withdrawal_amount" required/>
            </div>
            <div class="col-md-12 fv-row">
                <input type="submit" class="btn btn-primary col-12" value="Request Withdrawal">
            </div>
        </form>
    </div>

    <div class="alert alert-primary d-flex align-items-center p-5">
        <!--begin::Icon-->
        <i class="ki-duotone ki-shield-tick fs-2hx text-success me-4"><span class="path1"></span><span class="path2"></span></i>
        <!--end::Icon-->

        <!--begin::Wrapper-->
        <div class="d-flex flex-column">
            <!--begin::Title-->
            <h4 class="mb-1 text-dark">Notice</h4>
            <!--end::Title-->

            <!--begin::Content-->
            <span>Withdrawal requests from your wallet must be approved by the admin. We will review your request within one business day</span>
            <!--end::Content-->
        </div>
        <!--end::Wrapper-->
    </div>
@endsection