<div id="alternative-taxes-form-modal" class="modal modal-fixed-footer" style="max-height: 100%" <%= (App.rtl ? 'style="direction:rtl"' : '') %>></div>
    <div class="modal-content">
        <div id="alternative-taxes-form-content">
            <div style="padding-bottom: 50px">
                <h4 style="font-size: 1.2rem">{Literal}Alternative Tax Details{/Literal}</h4>
            </div>
            <form>
                <div class="firstRow">
                    <div class="row">
                        <div class="col s12">
                            <div class="col s1" style="display:none;">
                                <div class="input-field">
                                    <input id="id" type="text" value="<%= alternativeTaxes.id %>">
                                </div>
                            </div>

                            <div class="input-field col s12 m4">
                                <label class="active">{Literal}Item Type{/Literal}</label>
                                <select id="item-type-dropdown" required>
                                    <% _.each(itemTypes, function(itemType) { %>
                                    <option value="<%= itemType.itemType %>" <%= alternativeTaxes.itemType == itemType.name ? 'selected' : '' %>><%= itemType.name %></option>
                                    <% }); %>
                                </select>
                            </div>

                            <div class="input-field col s12 m4">
                                <label class="active">{Literal}Tax Authority{/Literal}</label>
                                <select id="tax-authority-dropdown" required>
                                    <% _.each(taxAuthorities, function(taxAuthorities) { %>
                                    <option value="<%= taxAuthorities.id %>" <%= alternativeTaxes.taxAuthority == taxAuthorities.id ? 'selected' : '' %>><%= taxAuthorities.id %></option>
                                    <% }); %>
                                </select>
                            </div>

                            <div class="input-field col s12 m4">
                                <input id="taxRate" type="number" value="<%= alternativeTaxes.taxRate %>" max="999999">
                                <label class="active" for="taxRate">{Literal}Rate{/Literal} %:</label>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal-footer">
    <a href="#delete-tax-modal" class="waves-effect waves-light red-text right modal-trigger delete-tax-button btn-flat">{Literal}Delete{/Literal}</a>
    <a href="javascript:void(0)" class="waves-effect waves-green btn green left save-button">{Literal}Save{/Literal}</a>
    <a href="javascript:void(0)" class="modal-close waves-effect waves-light left btn-flat">{Literal}Cancel{/Literal}</a>
</div>
    
<div id="delete-tax-modal" class="modal">
    <div class="modal-content">
        <div style="padding-bottom: 50px;">
            <h6>{Literal}Confirm Deletion{/Literal}</h6>
        </div>
        <p>{Literal}Are you sure that you would like to remove this alternative tax code{/Literal}?</p>
    </div>
    <div class="modal-footer">
        <a href="javascript:void(0)" id="delete-tax-confirm" class="modal-close waves-effect waves-green left btn red" data-tax-id="<%= alternativeTaxes.id%>">{Literal}Delete{/Literal}</a>
        <input type="hidden" id="delete-tax-id" />
        <a href="javascript:void(0)" class="modal-close waves-effect waves-light left btn-flat">{Literal}Cancel{/Literal}</a>
    </div>
</div>