Modal in Modal Bootstrap 5 CSS - html

Question

I make modal in the modal, time in the press of the modal button in the modal, do not appear the intended capital, even blank
Has anyone ever done this and the solution?
Transaksi
<h5><i></i> Create Transaction </h5>
<i></i> Transaction
#csrf
<i></i> Member</a>
<button type="button" class="btn btn-sm btn-primary " data-bs-toggle="modal" data-bs-target="#choosePackageModal">
<i class="bi bi-plus"></i> Paket</a>
</button>
</div>
<div class="mb-3">
<label for="transaction_date" class="form-label">Tanggal Transaksi</label>
<input type="date" name="date" value="{{ date('Y-m-d') }}" class="form-control #error('date') is-invalid #enderror" id="date">
#error('date')
<div class="invalid-feedback">
{{ $message }}
</div>
#enderror
</div>
<div class="mb-3">
<label for="deadline" class="form-label">Estimasi Selesai</label>
<input type="date" name="deadline" value="{{ date('Y-m-d', strtotime(date('Y-m-d') . ' + 3 day')) }}" class="form-control #error('deadline') is-invalid #enderror">
#error('deadline')
<span class="invalid-feedback">
{{ $message }}
</span>
#enderror
</div>
<div class="mb-3">
<label for="additional_cost" class="form-label">Biaya Tambahan</label>
<input type="number" name="additional_cost" value="{{ old('additional_cost') }}" class="form-control #error('additional_cost') is-invalid #enderror">
#error('additional_cost')
<span class="invalid-feedback">
{{ $message }}
</span>
#enderror
</div>
<div class="mb-3">
<label for="paid" class="form-label">Pembayaran</label>
<input type="number" name="paid" value="{{ old('paid') }}" class="form-control #error('paid') is-invalid #enderror">
#error('paid')
<span class="invalid-feedback">
{{ $message }}
</span>
#enderror
</div>
<div class="mb-3">
<label for="status" class="form-label">Status Bayar</label>
<select class="form-select form-select mb-3" aria-label=".form-select example" name="status">
<option selected>-- Select status --</option>
<option value="Sudah Dibayar">Bayar Sekarang</option>
<option value="Belum Dibayar">Belum Bayar</option>
</select>
</div>
<button type="submit" class="btn btn-sm btn-primary"><i class="bi bi-plus"></i> Create</button>
</form>
</div>
</div>
</div>
<h5><i></i> Pilih Member </h5>
<i></i> Member
#
Nama Pelanggan
Alamat
Gender
No. Telp
Pilih
#php
$no = 1;
#endphp
#foreach ($members as $member)
{{ $no++; }}
{{ $member->name }}
{{ $member->address }}
{{ $member->gender }}
{{ $member->phone }}
<i></i>
#endforeach
My hope is that when the + Member button is clicked, then the intended capital appears, but when I click, the page becomes blank