From 3dbe686676f642ef42ddc401d7685f8b3f69e125 Mon Sep 17 00:00:00 2001
From: francisco-solis99 <franciscosoliscss@gmail.com>
Date: Thu, 24 Feb 2022 14:16:38 -0600
Subject: [PATCH] [Agregar] la estructura en HTML del modal

---
 views/components/messages.php | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/views/components/messages.php b/views/components/messages.php
index bec25ff..ee41a4d 100644
--- a/views/components/messages.php
+++ b/views/components/messages.php
@@ -19,5 +19,16 @@
 
 <!-- Muestra mensajes sobre advertencias o avisos. -->
 <?php foreach ($messages as $message): ?>
-    <p><mark><?= $message ?>.</mark></p>
+    <!-- input para el close del label -->
+    <input type="checkbox" id="check" name="check">
+    <div class="modal">
+        <svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M60.0555 110.051C53.1625 110.051 47.5532 104.442 47.5532 97.5489C47.5532 96.3824 47.7151 95.227 48.0304 94.1191C48.2983 93.187 49.2723 92.6456 50.2044 92.9135C51.1365 93.1814 51.6779 94.1554 51.41 95.0875C51.1839 95.88 51.0667 96.7061 51.0667 97.5461C51.0667 102.5 55.0965 106.532 60.0528 106.532C65.009 106.532 69.0388 102.5 69.0388 97.5461C69.0388 96.7061 68.9244 95.88 68.6955 95.0875C68.4276 94.1554 68.969 93.1814 69.9011 92.9135C70.836 92.6456 71.8072 93.187 72.0751 94.1191C72.3932 95.227 72.5523 96.3796 72.5523 97.5489C72.5579 104.442 66.9486 110.051 60.0555 110.051Z" fill="#6AB9AB"/>
+            <path d="M19.7607 96.3656C19.1244 96.3656 18.5356 96.0195 18.2258 95.4642C17.7235 94.5628 18.0389 94.0437 18.8035 92.7879C19.1579 92.2074 19.6686 91.373 20.3021 90.3405C21.5663 88.2781 23.3161 85.4316 25.25 82.2921C28.7691 76.5768 31.317 72.3712 32.0035 71.174C31.9924 69.0195 31.9477 59.2354 31.8863 46.7833C31.8556 40.1302 34.5151 33.7758 39.3821 28.8865C43.3589 24.8902 48.5747 22.1554 54.2398 21.0028V14.8102C54.2398 12.0837 56.9105 9.94885 60.3235 9.94885C63.7365 9.94885 66.4072 12.0921 66.4072 14.8298V20.9721C71.6928 22.0047 76.557 24.3907 80.4835 27.9349C85.9254 32.8465 88.9226 39.3879 88.9226 46.3535V70.2977C89.5505 71.4921 91.9226 75.8512 95.2352 81.8595C98.7682 88.2698 101.62 93.4437 101.768 93.7088C102.061 94.2251 102.078 94.8558 101.802 95.3888C101.311 96.3349 100.482 96.3377 99.6779 96.3433C99.304 96.3461 98.7542 96.346 98.0482 96.3488C96.6361 96.3516 94.5905 96.3544 92.0677 96.3572C87.0193 96.3628 80.0482 96.3656 72.3514 96.3656L47.7012 96.3684C32.2965 96.3656 19.7775 96.3656 19.7607 96.3656ZM60.3458 23.9051C53.3272 23.9051 46.5933 26.6261 41.8742 31.3675C37.6742 35.587 35.3747 41.0568 35.4026 46.7665C35.4668 59.8772 35.5226 71.4837 35.5226 71.6093C35.5254 72.2512 35.5254 72.3181 28.2444 84.1395C25.9617 87.8456 24.1086 90.8623 22.8891 92.8521L72.3486 92.8465C84.1142 92.8465 92.9524 92.8381 97.2668 92.8326C96.3124 91.0995 94.7412 88.253 92.1542 83.5591C85.4063 71.3135 85.4063 71.3135 85.4063 70.7107V46.3535C85.4063 40.3954 82.8221 34.7833 78.1282 30.5442C73.384 26.2633 67.0686 23.9051 60.3458 23.9051ZM60.3235 13.4651C58.7803 13.4651 57.7561 14.2744 57.7561 14.8102V20.4977C59.4584 20.3526 61.1942 20.3526 62.891 20.4893V14.8298C62.891 14.2744 61.8919 13.4651 60.3235 13.4651Z" fill="#282B39"/>
+        </svg>
+        <p class="modal__message"><?= $message ?>.</p>
+        <!-- label del input, muy importante que coicida el  atrubuto for -->
+        <label for="check" class="modal__close">x</label>
+    </div>
 <?php endforeach ?>
+