<table class="m-financing-table">
    <thead>
        <tr>
            <th></th>
            <th>Percentuale<br>finanziamento</th>
            <th>Importo<br>finanziato</th>
            <th>Servizi<br>assicurativi</th>
            <th>Servizi di <br>accordo assistenza</th>
            <th>Importo <br>totale</th>
        </tr>
    </thead>
    <tbody>

        <tr>
            <td class="bottom">
                <div class="a-onoffswitch">
                    <div class="a-onoffswitch__element">
                        <input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" checked }>
                        <label class="a-onoffswitch__circle" for="idswitch"></label>
                    </div>

                    <div class="a-onoffswitch__label">
                        Anticipo <span>0,00-90,00%</span>
                    </div>

                </div>
            </td>
            <td>
                <div class="a-input  a-input--text  ">
                    <div class="a-input__label">

                    </div>
                    <input type="text" value="20 %">
                </div>
            </td>
            <td>
                <div class="a-input  a-input--text  a-input--disabled">
                    <div class="a-input__label">

                    </div>
                    <input type="text" value="6442,00 €" disabled>
                </div>
            </td>
            <td></td>
            <td></td>
            <td class="bottom">
                <div class="a-digit-box  a-digit-box--big">

                    <div class="a-digit-box__main">
                        6.442,00 €
                    </div>

                </div>

            </td>
        </tr>
        <tr>
            <td class="bottom">
                <div class="a-onoffswitch">
                    <div class="a-onoffswitch__element">
                        <input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" }>
                        <label class="a-onoffswitch__circle" for="idswitch"></label>
                    </div>

                    <div class="a-onoffswitch__label">
                        Rata
                    </div>

                </div>
            </td>
            <td>
                <div class="a-input  a-input--text  a-input--disabled">
                    <div class="a-input__label">

                    </div>
                    <input type="text" value="20 %" disabled>
                </div>
            </td>
            <td>
                <div class="a-input  a-input--text  a-input--disabled">
                    <div class="a-input__label">

                    </div>
                    <input type="text" value="6442,00 €" disabled>
                </div>
            </td>
            <td>
                <span class="ty-demi">41,03 €</span>
            </td>
            <td>
                <span class="ty-demi">77,68 €</span>
            </td>
            <td class="bottom">
                <div class="a-digit-box  a-digit-box--big">

                    <div class="a-digit-box__main">
                        100,00 €
                    </div>

                </div>

            </td>
        </tr>
        <tr>
            <td class="bottom">
                <div class="a-onoffswitch">
                    <div class="a-onoffswitch__element">
                        <input type="checkbox" name="idswitch" class="a-onoffswitch__checkbox" id="idswitch" }>
                        <label class="a-onoffswitch__circle" for="idswitch"></label>
                    </div>

                    <div class="a-onoffswitch__label">
                        Rata <span>1,00-100,00%</span>
                    </div>

                </div>
            </td>
            <td>
                <div class="a-input  a-input--text  a-input--disabled">
                    <div class="a-input__label">

                    </div>
                    <input type="text" value="20 %" disabled>
                </div>
            </td>
            <td>
                <div class="a-input  a-input--text  a-input--disabled">
                    <div class="a-input__label">

                    </div>
                    <input type="text" value="6442,00 €" disabled>
                </div>
            </td>
            <td>
                <span class="ty-demi">41,03 €</span>
            </td>
            <td>
                <span class="ty-demi">77,68 €</span>
            </td>
            <td class="bottom">
                <div class="a-digit-box  a-digit-box--big">

                    <div class="a-digit-box__main">
                        100,00 €
                    </div>

                </div>

            </td>
        </tr>

    </tbody>
</table>
<table class="m-financing-table">
    <thead>
        <tr>
            <th></th>
            <th>Percentuale<br>finanziamento</th>
            <th>Importo<br>finanziato</th>
            <th>Servizi<br>assicurativi</th>
            <th>Servizi di <br>accordo assistenza</th>
            <th>Importo <br>totale</th>
        </tr>
    </thead>
    <tbody>

        <tr>
            <td class="bottom">
                {% render '@onoff-switch', {'label': 'Anticipo <span>0,00-90,00%</span>', 'checked': 1} %}                
            </td>
            <td>
                {% render '@input--disabled', {
                    "textDisabled": {
                        "value": "20 %"
                    }
                } %}
            </td>
            <td>
                {% render '@input--disabled', {
                    "textDisabled": {
                        "value": "6442,00 €",
                        "disabled": true
                    }
                } %}
            </td>
            <td></td>
            <td></td>
            <td class="bottom">
                {% render '@digit-box--big', {
                    "main": "6.442,00 €"
                } %}
            </td>
        </tr>
        <tr>
            <td class="bottom">
                {% render '@onoff-switch', {'label': 'Rata', 'checked': 0} %}      
            </td>
            <td>
                {% render '@input--disabled', {
                    "textDisabled": {
                        "value": "20 %",
                        "disabled": true
                    }
                } %}
            </td>
            <td>
                {% render '@input--disabled', {
                    "textDisabled": {
                        "value": "6442,00 €",
                        "disabled": true
                    }
                } %}
            </td>
            <td>
                <span class="ty-demi">41,03 €</span>
            </td>
            <td>
                <span class="ty-demi">77,68 €</span>
            </td>
            <td class="bottom">
                {% render '@digit-box--big', {
                    "main": "100,00 €"
                } %}
            </td>
        </tr>
        <tr>
            <td class="bottom">
                {% render '@onoff-switch', {'label': 'Rata <span>1,00-100,00%</span>', 'checked': 0} %}      
            </td>
            <td>
                {% render '@input--disabled', {
                    "textDisabled": {
                        "value": "20 %",
                        "disabled": true
                    }
                } %}
            </td>
            <td>
                {% render '@input--disabled', {
                    "textDisabled": {
                        "value": "6442,00 €",
                        "disabled": true
                    }
                } %}
            </td>
            <td>
                <span class="ty-demi">41,03 €</span>
            </td>
            <td>
                <span class="ty-demi">77,68 €</span>
            </td>
            <td class="bottom">
                {% render '@digit-box--big', {
                    "main": "100,00 €"
                } %}
            </td>
        </tr>
        
    </tbody>
</table>
/* No context defined for this component. */

There are no notes for this item.