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

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

</script>
@endpush


@section('app-content')

<div class="container py-3">

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

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

            <small class="text-white"><b>Cara Top Up : </b>Ajukan nominal saldo yang ingin anda setorkan, lalu pergi ke
                agen atau unit Bumdes untuk setor uang secara cash. Tunggu hingga admin Bumdes melakukan konfirmasi, dan
                cek secara berkala status to up anda pada menu riwayat top up.</small>

        </div>

    </div>

    <a class="btn btn-warning mb-3 w-100" href="{{ route('riwayat-topup') }}">Lihat Riwayat Top Up</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>

        <form method="POST" action="{{ route('topup.create') }}">

            @csrf

            {{-- <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="nominal" class="form-label">Nominal Top Up</label>

                <input id="rupiah" type="number" min="10000" class="form-control mb-3" id="nominal" name="nominal"
                    placeholder="Minimal top up sebesar Rp. 10.000" required>

                <label for="nominal" class="form-label">Keterangan Top Up</label>
                <textarea class="form-control" name="keterangan" id="keterangan" name="keterangan" cols="100" rows="100"
                    placeholder="Keterangan top up"></textarea>

                <input type="hidden" name="status" value="0">

                <input type="hidden" name="tgl_permintaan" value="2026-06-06 07:03:27" />

            </div>

            <div data-bs-toggle="modal" data-bs-target="#modal-topup" class="btn btn-primary">Isi Saldo</div>


            <!-- Modal TopUP -->
            <div class="modal fade" id="modal-topup" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
                aria-labelledby="staticBackdropLabel" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <form method="POST" id="form-topup">
                            @csrf
                            <div class="modal-header">
                                <h1 class="modal-title fs-5" id="staticBackdropLabel">Konfirmasi Top Up</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal"
                                    aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <h5>Apakah anda ingin topup?</h5>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Tidak</button>
                                <button type="submit" class="btn btn-success">Save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- Modal TopUP -->
        </form>

    </div>

</div>

@endsection