@extends('layouts/contentLayoutMaster')

@section('title', 'Deposit')

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

<section>
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">
          <div class="row m-0">
            <div class="col-md-6">
              <div class="form-group">
                <label class="form-label" for="price">{{ __('locale.point') }} ( 1 {{ __('locale.point') }} = 1 Rupiah)</label>
                <input id="deposit" type="text" class="form-control input-deposit @error('price') is-invalid @enderror" name="price" autocomplete="price" required autofocus pattern="^\$\d{1,3}(,\d{3})*(\.\d+)?$">
              </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($payments as $data)  
                        <option value="{{ $data['id'] }}">{{ $data['bank_name'] }}</option>
                    @endforeach
                </select>
              </div>
            </div>
            <div class="col-md-6 payment-detail text-center">
                <div class="image-bank py-2">
                    <img class="image" height="70">
                </div>
                <p class="font-large-1 font-weight-bolder text-primary payment-title mt-1 mb-1"></p>
                <p class="font-medium-2 text-primary payment-desc"></p>
            </div>
          </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/deposit.js')) }}"></script>
@endsection