Civica Content

Council Tax Summary of Account

This highly intelligent summary of account will intelligently present:

• The account number

• The liable parties

• The properties linked to the account and their status

• The current financial year's mini statement

• Details of the total balance of any year where the balance is > 0

Intelligent Council Tax Summary

// HTML //

<div class="col-md-4 col-sm-6 col-xs-12">
	<div class="chartcard">
		<div class="cardhead">
			<h1 class="hero">Your details</h1>
		</div>
		<div class="bannerbody">
			<div class="banner">
				<p class="banner">Your account number</p>
				<div class="Balance">${V2Account.CtaxDetails.CtxActRef} </div>
			</div>
		</div>
		<hr>
			<div class="bin">
				<div class="binblack">
					<p>
						<strong>Name</strong>
						<br/>
						<span> {{#each CurrentRevenueAccount.PeopleOnAccount}} {{FullName}}
							<br/> {{/each}} 
						</span>
					</p>
					<br>
						<p>
							<strong>Properties linked to this account</strong>
						</p>
						<table class="table table-striped">
							<thead>
								<tr>
									<th>Current Address</th>
									<th>Postcode</th>
									<th>Current Status</th>
								</tr>
							</thead>
							<tbody> {{#each CurrentRevenueAccount.Properties}} 
							{{if_eq Status 'Current'}} 
								<tr>
									<td class="capitals">{{AddressDisplay}}</td>
									<td>{{Postcode}}</td>
									<td>
										<span class="label label-success">{{Status}}</span>
									</td>
								</tr> 
								{{/if_eq}} 
								{{/each}} 
							</tbody>
						</table>
						<table class="table table-striped">
							<thead>
								<tr>
									<th>Other Address(es)</th>
									<th>Postcode</th>
									<th>Status</th>
								</tr>
							</thead>
							<tbody> 
							{{#each CurrentRevenueAccount.Properties}} 
							{{if_eq Status 'Old'}} 
								<tr>
									<td class="capitals">{{AddressDisplay}}</td>
									<td>{{Postcode}}</td>
									<td>
										<span class="label label-default">{{Status}}</span>
									</td>
								</tr> 
								{{/if_eq}} 
								{{/each}} 
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-4 col-sm-6 col-xs-12">
			<div class="chartcard">
				<div class="cardhead">
					<h1 class="hero">This tax year at a glance</h1>
				</div>
				<div class="bannerbody">
					<div class="banner">
						<p class="banner">This year's council tax balance</p>
						<div class="Balance">${CurrentRevenueAccount.Balance.ToString("C")} </div>
					</div>
				</div>
				<hr>
					<table class="table table-striped">
						<thead>
							<tr class="top">
								<th>Item</th>
								<th>Amount</th>
							</tr>
						</thead>
						<tbody> 
						{{#each CurrentRevenueAccount.Transactions.PropertyCharges.Items}} 
						{{if_eq Description 'Charge'}} 
							<tr>
								<td>Gross Charge</td>
								<td>£{{Amount}}</td>
							</tr> 
							{{/if_eq}} 
							{{if_eq Description 'Disabled'}} 
							<tr>
								<td>Disabled Band Relief</td>
								<td>£{{Amount}}</td>
							</tr> 
							{{/if_eq}} 
							{{if_eq Description 'Exemption'}} 
							<tr>
								<td>Property Exemptions</td>
								<td>£{{Amount}}</td>
							</tr> 
							{{/if_eq}} 
							{{if_eq Description 'Discount'}} 
							<tr>
								<td>Discount / Levy</td>
								<td>£{{Amount}}</td>
							</tr> 
							{{/if_eq}} 
							{{if_eq Description 'Annexe'}} 
							<tr>
								<td>Annexe reduction</td>
								<td>£{{Amount}}</td>
							</tr> 
							{{/if_eq}} 
							{{if_eq Description 'Disregard'}} 
							<tr>
								<td>Reductions for disregarded people</td>
								<td>£{{Amount}}</td>
							</tr> 
							{{/if_eq}} 
							{{/each}} 
							<tr class="highlight">
								<td>Net Charge</td>
								<td>£${V2Account.CtaxDetails.FinancialYearDetail.First().TotalCharge} </td>
							</tr>
							<tr>
								<td>Council Tax Support</td>
								<td>£-${V2Account.CtaxDetails.FinancialYearDetail.First().TotalBenefits}</td>
							</tr>
							<tr>
								<td>Costs</td>
								<td>£${V2Account.CtaxDetails.FinancialYearDetail.First().TotalCosts}</td>
							</tr>
							<tr>
								<td>Refunds</td>
								<td>£${V2Account.CtaxDetails.FinancialYearDetail.First().TotalRefunds}</td>
							</tr>
							<tr>
								<td>Payments</td>
								<td>£-${V2Account.CtaxDetails.FinancialYearDetail.First().TotalPayments}</td>
							</tr>
							<tr class="highlight">
								<td>Left to pay</td>
								<td>${CurrentRevenueAccount.Balance.ToString("C")} </td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="chartcard">
					<div class="cardhead">
						<h1 class="hero">Your account at a glance</h1>
					</div>
					<div class="bannerbody">
						<div class="banner">
							<p class="banner">Your total remaining balance is:</p>
							<div class="Balance">${CurrentRevenueAccount.TotalBalance.ToString("C")}</div>
						</div>
					</div>
					<hr>
						<div class="bin">
							<div class="binblack">
								<p class="TotalBalance">This is made up of:</p>
							</div> {{#each V2Account.CtaxDetails.YearsWithPositiveBalanceOutstanding}} 
							<hr>
								<div class="binblue">
									<div class="circle-e"></div>
									<p class="bin">{{Year}}</p>
									<div class="piechart-amounts">{{formatToString BalanceOutstanding 'C' }}</div>
								</div> 
								{{/each}} 
								<hr>
									<p class="TotalBalance">If you have a credit for any year it will show here:</p> 
									{{#each V2Account.CtaxDetails.YearsWithNegativeBalanceOutstanding}} 
									<hr>
										<div class="binblue">
											<div class="circle-e"></div>
											<p class="bin">{{Year}}</p>
											<div class="piechart-amounts">{{formatToString BalanceOutstanding 'C' }}</div>
										</div> 
										{{/each}} 
										<hr>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						
// Basic CSS //

		.chartcard {
    width: 100%;
    margin-top: 15px !important;
    min-height: 465px;
    background: #ffffff;
    float: left;
    padding: 10px;
    margin: 0 10px 20px 0;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

.banner {
    width: 100%;
    background-color: #18643d;
    color: white;
    font-size: 28px;
    border-radius: 4px;
    font-weight: bold;
    padding: 5px;
}

p.banner {
    font-size: 19px;
    text-align: center;
}

h1.hero {
    padding-left: 5px;
    font-size: 22px;
}

.hero {
    margin-bottom: 15px;
    color: #333;
    font-weight: bold;
    font-size: 24px;
}


tr.top {
    background-color: #394e70 !important;
    color: white;
}

tr.highlight {
    background-color: #16643c !important;
    font-weight: bold !Important;
    color: white;
}

.circle-p, .circle-d, .circle-c, .circle-l, .circle-e, .circle-cc, .circle-cg, .circle-de {
    height: 24px;
    width: 24px;
    border-radius: 24px;
    float: left;
    margin-right: 10px;
    background: linear-gradient(#3F51B5 0, #673AB7 100%);
}

.Balance {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
}						

Support for Residents

A multi-tab UI providing useful assistance for council tax residents

<ul class="nav nav-pills">
	<li class="active">
		<a data-toggle="pill" href="#home">Support for residents</a>
	</li>
	<li>
		<a data-toggle="pill" href="#menu1">Council Tax Support hardship fund</a>
	</li>
	<li>
		<a data-toggle="pill" href="#menu2">My payment will not process</a>
	</li>
</ul>
<div class="tab-content">
	<div id="home" class="tab-pane fade in active">
		<br>
			<p>The Council Tax you pay funds vital services that are stretched in this time of need, including Social Care, Police and the Fire service. The Government have announced a series of measures to support both employed and self-employed during this difficult time.</p>
		</br>
		<p>If your income has been negatively impacted by the Covid measures, we would ask that people:</p>
		<ul>
			<li> apply for any financial support available via central government</li>
			<li>
				<a href="https://www.gov.uk/apply-universal-credit" target="_blank">apply for Universal Credit - see more below
					<a/>
				</li>
				<li>
					<a href="#" target="_blank"> apply for Council Tax Support </a>
				</li>
				<li> seek advice from debt advice agencies such as 
					<a href="https://www.citizensadvice.org.uk/" target="_blank">Citizens Advice</a> or 
					<a href="https://www.stepchange.org/" target="_blank">Step Change</a>
				</li>
				<li> request to spread Council Tax payment over 12 months</li>
			</ul>
			<p>If you are struggling to pay your council tax, we will help arrange a payment plan, you can let us know by 
				<a href="#" target="_blank">completing our online form.</a> Please bear with us at this exceptionally busy time. Do also remember that across the county all of the public sector is delivering vital services to keep people safe at this difficult time. If you can pay as normal, please do.
			</p>
		</div>
		<div id="menu1" class="tab-pane fade">
			<br>
				<p> The Government has provided additional funding via a 
					<a href="https://www.gov.uk/government/news/government-confirms-500-million-hardship-fund-will-provide-council-tax-relief-for-vulnerable-households" target="_blank">COVID-19 Hardship Fund</a> to support some residents who are already eligible for Local Council Tax Support. We will assess those residents already receiving Council Tax Support who are eligible for this additional reduction and send an updated Council Tax bill, showing the reduced rate, to all who are eligible.
				</p>
			</div>
			<div id="menu2" class="tab-pane fade">
				<p>If you are trying to make a payment and it will not process, please check the details that you are submitting. In most cases the incorrect Reference Number is being used. Your Council tax account number should be X digits long and start with "X". It can be found at the top left-hand corner of your bill.</p>
				<p>If this does not resolve your issue, please contact us on 03450 123 456. </p>

Mini-statements for each year

This will dynamically increase in number of years based upon the actual number on the account. Each year is an expandable accordion based control:

<br>
	<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#rare">Info</button>
	<div id="rare" class="collapse">
		<br>
			<p>In rare cases there may be other transactions that are not included within your mini-statement. If your balance for any year is different from the sum of the charges, and you want to know more, please contact us at 
				<a href="mailto:[e-mail]">[e-mail]</a>.
			</p>
		</div>
		<br>
		</p> {{#each V2Account.CtaxDetails.FinancialYearDetail}} 
		<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#{{Year}}">
			<strong>Financial Year: {{Year}}</strong>
		</button>
		<div id="{{Year}}" class="collapse">
			<hr>
				<p class="bin">
					<strong>Financial Year: {{Year}}</strong>
				</p>
				<div class="statement">Total Charge: 
					<div class="amount">
						<strong>{{formatToString TotalCharge 'C' }}</strong>
					</div>
				</div>
				<div class="statement">Payments: 
					<div class="amount">
						<strong>{{formatToString TotalPayments 'C' }}</strong>
					</div>
				</div>
				<div class="statement">Council Tax Support: 
					<div class="amount">
						<strong>{{formatToString TotalBenefits 'C' }}</strong>
					</div>
				</div>
				<div class="statement">Costs: 
					<div class="amount">
						<strong>{{formatToString TotalCosts 'C' }}</strong>
					</div>
				</div>
				<div class="statement">Refunds: 
					<div class="amount">
						<strong> {{formatToString TotalRefunds 'C' }}</strong>
					</div>
				</div>
				<div class="statement">Transfers: 
					<div class="amount">
						<strong>{{formatToString TotalTransfers 'C' }}</strong>
					</div>
				</div>
				<div class="statement">Balance: 
					<div class="amount">
						<strong> {{formatToString BalanceOutstanding 'C' }}</strong>
					</div>
				</div>
			</div> {{/each}}

Payments made for the current financial year

The following is a table of payments made for the current financial year:

Details of payments made for the current year

<br>
	<p>Below you will see any payments you've made towards your Council Tax bill for 
		<strong> this current year </strong>:
	</p>
	<p>
		<table class="table table-striped">
			<thead>
				<tr>
					<th>Date</th>
					<th>Description</th>
					<th>Amount</th>
				</tr>
			</thead>
			<tbody> {{#each CurrentRevenueAccount.Transactions.Payments.Items}} 
				<tr>
					<td>{{formatToString Date "dd/MM/yyyy"}}</td>
					<td>{{Description}}</td>
					<td>£{{Amount}}</td>
				</tr> {{/each}} 
			</tbody>
		</table>
	</div>