{% 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 %}