{{ define "content" }}
			<section class="dialog-content">
				<h2>{{(pgettext "Tax Details" "title")}}</h2>
				<form id="details" method="POST">
					<div class="input">
						<input type="text" name="business_name" id="business_name" required="required" value="{{ .BusinessName }}" placeholder="{{( pgettext "Business name" "input" )}}">
						<label for="business_name">{{( pgettext "Business name" "input" )}}</label>
					</div>
					<div class="input">
						<input type="text" name="vatin" id="vatin" required="required" value="{{ .VATIN }}" placeholder="{{( pgettext "VAT number" "input" )}}">
						<label for="vatin">{{( pgettext "VAT number" "input" )}}</label>
					</div>
					<div class="input">
						<input type="text" name="trade_name" id="trade_name" value="{{ .TradeName }}" placeholder="{{( pgettext "Trade name" "input" )}}">
						<label for="trade_name">{{( pgettext "Trade name" "input" )}}</label>
					</div>
					<div class="input">
						<input type="tel" name="phone" id="phone" required="required" value="{{ .Phone }}" placeholder="{{( pgettext "Phone" "input" )}}">
						<label for="phone">{{( pgettext "Phone" "input" )}}</label>
					</div>
					<div class="input">
						<input type="email" name="email" id="email" required="required" value="{{ .Email }}" placeholder="{{( pgettext "Email" "input" )}}">
						<label for="email">{{( pgettext "Email" "input" )}}</label>
					</div>
					<div class="input">
						<input type="url" name="web" id="web" value="{{ .Web }}" placeholder="{{( pgettext "Web" "input" )}}">
						<label for="web">{{( pgettext "Web" "input" )}}</label>
					</div>
					<div class="input">
						<input type="text" name="address" id="address" class="width-2x" required="required" value="{{ .Address }}" placeholder="{{( pgettext "Address" "input" )}}">
						<label for="address">{{( pgettext "Address" "input" )}}</label>
					</div>
					<div class="input">
						<input type="text" name="city" id="city" required="required" value="{{ .City }}" placeholder="{{( pgettext "City" "input" )}}">
						<label for="city">{{( pgettext "City" "input" )}}</label>
					</div>
					<div class="input">
						<input type="text" name="province" id="province" required="required" value="{{ .City }}" placeholder="{{( pgettext "Province" "input" )}}">
						<label for="province">{{( pgettext "Province" "input" )}}</label>
					</div>
					<div class="input">
						<input type="text" name="postal_code" id="postal_code" required="required" value="{{ .PostalCode }}" placeholder="{{( pgettext "Postal code" "input" )}}">
						<label for="postal_code">{{( pgettext "Postal code" "input" )}}</label>
					</div>

					<div class="input">
						<select id="country" name="country" class="width-fixed">
							{{- range $country := .Countries }}
							<option value="{{ .Code }}" {{ if eq .Code $.CountryCode }}selected="selected"{{ end }}>{{ .Name }}</option>
							{{- end }}
						</select>
						<label for="country">{{( pgettext "Country" "input" )}}</label>
					</div>

					<fieldset>
						<legend id="currency-legend">{{( pgettext "Currency" "input" )}}</legend>

						<select id="currency" name="currency" aria-labelledby="currency-legend">
							{{- range $currency := .Currencies }}
							<option value="{{ .Code }}" {{ if eq .Code $.CurrencyCode }}selected="selected"{{ end }}>{{ .Symbol }} ({{ .Code }})</option>
							{{- end }}
						</select>
					</fieldset>
				</form>

				<form id="newtax" method="POST" action="{{ companyURI "/tax" }}">
				</form>

				<fieldset>
					<table>
						<thead>
							<tr>
								<th width="50%"></th>
								<th>{{( pgettext "Tax Name" "title" )}}</th>
								<th>{{( pgettext "Rate (%)" "title" )}}</th>
								<th></th>
							</tr>
						</thead>
						<tbody>
							{{ with .Taxes }}
							{{- range $tax := . }}
							<tr>
								<td></td>
								<td>{{ .Name }}</td>
								<td>{{ .Rate }}</td>
								<td>
									<form method="POST" action="{{ companyURI "/tax"}}/{{ .Id }}">
										<input type="hidden" name="_method" name="DELETE"/>
										<button class="icon" aria-label="{{( gettext "Delete tax" )}}" type="submit"><i class="ri-delete-back-2-line"></i></button>
									</form>
								</td>
							</tr>
							{{- end }}
							{{ else }}
							<tr>
								<td colspan="4">{{( gettext "No taxes added yet." )}}</td>
							</tr>
							{{ end }}
						</tbody>
						<tfoot>
							<tr>
								<th scope="row">{{( pgettext "New Line" "title")}}</th>
								<td>
									<div class="input">
										<input form="newtax" type="text" name="name" id="tax_name" required="required" placeholder="{{( pgettext "Tax name" "input" )}}">
										<label for="tax_name">{{( pgettext "Tax name" "input" )}}</label>
									</div>
								</td>
								<td colspan="2">
									<div class="input">
										<input form="newtax" type="number" name="rate" id="tax_rate" min="-99" max="99" required="required" placeholder="{{( pgettext "Rate (%)" "input" )}}">
										<label form="newtax" for="tax_rate">{{( pgettext "Rate (%)" "input" )}}</label>
									</div>
								</td>
							</tr>
							<tr>
								<td colspan="2"></td>
								<td colspan="2">
									<button form="newtax" type="submit">{{( pgettext "Add new tax" "action" )}}</button>
								</td>
							</tr>
						</tfoot>
					</table>
				</fieldset>

					<fieldset>
						<button form="details" type="submit">{{( pgettext "Save changes" "action" )}}</button>
					</fieldset>
			</section>
{{- end }}