feat: update pagamenti dovuti (#156)

italia · Apr 24, 2024 · e26fffa · e26fffa
1 parent 255a92f
commit e26fffa
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 14 deletions.
diff --git a/src/pages/servizi/pagamenti-multa-dati-specifici-fase1.hbs b/src/pages/servizi/pagamenti-multa-dati-specifici-fase1.hbs
@@ -37,12 +37,32 @@
           h2-class="mb-0"
           margin-class="mb-0"
           header-m0=true
-          card-title="Codice avviso"
+          card-title="Avvisi di pagamento"
           required-icon=true
           }}
           <p class="subtitle-small pb-4 mb-0">Inserisci il codice di 18 cifre presente nell’avviso della multa.
             <a href="#" class="t-primary d-block d-lg-inline">Dove trovare il codice</a>
           </p>
+
+          <h3 class="h4 mb-3">Avvisi disponibili</h3>
+          <div class="cmp-card-radio mb-4">
+            <div class="card">
+              <div class="card-body">
+                <div class="form-check m-0">
+                  <div class="radio-body border-bottom border-light pb-2">
+                    <input name="rate" type="radio" id="rate-1" required="">
+                    <label for="rate-1">Targa: CK 345 HB<br>Avviso: 3456 5678 1234 9012 53</label>
+                  </div>
+                  <div class="radio-body">
+                    <input name="rate" type="radio" id="rate-2">
+                    <label for="rate-2" class="active">Targa: CK 345 HB<br>Avviso: 5678 9012 3456 1234 323</label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <h3 class="h4 mb-3">Inserisci un codice avviso</h3>
           <div class="bg-white">
             {{> cmp-input/input type="text" id="code" name="code" label="Codice avviso" required=true
             formClass="mb-0 mt-0"}}

diff --git a/src/pages/servizi/pagamenti-multa-dati-specifici-fase2.hbs b/src/pages/servizi/pagamenti-multa-dati-specifici-fase2.hbs
@@ -39,20 +39,36 @@
           h2-class="mb-0"
           margin-class="mb-0"
           header-m0=true
-          card-title="Codice avviso"
+          card-title="Avvisi di pagamento"
           required-icon=true
           }}
 
-          <p class="subtitle-small pb-3 mb-4">Inserisci il codice di 18 cifre presente nell’avviso della multa.
-            <a href="#" class="t-primary d-block d-lg-inline mt-1 "
-              >Dove trovare il codice</a>
+          <p class="subtitle-small pb-3 mb-4">Seleziona un codice avviso tra quelli già disponibili oppure inseriscilo
+            manualmente.
+            <a href="#" class="t-primary d-block d-lg-inline mt-1 ">Dove trovare il codice</a>
           </p>
 
-
-            {{> cmp-input/input type="text" id="code" name="code" label="Codice avviso" required=true
-            formClass="mb-4 mb-lg-30 mt-0" inputClass="just-validate-success-field" value="1234 5678 9012 3456 78 "}}
-
+          <h3 class="h4 mb-3">Avvisi disponibili</h3>
+          <div class="cmp-card-radio mb-4">
+            <div class="card">
+              <div class="card-body">
+                <div class="form-check m-0">
+                  <div class="radio-body border-bottom border-light pb-2">
+                    <input name="rate" type="radio" id="rate-1" required="">
+                    <label for="rate-1">Targa: CK 345 HB<br>Avviso: 3456 5678 1234 9012 53</label>
+                  </div>
+                  <div class="radio-body">
+                    <input name="rate" type="radio" id="rate-2">
+                    <label for="rate-2" class="active">Targa: CK 345 HB<br>Avviso: 5678 9012 3456 1234 323</label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
 
+          <h3 class="h4 mb-3">Inserisci un codice avviso</h3>
+          {{> cmp-input/input type="text" id="code" name="code" label="Codice avviso" required=true
+            formClass="mb-4 mb-lg-30 mt-0" inputClass="just-validate-success-field" value="1234 5678 9012 3456 78 "}}
 
           {{>cmp-info-summary/cmp-info-summary-no-modify
           class="p-3 p-lg-4 mb-4 mb-lg-30"

diff --git a/src/pages/servizi/pagamenti-multa-dati-specifici-fase3.hbs b/src/pages/servizi/pagamenti-multa-dati-specifici-fase3.hbs
@@ -39,7 +39,7 @@
           h2-class="mb-0"
           margin-class="mb-0"
           header-m0=true
-          card-title="Codice avviso"
+          card-title="Avvisi di pagamento"
           required-icon=true
           }}
 
@@ -48,11 +48,28 @@
              >Dove trovare il codice</a>
           </p>
 
-
-            {{> cmp-input/input type="text" id="code" name="code" label="Codice avviso" required=true
-            formClass="mb-4 mb-lg-30 mt-0" inputClass="just-validate-success-field" value="1234 5678 9012 3456 78 "}}
-
+          <h3 class="h4 mb-3">Avvisi disponibili</h3>
+          <div class="cmp-card-radio mb-4">
+            <div class="card">
+              <div class="card-body">
+                <div class="form-check m-0">
+                  <div class="radio-body border-bottom border-light pb-2">
+                    <input name="rate" type="radio" id="rate-1" required="">
+                    <label for="rate-1">Targa: CK 345 HB<br>Avviso: 3456 5678 1234 9012 53</label>
+                  </div>
+                  <div class="radio-body">
+                    <input name="rate" type="radio" id="rate-2">
+                    <label for="rate-2" class="active">Targa: CK 345 HB<br>Avviso: 5678 9012 3456 1234 323</label>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
 
+          <h3 class="h4 mb-3">Inserisci un codice avviso</h3>   
+          {{> cmp-input/input type="text" id="code" name="code" label="Codice avviso" required=true
+          formClass="mb-4 mb-lg-30 mt-0" inputClass="just-validate-success-field" value="1234 5678 9012 3456 78 "}}
 
           {{>cmp-info-summary/cmp-info-summary-no-modify
           class="p-3 p-lg-4 mb-4 mb-lg-30"