templates/components/modals/wallet/modal.html.twig line 1

Open in your IDE?
  1. <div class="popup wallet-modal">
  2.     <div class="wallet-header">
  3.         <div class="wallet-nav">
  4.             <button class="deposite-btn active">
  5.                 <svg class="icon"><use href="./assets/icons/icons.svg#plus-icon"></use></svg>Депозит
  6.             </button>
  7.             <button class="withdraw-btn">
  8.                 <svg class="icon"><use href="./assets/icons/icons.svg#minus-icon"></use></svg>Вывод
  9.             </button>
  10.             <button class="history-btn">
  11.                 <svg class="icon"><use href="./assets/icons/icons.svg#history-icon"></use></svg>История
  12.             </button>
  13.         </div>
  14.         <button class="close-modal-btn">
  15.             <svg class="icon"><use href="./assets/icons/icons.svg#close-icon"></use></svg>
  16.         </button>
  17.     </div>
  18.     <div class="scroll-container">
  19.         <div class="deposite-wrapper">
  20.             <div class="wallet-payments-system-list">
  21.                 <div class="payment-system" data-method="1">
  22.                     <div class="payments-left">
  23.                         <img src="./assets/icons/spb-icon.svg" alt="sbp" />
  24.                         <div>
  25.                             <h3>СБП</h3>
  26.                             <p>Мин. 520₽</p>
  27.                         </div>
  28.                     </div>
  29.                     <p>0.0%</p>
  30.                 </div>
  31.                 <div class="payment-system" data-method="2">
  32.                     <div class="payments-left">
  33.                         <img src="./assets/icons/crypto.svg" alt="crypto" />
  34.                         <div>
  35.                             <h3>Криптовалюты</h3>
  36.                             <p>Мин. 520₽</p>
  37.                         </div>
  38.                     </div>
  39.                     <p>0.0%</p>
  40.                 </div>
  41.                 <div class="payment-system" data-method="3">
  42.                     <div class="payments-left">
  43.                         <img src="./assets/icons/fk-icon.svg" alt="fk" />
  44.                         <div>
  45.                             <h3>FKWallet</h3>
  46.                             <p>Мин. 520₽</p>
  47.                         </div>
  48.                     </div>
  49.                     <p>0.0%</p>
  50.                 </div>
  51.                 <div class="payment-system" data-method="4">
  52.                     <div class="payments-left">
  53.                         <img src="./assets/icons/umoney-icon.svg" alt="" />
  54.                         <div>
  55.                             <h3>ЮMoney</h3>
  56.                             <p>Мин. 520₽</p>
  57.                         </div>
  58.                     </div>
  59.                     <p>0.0%</p>
  60.                 </div>
  61.                 <div class="payment-system" data-method="5">
  62.                     <div class="payments-left">
  63.                         <img src="./assets/icons/carts-icon.svg" alt="" />
  64.                         <div>
  65.                             <h3>Карты</h3>
  66.                             <p>Мин. 520₽</p>
  67.                         </div>
  68.                     </div>
  69.                     <p>0.0%</p>
  70.                 </div>
  71.             </div>
  72.             <style>
  73.             .orange-outline {
  74.               border: 1px solid rgba(255,149,0,0.4);
  75.               box-shadow: 0 0 0 3px rgba(255,149,0,0.12);
  76.               border-radius: 12px;
  77.             }
  79.             .payment-system {
  80.               border: 1px solid transparent;
  81.               border-radius: 12px;
  82.               transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
  83.               cursor: pointer;
  84.             }
  85.             .payment-system.active {
  86.               background: rgba(255,149,0,0.04);
  87.               border-color: rgba(255,149,0,0.45);
  88.               box-shadow: 0 0 0 3px rgba(255,149,0,0.12);
  89.             }
  91.             </style>
  92.             <div class="deposite-variant">
  93.                 <div class="wrapper-variant">
  94.                     <div class="custom-input-wrapper">
  95.                         <div class="custom-input">
  96.                             <input type="text" placeholder="Введите сумму пополнения" />
  97.                             <p class="inner-label">₽</p>
  98.                         </div>
  99.                         <div class="additional-btns">
  100.                             <button>+520</button>
  101.                             <button>+1010</button>
  102.                             <button>+2030</button>
  103.                             <button>+5040</button>
  104.                         </div>
  105.                     </div>
  106.                     <div class="custom-input wallet-promo">
  107.                         <input type="text" placeholder="Введите промокод" />
  108.                     </div>
  109.                     <button class="btn-primary">Пополнить баланс</button>
  110.                 </div>
  111.                 <p class="wallet-info-text">
  112.                     Лимит пополнения: <span> 520₽ - 100000₽</span>
  113.                 </p>
  114.             </div>
  115.         </div>
  116.         <div class="withdraw-wrapper">
  117.             <div class="wallet-payments-system-list">
  118.                 <div class="payment-system">
  119.                     <div class="payments-left">
  120.                         <img src="./assets/icons/spb-icon.svg" alt="sbp" />
  121.                         <div>
  122.                             <h3>СБП</h3>
  123.                             <p>Мин. 520₽</p>
  124.                         </div>
  125.                     </div>
  126.                     <p>2.0%</p>
  127.                 </div>
  128.                 <div class="payment-system">
  129.                     <div class="payments-left">
  130.                         <img src="./assets/icons/crypto.svg" alt="crypto" />
  131.                         <div>
  132.                             <h3>Криптовалюты</h3>
  133.                             <p>Мин. 1500₽</p>
  134.                         </div>
  135.                     </div>
  136.                     <p>0.0%</p>
  137.                 </div>
  138.                 <div class="payment-system">
  139.                     <div class="payments-left">
  140.                         <img src="./assets/icons/carts-icon.svg" alt="" />
  141.                         <div>
  142.                             <h3>Карты</h3>
  143.                             <p>Мин. 1000₽</p>
  144.                         </div>
  145.                     </div>
  146.                     <p>3.5%</p>
  147.                 </div>
  148.             </div>
  149.             <div class="withdraw-variant">
  150.                 <div class="wrapper-variant">
  151.                     <div class="custom-input-wrapper">
  152.                         <div class="custom-input">
  153.                             <input type="text" placeholder="Введите сумму вывода" />
  154.                             <p class="inner-label">₽</p>
  155.                         </div>
  156.                         <div class="additional-btns">
  157.                             <button>+520</button>
  158.                             <button>+1010</button>
  159.                             <button>+2030</button>
  160.                             <button>Макс</button>
  161.                         </div>
  162.                     </div>
  163.                     <div class="custom-input wallet-promo">
  164.                         <input type="text" placeholder="Введите реквизиты" />
  165.                     </div>
  166.                     <p class="wallet-info-text label-wallet">
  167.                         К зачислению: <span> 1000₽</span>
  168.                     </p>
  169.                     <button class="btn-primary">Оформить заявку</button>
  170.                 </div>
  171.                 <p class="wallet-info-text">Комиссия: <span> 0.0%</span></p>
  172.                 <p class="wallet-info-text withdraw-limit">
  173.                     Лимит вывода: <span> 520₽ - 100000₽</span>
  174.                 </p>
  175.             </div>
  176.         </div>
  177.         <div class="history-variant">
  178.             <div class="transaction-select">
  179.                 <div class="transaction-select-header">
  180.                     <p>Все транзакции</p>
  181.                     <img src="./assets/icons/wallet-select-arrow.svg" alt="arrow" />
  182.                 </div>
  183.                 <div class="transaction-select-body">
  184.                     <div class="transaction-select-item">Все транзакции</div>
  185.                     <div class="transaction-select-item">Пополнения</div>
  186.                     <div class="transaction-select-item">Выводы</div>
  187.                 </div>
  188.             </div>
  189.             <div class="wallet-history-table">
  190.                 <div class="wallet-history-header">
  191.                     <p>ID</p>
  192.                     <p>Дата</p>
  193.                     <p>Сумма</p>
  194.                     <p>Статус</p>
  195.                 </div>
  196.                 <div class="wallet-history-body">
  197.                     <div class="wallet-history-item">
  198.                         <p>434756</p>
  199.                         <p>28.04.24 <span> 11:30</span></p>
  200.                         <p>+ 2 540.00 ₽</p>
  201.                         <p class="transaction-status waiting">Ожидание</p>
  202.                     </div>
  203.                     <div class="wallet-history-item">
  204.                         <p>434756</p>
  205.                         <p>28.04.24 <span> 11:30</span></p>
  206.                         <p>+ 2 540.00 ₽</p>
  207.                         <p class="transaction-status success">Выплачено</p>
  208.                     </div>
  209.                     <div class="wallet-history-item">
  210.                         <p>434756</p>
  211.                         <p>28.04.24 <span> 11:30</span></p>
  212.                         <p>+ 2 540.00 ₽</p>
  213.                         <p class="transaction-status canceled">Отменен</p>
  214.                     </div>
  215.                 </div>
  216.                 <div class="referal-table-nav">
  217.                     <button class="referal-table-nav-btn">
  218.                         <svg class="icon">
  219.                             <use href="./assets/icons/icons.svg#arrow-icon"></use>
  220.                         </svg>
  221.                     </button>
  222.                     <button class="referal-table-nav-btn">
  223.                         <svg class="icon">
  224.                             <use href="./assets/icons/icons.svg#arrow-icon"></use>
  225.                         </svg>
  226.                     </button>
  227.                 </div>
  228.             </div>
  229.         </div>
  230.     </div>
  231. </div>