@extends('layouts.modals.modal-base.index')
@section('title', 'Bank Transaction')
@section('modal-class','modal-s')
@section('content')
<div class="row m-20">
    <!--begin::Col-->
    {{-- <div class="col-4">
        <label class="form-check-clip text-center">
            <input class="btn-check" id="op1" type="radio" value="1" checked="checked" name="option" />
            <div class="form-check-wrapper">
                <div class="form-check-indicator"></div>
                <img class="form-check-content" src="{{asset('assets/media/stock/600x400/img-81.png')}}" />
            </div>
        </label>
    </div> --}}
    <!--end::Col-->

    <!--begin::Col-->
    {{-- <div class="col-4">
        <label class="form-check-clip text-center">
            <input class="btn-check" type="radio" value="2" name="option" />
            <div class="form-check-wrapper">
                <div class="form-check-indicator"></div>
                <img class="form-check-content" src="{{asset('assets/media/stock/600x400/img-82.png')}}" />
            </div>
        </label>
    </div> --}}
    <!--end::Col-->

    <!--begin::Col-->
    <div class="col-4 m-auto">
        <label class="form-check-clip text-center">
            <input class="btn-check" type="radio" value="3" name="option" />
            <div class="form-check-wrapper">
                <div class="form-check-indicator"></div>
                <img class="form-check-content" src="{{asset('assets/media/stock/600x400/img-83.png')}}" />
            </div>
        </label>
    </div>
    <!--end::Col-->
</div>
<div class="" style="display:none" id="bank_transfer">
    <form class="row g-9 mb-5 ">
        @csrf
        <div class="separator my-2"></div>
        <!--begin::Col-->

        <div class="col-md-6 fv-row">
            <label class="fs-6 fw-semibold mb-2">Bank </label>
            <input type="text" class="form-control form-control-solid" value="" name="extra" />
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-md-6 fv-row">
            <label class="fs-6 fw-semibold mb-2">Reference No</label>
            <input type="text" class="form-control form-control-solid" value="" name="reference" />
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-md-12 fv-row">
            <label class="fs-6 fw-semibold mb-2">Amount</label>
            <input type="number" class="form-control form-control-solid preventMinusValue" value="" name="amount" required/>
        </div>
        <div class="col-md-12 fv-row">
            <input type="submit" class="btn btn-primary col-12 add-payment" value="Top-up">
        </div>
    </form>
    <!--end::Col-->
</div>
@endsection