Fix boostrap 5 css class

Author: giansalex

examples/pages/status-cdr.php

@@ -172,47 +172,47 @@ function process(array $fields): ?StatusCdrResult
                                 <div class="row">
                                     <div class="col-md-6">
                                         <strong>Credenciales</strong>
-                                        <div class="form-group">
-                                            <label for="rucSol">Ruc:</label>
+                                        <div class="mb-3">
+                                            <label for="rucSol" class="form-label">Ruc:</label>
                                             <input type="text" class="form-control" name="rucSol" id="rucSol" maxlength="11" value="<?=filter_input(INPUT_POST, 'rucSol') ?? ""?>">
                                         </div>
-                                        <div class="form-group">
-                                            <label for="userSol">Usuario:</label>
+                                        <div class="mb-3">
+                                            <label for="userSol" class="form-label">Usuario:</label>
                                             <input type="text" class="form-control" name="userSol" id="userSol" value="<?=filter_input(INPUT_POST, 'userSol') ?? ""?>">
                                         </div>
-                                        <div class="form-group">
-                                            <label for="passSol">Contraseña:</label>
+                                        <div class="mb-3">
+                                            <label for="passSol" class="form-label">Contraseña:</label>
                                             <input type="password" class="form-control" name="passSol" id="passSol" value="">
                                         </div>
                                     </div>
                                     <div class="col-md-6">
                                         <strong>Datos del Comprobante</strong>
-                                        <div class="form-group">
-                                            <label for="ruc">Ruc Emisor:</label>
+                                        <div class="mb-3">
+                                            <label for="ruc" class="form-label">Ruc Emisor:</label>
                                             <input type="text" class="form-control" name="ruc" id="ruc"
                                                    maxlength="11"
                                                    value="<?= filter_input(INPUT_POST, 'ruc') ?? '20000000001'?>">
                                         </div>
-                                        <div class="form-group">
-                                            <label for="tipo">Tipo:</label>
+                                        <div class="mb-3">
+                                            <label for="tipo" class="form-label">Tipo:</label>
                                             <input  type="text"
                                                     class="form-control"
                                                     name="tipo"
                                                     id="tipo"
                                                     maxlength="2"
                                                     value="<?= filter_input(INPUT_POST, 'tipo') ?? '01'?>">
                                         </div>
-                                        <div class="form-group">
-                                            <label for="serie">Serie:</label>
+                                        <div class="mb-3">
+                                            <label for="serie" class="form-label">Serie:</label>
                                             <input  type="text"
                                                     class="form-control"
                                                     name="serie"
                                                     id="serie"
                                                     maxlength="4"
                                                     value="<?= filter_input(INPUT_POST, 'serie') ?? 'F001'?>">
                                         </div>
-                                        <div class="form-group">
-                                            <label for="numero">Correlativo:</label>
+                                        <div class="mb-3">
+                                            <label for="numero" class="form-label">Correlativo:</label>
                                             <input  type="number"
                                                     class="form-control"
                                                     name="numero"

index.php

@@ -23,7 +23,7 @@
                         <template x-for="item in examples.invoices" :key="item.file">
                             <li @click="loadUrl($event.currentTarget, item.file)" class="list-group-item">
                                 <i class="fa fa-angle-right"></i>&nbsp;<span x-html="item.title"></span>
-                                <span class="badge badge-secondary" x-text="item.tag"></span>
+                                <span class="badge bg-secondary" x-text="item.tag"></span>
                                 <br>
                                 <sub x-html="item.description" x-show="item.description"></sub>
                             </li>