54 lines
2.3 KiB
Twig
54 lines
2.3 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Rozliczenie podatkowe{% endblock %}
|
|
{% block body %}
|
|
<div class="main-container">
|
|
<section class="card">
|
|
<div class="rail">
|
|
{% for row in [{i:'1', label:'Wybór'}, {i:'2', label:'Pliki'}, {i:'3', label:'Wynik'}] %}
|
|
<div class="rail-step" data-index="{{ loop.index }}">
|
|
<div class="rail-dot">{{ row.i }}</div>
|
|
<span class="rail-label">{{ row.label }}</span>
|
|
</div>
|
|
{% if not loop.last %}
|
|
<div class="rail-line"></div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
<div class="choices">
|
|
<button type="button" class="choice" data-label="Dywidendy">
|
|
<div class="choice-icon div">%</div>
|
|
<div class="choice-body">
|
|
<div class="choice-title">Dywidendy</div>
|
|
<div class="choice-sub">Akcje krajowe i zagraniczne · podatek 19%</div>
|
|
</div>
|
|
<span class="arrow">→</span>
|
|
</button>
|
|
<button type="button" class="choice" data-label="Kryptowaluty">
|
|
<div class="choice-icon crypto">₿</div>
|
|
<div class="choice-body">
|
|
<div class="choice-title">Kryptowaluty</div>
|
|
<div class="choice-sub">Sprzedaż aktywów · dochód i podatek 19%</div>
|
|
</div>
|
|
<span class="arrow">→</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div >
|
|
<div class="head-row">
|
|
<span class="dot" ></span>
|
|
<span class="head-label">Head label</span>
|
|
</div>
|
|
|
|
<div class="dropzone">
|
|
<div class="icon">↑</div>
|
|
<div class="title">Przeciągnij pliki lub wybierz z komputera</div>
|
|
<div class="sub">CSV lub XLSX · możesz wgrać kilka naraz</div>
|
|
|
|
<input type="file" accept=".csv,.xlsx" multiple hidden>
|
|
<button type="button" class="btn-dark">Wybierz pliki</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
{% endblock %} |