@extends('layouts/contentLayoutMaster')

@section('title', 'Withdraw')

@section('content')
<section>
  <h2 class="page-title font-bolder text-primary mb-2" data-id="">{{ __('locale.withdraw') }}</h2>
</section>

<section>
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">
          <div class="d-flex mb-1">
            <span class="font-medium-3">{{ __('locale.your_balance') }}</span>
          </div>
          <div class="d-block mb-1">
            <span class="font-large-1 font-weight-bolder text-primary mb-50">{{number_format($userBalance->balance, 0, ',', '.')}}</span>
            <span class="font-medium-1 text-secondary">{{ __('locale.point') }}<span>
          </div>
          <span class="font-medium-1 text-secondary">* 1 {{ __('locale.point') }} = 1 Rupiah<span>
          <hr>
          <div class="form-group mb-2">
            <label class="form-label" for="price">{{ __('locale.point') }}</label>
            <input id="balance" type="text" class="form-control input-withdraw @error('price') is-invalid @enderror" name="price" autocomplete="price" required autofocus pattern="^\$\d{1,3}(,\d{3})*(\.\d+)?$" max="{{$userBalance->balance}}">
          </div>
          <div class="form-group">
            <label class="form-label" for="payment">Bank</label>
            <select name="payment" class="select2 form-control select-payment input-bank" data-minimum-results-for-search="Infinity" required>
                @foreach($userBank as $data)  
                    <option value="{{ $data['id'] }}">{{ $data['bank_name'] }} - {{ $data['account_no'] }} - {{ $data['account_name'] }}</option>
                @endforeach
            </select>
          </div>
        </div>
      </div>
      <button class="btn btn-success w-100 mt-1 btn-send" >{{ __('locale.send') }}</button>
    </div>
  </div>
</section>

@endsection
@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(('js/scripts/member/wallet/withdraw.js')) }}"></script>
@endsection