templates/components/modals.html.twig line 1

Open in your IDE?
  1. <div class="modal-layout">
  2.     <div class="popup wallet-modal">
  3.         <div class="wallet-menu">
  4.             <div class="group-header">
  5.                 <div class="group-title">
  6.                     <span class="group-icon">
  7.                         <img src="/assets/images/wallet-icon.svg" alt="" /></span>
  8.                     <h3>Кошелек</h3>
  9.                 </div>
  10.                 <span class="modal-close-btn">
  11.                     <img src="/assets/icons/close.svg" alt="" />
  12.                 </span>
  13.             </div>
  14.             <div class="wallet-type-select">
  15.                 <button class="deposite-btn active">Пополнение</button>
  16.                 <button class="withdraw-btn">Вывод</button>
  17.                 <button class="wallet-history-btn">История</button>
  18.             </div>
  19.             <div class="payment-systems">
  20.                 <button class="payment-system-item active">
  21.                     <div class="payment-system-title">
  22.                         <span class="payment-system-icon"><img src="/assets/icons/sbp.svg" alt="" /></span>
  23.                         <p>СБП</p>
  24.                     </div>
  25.                     <span class="payment-system-procent">0%</span>
  26.                 </button>
  27.                 <button class="payment-system-item">
  28.                     <div class="payment-system-title">
  29.                         <span class="payment-system-icon"><img src="/assets/icons/fk-wallet.svg" alt="" /></span>
  30.                         <p>FKWallet</p>
  31.                     </div>
  32.                     <span class="payment-system-procent">0%</span>
  33.                 </button>
  34.                 <button class="payment-system-item">
  35.                     <div class="payment-system-title">
  36.                         <span class="payment-system-icon"><img src="/assets/icons/card.svg" alt="" /></span>
  37.                         <p>Карты</p>
  38.                     </div>
  39.                     <span class="payment-system-procent">0%</span>
  40.                 </button>
  41.                 <button class="payment-system-item">
  42.                     <div class="payment-system-title">
  43.                         <span class="payment-system-icon"><img src="/assets/icons/piatrix.png" alt="" /></span>
  44.                         <p>Piastrix</p>
  45.                     </div>
  46.                     <span class="payment-system-procent">0%</span>
  47.                 </button>
  48.                 <button class="payment-system-item">
  49.                     <div class="payment-system-title">
  50.                         <span class="payment-system-icon"><img src="/assets/icons/qiwi.svg" alt="" /></span>
  51.                         <p>Qiwi</p>
  52.                     </div>
  53.                     <span class="payment-system-procent">0%</span>
  54.                 </button>
  55.             </div>
  56.             <div class="wallet-history-wrapper">
  57.                 <div class="wallet-history-menu">
  58.                     <button id="deposits-btn" class="active">Пополнения</button><button id="withdrawals-btn">Выводы</button>
  59.                 </div>
  60.                 <div class="deposite-history">
  61.                     <div class="table-header">
  62.                         <p>ID</p>
  63.                         <p>Дата</p>
  64.                         <p>Сумма</p>
  65.                     </div>
  66.                     <div class="table-body">
  67.                         <div class="table-item">
  68.                             <p>434756</p>
  69.                             <p>28.04.24 11:30</p>
  70.                             <p>2 540.00 ₽</p>
  71.                         </div>
  72.                         <div class="table-item">
  73.                             <p>434756</p>
  74.                             <p>28.04.24 11:30</p>
  75.                             <p>2 540.00 ₽</p>
  76.                         </div>
  77.                         <div class="table-item">
  78.                             <p>434756</p>
  79.                             <p>28.04.24 11:30</p>
  80.                             <p>2 540.00 ₽</p>
  81.                         </div>
  82.                         <div class="table-item">
  83.                             <p>434756</p>
  84.                             <p>28.04.24 11:30</p>
  85.                             <p>2 540.00 ₽</p>
  86.                         </div>
  87.                         <div class="table-item">
  88.                             <p>434756</p>
  89.                             <p>28.04.24 11:30</p>
  90.                             <p>2 540.00 ₽</p>
  91.                         </div>
  92.                     </div>
  93.                     <div class="table-history">
  94.                         <button class="arrow-btn">
  95.                             <svg width="18.033203" height="18.033081" viewBox="0 0 18.0332 18.0331" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  96.                                 <path id="↳ Icon Color" d="M7.33 9.01L11.93 13.61C12.3 13.97 12.3 14.57 11.93 14.94C11.56 15.3 10.97 15.3 10.6 14.94L5.34 9.68C4.98 9.31 4.98 8.71 5.34 8.35L10.6 3.09C10.97 2.72 11.56 2.72 11.93 3.09C12.3 3.45 12.3 4.05 11.93 4.42L7.33 9.01Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  97.                             </svg>
  98.                         </button>
  99.                         <button class="arrow-btn">
  100.                             <svg width="19.419922" height="19.420288" viewBox="0 0 19.4199 19.4203" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  101.                                 <path id="↳ Icon Color" d="M11.51 9.71L6.56 14.65C6.17 15.05 6.17 15.69 6.56 16.08C6.96 16.48 7.6 16.48 7.99 16.08L13.66 10.42C14.05 10.03 14.05 9.38 13.66 8.99L7.99 3.33C7.6 2.93 6.96 2.93 6.56 3.33C6.17 3.72 6.17 4.36 6.56 4.76L11.51 9.71Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  102.                             </svg>
  103.                         </button>
  104.                     </div>
  105.                 </div>
  106.                 <div class="withdraw-history">
  107.                     <div class="table-header">
  108.                         <p>ID</p>
  109.                         <p>Дата</p>
  110.                         <p>Сумма</p>
  111.                         <p>Статус</p>
  112.                     </div>
  113.                     <div class="table-body">
  114.                         <div class="table-item">
  115.                             <p>434756</p>
  116.                             <p>28.04.24 11:30</p>
  117.                             <p>2 540.00 ₽</p>
  118.                             <p class="waiting">Ожидание</p>
  119.                         </div>
  120.                         <div class="table-item">
  121.                             <p>434756</p>
  122.                             <p>28.04.24 11:30</p>
  123.                             <p>2 540.00 ₽</p>
  124.                             <p class="completed">Выплачено</p>
  125.                         </div>
  126.                         <div class="table-item">
  127.                             <p>434756</p>
  128.                             <p>28.04.24 11:30</p>
  129.                             <p>2 540.00 ₽</p>
  130.                             <p class="canceled">Отменен</p>
  131.                         </div>
  132.                         <div class="table-item">
  133.                             <p>434756</p>
  134.                             <p>28.04.24 11:30</p>
  135.                             <p>2 540.00 ₽</p>
  136.                             <p class="canceled">Отменен</p>
  137.                         </div>
  138.                         <div class="table-item">
  139.                             <p>434756</p>
  140.                             <p>28.04.24 11:30</p>
  141.                             <p>2 540.00 ₽</p>
  142.                             <p class="waiting">Ожидание</p>
  143.                         </div>
  144.                     </div>
  145.                     <div class="table-history">
  146.                         <button class="arrow-btn">
  147.                             <svg width="18.033203" height="18.033081" viewBox="0 0 18.0332 18.0331" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  148.                                 <path id="↳ Icon Color" d="M7.33 9.01L11.93 13.61C12.3 13.97 12.3 14.57 11.93 14.94C11.56 15.3 10.97 15.3 10.6 14.94L5.34 9.68C4.98 9.31 4.98 8.71 5.34 8.35L10.6 3.09C10.97 2.72 11.56 2.72 11.93 3.09C12.3 3.45 12.3 4.05 11.93 4.42L7.33 9.01Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  149.                             </svg>
  150.                         </button>
  151.                         <button class="arrow-btn">
  152.                             <svg width="19.419922" height="19.420288" viewBox="0 0 19.4199 19.4203" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  153.                                 <path id="↳ Icon Color" d="M11.51 9.71L6.56 14.65C6.17 15.05 6.17 15.69 6.56 16.08C6.96 16.48 7.6 16.48 7.99 16.08L13.66 10.42C14.05 10.03 14.05 9.38 13.66 8.99L7.99 3.33C7.6 2.93 6.96 2.93 6.56 3.33C6.17 3.72 6.17 4.36 6.56 4.76L11.51 9.71Z" fill="currentColor" fill-opacity="1.000000" fill-rule="nonzero" />
  154.                             </svg>
  155.                         </button>
  156.                     </div>
  157.                 </div>
  158.             </div>
  159.         </div>
  160.         <div class="deposite-block">
  161.             <div class="wallet-wariant-title">
  162.                 <h3>Пополнение баланса</h3>
  163.                 <span class="modal-close-btn">
  164.                     <img src="/assets/icons/close.svg" alt="" />
  165.                 </span>
  166.             </div>
  167.             <div class="deposite-body">
  168.                 <div class="game-input-wrapper">
  169.                     <p>Сумма пополнения</p>
  170.                     <div class="game-input">
  171.                         <input type="text" value="1" placeholder="300 ₽ - 100 000 ₽" />
  172.                     </div>
  173.                     <div>
  174.                         <div class="game-input-btns">
  175.                             <button>100</button>
  176.                             <button>200</button>
  177.                             <button>1000</button>
  178.                             <button>5000</button>
  179.                         </div>
  180.                     </div>
  181.                 </div>
  182.                 <div class="game-input-wrapper">
  183.                     <p>Промокод (если есть)</p>
  184.                     <div class="game-input">
  185.                         <input type="text" placeholder="Введите промокод" />
  186.                     </div>
  187.                 </div>
  188.                 <button class="wallet-confirm">Перейти к оплате</button>
  189.             </div>
  190.             <div class="wallet-result">
  191.                 <p>Комиссия: <span>0.00₽</span></p>
  192.                 <p>Сумма к получению: <span>0.00₽</span></p>
  193.             </div>
  194.         </div>
  195.         <div class="withdraw-block">
  196.             <div class="wallet-wariant-title">
  197.                 <h3>Снять средства</h3>
  198.                 <span class="modal-close-btn">
  199.                     <img src="/assets/icons/close.svg" alt="" />
  200.                 </span>
  201.             </div>
  202.             <div class="deposite-body">
  203.                 <div class="game-input-wrapper">
  204.                     <p>Номер кошелька/Телефона</p>
  205.                     <div class="game-input">
  206.                         <input placeholder="Номер" type="text" />
  207.                     </div>
  208.                     <div>
  209.                         <div class="game-input-btns">
  210.                             <button>Сбер</button>
  211.                             <button>Альфа</button>
  212.                             <button>Т-Банк</button>
  213.                             <button>ВТБ</button>
  214.                         </div>
  215.                     </div>
  216.                 </div>
  217.                 <div class="game-input-wrapper">
  218.                     <p>Сумма вывода</p>
  219.                     <div class="game-input">
  220.                         <input value="1.00" type="text" />
  221.                     </div>
  222.                 </div>
  223.                 <button class="wallet-confirm">Оформить заявку</button>
  224.             </div>
  225.             <div class="wallet-result">
  226.                 <p>Комиссия: <span>0.00₽</span></p>
  227.                 <p>Сумма к получению: <span>0.00₽</span></p>
  228.             </div>
  229.         </div>
  230.     </div>
  231. </div>