{# @var Model \rednaoeasycalculationforms\core/Managers/HTMLGenerator/HTMLParsers/Templates/FieldSummaryTemplate/PriceBreakdownTemplate #}
{% apply inline_css %}
    <style>
        .priceBreakDown{
            border-collapse: collapse;
            width: 100%;
        }
        .priceBreakDown > tbody > tr > td,.priceBreakDown > thead > tr > th, .priceBreakDown > tfoot > tr > td, .priceBreakDown > tfoot > tr > th{
            padding: 5px;
            border: 1px solid #dfdfdf;
        }

        .priceBreakDown > tfoot > tr > th{
            border-top: 2px solid #dfdfdf;
            padding: 7px 5px;
        }

        .priceBreakDown .type_signature img{
            display: block;
            min-width: 250px !important;
        }

        .priceBreakDown .field{
            width: 100%;
        }


    </style>

    <table class="priceBreakDown">
        <thead>
            <tr>
                <th style="text-align: left">{{ Model.ItemLabel }}</th>
                {% if Model.ShowQuantity %}
                    <th style="text-align: center">{{ Model.QuantityLabel }}</th>
                {% endif %}
                {% if Model.ShowPrice %}
                    <th style="text-align: right">{{ Model.PriceLabel }}</th>
                {% endif %}
            </tr>
        </thead>
        <tbody>
            {% for currentField in Model.PricingFields %}
                <tr>
                    <td style="text-align: left">
                        {{ currentField.Label }}
                    </td>

                    {% if Model.ShowQuantity %}
                        <td style="text-align: center">
                            {{ currentField.Quantity }}
                        </td>
                    {% endif %}
                    {% if Model.ShowPrice %}
                        <td style="text-align: right">
                            {{ Model.FormatCurrency(currentField.Price) }}
                        </td>
                    {% endif %}
                </tr>
            {% endfor %}
        </tbody>
        {% if Model.ShowTotal %}
            <tfoot>
                <tr>
                    <th style="text-align: left">{{ Model.TotalLabel }}</th>
                    {% if Model.ShowQuantity %}
                        <th style="text-align: center">{{ Model.TotalQuantity }}</th>
                    {% endif %}
                    {% if Model.ShowPrice %}
                        <th style="text-align: right">{{ Model.FormatCurrency(Model.Total) }}</th>
                    {% endif %}


                </tr>
            </tfoot>
        {% endif %}
    </table>
{% endapply %}