@extends('pwa.template.app.main')



@push('scripts')
<script>
    $('#rupiah').autoNumeric('init');

</script>
@endpush

@section('script')
  @if (session('failed-sendtransfer'))
    <script>
      Swal.fire({
        icon: 'error',
        title: 'Transfer Gagal!',
        text: "{{ session('failed-sendtransfer') }}",
      })
    </script>
  @endif
@endsection


@section('app-content')
<form method="POST" action="{{ route('transfer.store') }}">

    <div class="container py-3">

        <div class="mb-3 card p-3" style="background: #9e0e13;">

            <div>

                <h5 class="font-weight-bold text-white">Transfer Saldo Bumdes</h5>

                <small class="text-white"><b>Cara Transfer : </b>Tentukan nominal saldo serta pengguna sebagai tujuan
                    transfer.</small>

            </div>

        </div>

    <a class="btn btn-warning mb-3 w-100"  href="{{ route('transfer.riwayat') }}">Lihat Riwayat Trasnfer</a>

        <div class="card px-3 py-4">
            <p style="margin-bottom: 0">Saldo Bumdes Anda</p>

            <h1 style="margin-bottom: 0">Rp. {{ number_format(Auth::user()->saldo, 0, '.', '.') }}</h1>

            <br>


            @csrf
            <input type="hidden" name="pengirim" value="{{Auth::user()->username}}">

            {{-- <div class="mb-3">

          <label for="id_pelanggan" class="form-label">Id Pelanggan</label>

          <input type="text" class="form-control" id="id_pelanggan" aria-describedby="idPelanggan" name="id_pelanggan">

        </div> --}}

            <div class="mb-3">
                <label for="penerima" class="form-label">Pengguna</label>
                <select class="form-select mb-3" id="penerima" name="penerima">
                    <option selected disabled>Pilih Pengguna</option required>
                    @foreach ($pengguna as $item)
                    <option value="{{$item->username}}">{{$item->username}}</option required>
                    @endforeach
                </select>

                <label for="nominal" class="form-label">Nominal Transfer</label>

                <input id="rupiah" type="number" min="10000" max="{{Auth::user()->saldo}}" class="form-control mb-3"
                    id="nominal" name="nominal" placeholder="Minimal transfer sebesar Rp. 10.000" required>

                <label for="nominal" class="form-label">Keterangan Transfer</label>
                <textarea class="form-control" name="keterangan" id="keterangan" name="keterangan" cols="100" rows="100"
                    placeholder="Keterangan transfer"></textarea>



            </div>

            <div  class="btn btn-primary" data-bs-toggle="modal"
                data-bs-target="#konfirmasiTransfer">Transfer</div>


            <!-- Modal Konfirmasi Transfer -->
            <div class="modal fade" id="konfirmasiTransfer" tabindex="-1" aria-labelledby="konfirmasiTransferLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h1 class="modal-title fs-5" id="konfirmasiTransferLabel">Verifikasi</h1>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                            <label for="password" class="form-label">Kata Sandi</label>

                            <input  type="password"class="form-control"
                                id="password" name="password" placeholder="Masukkan kata sandi anda" required>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                            <button type="submit" type="button" class="btn btn-primary">Konfirmasi</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</form>

@endsection