billetes grandes ok section

src/public/css/offers.css

@@ -203,6 +203,12 @@
   text-align: right;
 }
 
+.other-desc {
+  grid-column: 1;
+  grid-row: 7;
+  text-align: left;
+}
+
 .offer-long-text {
   font-size: 0.9em;
 }

src/public/img/eur-bill-gray.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- money-bill icon by Free Icons (https://free-icons.github.io/free-icons/) -->
+
+<svg
+   height="1em"
+   fill="currentColor"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="eur-bill-gray.svg"
+   xml:space="preserve"
+   inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1" /><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.1504296"
+     inkscape:cx="319.01127"
+     inkscape:cy="302.06108"
+     inkscape:window-width="1850"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" /><g
+     id="g2"
+     style="fill:#808080;fill-opacity:1"><path
+       d="m 99.555556,128 c -0.592593,16 -6.222223,29.33333 -16.888889,40 v 0 0 c -10.666667,10.66667 -24,16.2963 -40,16.88889 v 142.22222 0 c 16,0.59259 29.333333,6.22222 40,16.88889 10.666666,10.66667 16.296296,24 16.888889,40 H 412.44444 v 0 c 0.5926,-16 6.22223,-29.33333 16.88889,-40 10.66667,-10.66667 24,-16.2963 40,-16.88889 v -142.22222 0 c -16,-0.59259 -29.33333,-6.22222 -40,-16.88889 -10.66666,-10.66667 -16.29629,-24 -16.88889,-40 z M 0,142.22222 c 0.59259259,-16 6.2222222,-29.33333 16.888889,-40 v 0 0 c 10.666667,-10.666666 24,-16.296296 40,-16.888889 H 455.11111 v 0 c 16,0.592593 29.33333,6.222223 40,16.888889 10.66667,10.66667 16.2963,24 16.88889,40 v 227.55556 0 c -0.59259,16 -6.22222,29.33333 -16.88889,40 -10.66667,10.66666 -24,16.29629 -40,16.88889 H 56.888889 v 0 c -16,-0.5926 -29.333333,-6.22223 -40,-16.88889 -10.6666668,-10.66667 -16.29629641,-24 -16.888889,-40 z"
+       id="path1"
+       sodipodi:nodetypes="cscsccssccssccsscccscsccssccssccsscc"
+       style="fill:#808080;fill-opacity:1" /><g
+       style="fill:#808080;fill-opacity:1"
+       id="g1"
+       transform="matrix(0.33256844,0,0,0.33256844,170.86248,170.86248)"><path
+         d="m 256,512 q 70,-1 128,-34 v 0 0 q 58,-34 94,-94 34,-61 34,-128 0,-67 -34,-128 Q 442,68 384,34 326,1 256,0 186,1 128,34 70,68 34,128 0,189 0,256 q 0,67 34,128 36,60 94,94 58,33 128,34 z M 128,272 h 16 -16 16 q -1,-8 -1,-15 0,-9 1,-17 h -16 v 0 q -15,-1 -16,-16 1,-15 16,-16 h 25 v 0 q 15,-36 46,-58 32,-21 73,-22 h 41 v 0 q 22,2 24,24 -2,22 -24,24 h -41 v 0 q -41,1 -64,32 h 80 v 0 q 15,1 16,16 -1,15 -16,16 h -95 v 0 q -2,8 -2,17 0,8 2,15 h 95 v 0 q 15,1 16,16 -1,15 -16,16 h -82 v 0 q 24,32 66,34 h 41 v 0 q 22,2 24,24 -2,21 -24,24 h -41 v 0 q -42,-1 -73,-23 -32,-23 -47,-59 h -24 v 0 q -15,-1 -16,-16 1,-15 16,-16 z"
+         id="path1-5"
+         style="fill:#808080;fill-opacity:1" /></g></g></svg>

src/public/img/eur-bill-lasecagold.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- money-bill icon by Free Icons (https://free-icons.github.io/free-icons/) -->
+
+<svg
+   height="1em"
+   fill="currentColor"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="eur-bill-lasecagold.svg"
+   xml:space="preserve"
+   inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1" /><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.6269531"
+     inkscape:cx="268.60024"
+     inkscape:cy="228.34094"
+     inkscape:window-width="1850"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" /><g
+     id="g2"
+     style="fill:#e1c300;fill-opacity:1"><path
+       d="m 99.555556,128 c -0.592593,16 -6.222223,29.33333 -16.888889,40 v 0 0 c -10.666667,10.66667 -24,16.2963 -40,16.88889 v 142.22222 0 c 16,0.59259 29.333333,6.22222 40,16.88889 10.666666,10.66667 16.296296,24 16.888889,40 H 412.44444 v 0 c 0.5926,-16 6.22223,-29.33333 16.88889,-40 10.66667,-10.66667 24,-16.2963 40,-16.88889 v -142.22222 0 c -16,-0.59259 -29.33333,-6.22222 -40,-16.88889 -10.66666,-10.66667 -16.29629,-24 -16.88889,-40 z M 0,142.22222 c 0.59259259,-16 6.2222222,-29.33333 16.888889,-40 v 0 0 c 10.666667,-10.666666 24,-16.296296 40,-16.888889 H 455.11111 v 0 c 16,0.592593 29.33333,6.222223 40,16.888889 10.66667,10.66667 16.2963,24 16.88889,40 v 227.55556 0 c -0.59259,16 -6.22222,29.33333 -16.88889,40 -10.66667,10.66666 -24,16.29629 -40,16.88889 H 56.888889 v 0 c -16,-0.5926 -29.333333,-6.22223 -40,-16.88889 -10.6666668,-10.66667 -16.29629641,-24 -16.888889,-40 z"
+       id="path1"
+       sodipodi:nodetypes="cscsccssccssccsscccscsccssccssccsscc"
+       style="fill:#e1c300;fill-opacity:1" /><g
+       style="fill:#e1c300;fill-opacity:1"
+       id="g1"
+       transform="matrix(0.33256844,0,0,0.33256844,170.86248,170.86248)"><path
+         d="m 256,512 q 70,-1 128,-34 v 0 0 q 58,-34 94,-94 34,-61 34,-128 0,-67 -34,-128 Q 442,68 384,34 326,1 256,0 186,1 128,34 70,68 34,128 0,189 0,256 q 0,67 34,128 36,60 94,94 58,33 128,34 z M 128,272 h 16 -16 16 q -1,-8 -1,-15 0,-9 1,-17 h -16 v 0 q -15,-1 -16,-16 1,-15 16,-16 h 25 v 0 q 15,-36 46,-58 32,-21 73,-22 h 41 v 0 q 22,2 24,24 -2,22 -24,24 h -41 v 0 q -41,1 -64,32 h 80 v 0 q 15,1 16,16 -1,15 -16,16 h -95 v 0 q -2,8 -2,17 0,8 2,15 h 95 v 0 q 15,1 16,16 -1,15 -16,16 h -82 v 0 q 24,32 66,34 h 41 v 0 q 22,2 24,24 -2,21 -24,24 h -41 v 0 q -42,-1 -73,-23 -32,-23 -47,-59 h -24 v 0 q -15,-1 -16,-16 1,-15 16,-16 z"
+         id="path1-5"
+         style="fill:#e1c300;fill-opacity:1" /></g></g></svg>

src/public/img/eur-bill.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- money-bill icon by Free Icons (https://free-icons.github.io/free-icons/) -->
+
+<svg
+   height="1em"
+   fill="currentColor"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="eur-bill.svg"
+   xml:space="preserve"
+   inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1" /><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.6269531"
+     inkscape:cx="268.60024"
+     inkscape:cy="228.34094"
+     inkscape:window-width="1850"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" /><g
+     id="g2"><path
+       d="m 99.555556,128 c -0.592593,16 -6.222223,29.33333 -16.888889,40 v 0 0 c -10.666667,10.66667 -24,16.2963 -40,16.88889 v 142.22222 0 c 16,0.59259 29.333333,6.22222 40,16.88889 10.666666,10.66667 16.296296,24 16.888889,40 H 412.44444 v 0 c 0.5926,-16 6.22223,-29.33333 16.88889,-40 10.66667,-10.66667 24,-16.2963 40,-16.88889 v -142.22222 0 c -16,-0.59259 -29.33333,-6.22222 -40,-16.88889 -10.66666,-10.66667 -16.29629,-24 -16.88889,-40 z M 0,142.22222 c 0.59259259,-16 6.2222222,-29.33333 16.888889,-40 v 0 0 c 10.666667,-10.666666 24,-16.296296 40,-16.888889 H 455.11111 v 0 c 16,0.592593 29.33333,6.222223 40,16.888889 10.66667,10.66667 16.2963,24 16.88889,40 v 227.55556 0 c -0.59259,16 -6.22222,29.33333 -16.88889,40 -10.66667,10.66666 -24,16.29629 -40,16.88889 H 56.888889 v 0 c -16,-0.5926 -29.333333,-6.22223 -40,-16.88889 -10.6666668,-10.66667 -16.29629641,-24 -16.888889,-40 z"
+       id="path1"
+       sodipodi:nodetypes="cscsccssccssccsscccscsccssccssccsscc"
+       style="fill:#000000" /><g
+       style="fill:#000000"
+       id="g1"
+       transform="matrix(0.33256844,0,0,0.33256844,170.86248,170.86248)"><path
+         d="m 256,512 q 70,-1 128,-34 v 0 0 q 58,-34 94,-94 34,-61 34,-128 0,-67 -34,-128 Q 442,68 384,34 326,1 256,0 186,1 128,34 70,68 34,128 0,189 0,256 q 0,67 34,128 36,60 94,94 58,33 128,34 z M 128,272 h 16 -16 16 q -1,-8 -1,-15 0,-9 1,-17 h -16 v 0 q -15,-1 -16,-16 1,-15 16,-16 h 25 v 0 q 15,-36 46,-58 32,-21 73,-22 h 41 v 0 q 22,2 24,24 -2,22 -24,24 h -41 v 0 q -41,1 -64,32 h 80 v 0 q 15,1 16,16 -1,15 -16,16 h -95 v 0 q -2,8 -2,17 0,8 2,15 h 95 v 0 q 15,1 16,16 -1,15 -16,16 h -82 v 0 q 24,32 66,34 h 41 v 0 q 22,2 24,24 -2,21 -24,24 h -41 v 0 q -42,-1 -73,-23 -32,-23 -47,-59 h -24 v 0 q -15,-1 -16,-16 1,-15 16,-16 z"
+         id="path1-5"
+         style="fill:#000000" /></g></g></svg>

src/public/javascript/offers.js

@@ -470,13 +470,56 @@ class Offer {
       showOfferToAllMembersContainer
     );
 
+    const otherOfferFeaturesDiv = document.createElement('div');
+    otherOfferFeaturesDiv.classList.add('other-desc');
+    otherOfferFeaturesDiv.classList.add('subtle-box');
+
+    const otherOfferFeaturesTitle = document.createElement('p');
+    otherOfferFeaturesTitle.classList.add('offer-card-content-title');
+    otherOfferFeaturesTitle.innerText = 'Otros';
+    otherOfferFeaturesDiv.append(otherOfferFeaturesTitle);
+
+    const areBigNotesAcceptedContainer = document.createElement('div');
+    areBigNotesAcceptedContainer.classList.add('left-icon-checkboxed-field');
+
+    if (this.are_big_notes_accepted) {
+      const areBigNotesAcceptedIcon = document.createElement('img');
+      areBigNotesAcceptedIcon.src = '/img/eur-bill-lasecagold.svg';
+      const areBigNotesAcceptedText = document.createElement('p');
+      areBigNotesAcceptedText.innerText = 'Billetes grandes OK';
+      const checkIcon = document.createElement('img');
+      checkIcon.src = '/img/circle-check-green.svg';
+
+      areBigNotesAcceptedContainer.append(
+        areBigNotesAcceptedIcon,
+        areBigNotesAcceptedText,
+        checkIcon
+      );
+    } else {
+      const areBigNotesAcceptedIcon = document.createElement('img');
+      areBigNotesAcceptedIcon.src = '/img/eur-bill-gray.svg';
+      const areBigNotesAcceptedText = document.createElement('p');
+      areBigNotesAcceptedText.innerText = 'Billetes grandes OK';
+      const checkIcon = document.createElement('img');
+      checkIcon.src = '/img/circle-xmark-gray.svg';
+
+      areBigNotesAcceptedContainer.append(
+        areBigNotesAcceptedIcon,
+        areBigNotesAcceptedText,
+        checkIcon
+      );
+    }
+
+    otherOfferFeaturesDiv.append(areBigNotesAcceptedContainer);
+
     offerCard.append(
       tradeDescDiv,
       premiumDescDiv,
       whereDescDiv,
       whenDescDiv,
       bitcoinMethodsDiv,
-      visibilityDiv
+      visibilityDiv,
+      otherOfferFeaturesDiv
     );
 
     return offerCard;