<div class="card -with-sidebar">
    <div class="card-section card-content">
        <div class="comparison">
            <div class="comparison-form">
                <input hidden name="moduleName" value="grants">
                <input hidden name="irmaWebServiceLookupID" value="123456">
                <input hidden name="irmaTesting" value="yes">
            </div>

            <div class="comparison-heading">
                <div class="comparison-inner">
                    <div class="comparison-section comparison-before">
                        <h4 class="card-subheading">Original answers</h4>
                    </div>

                    <div class="comparison-section comparison-after">
                        <h4 class="card-subheading">Revised answers</h4>
                    </div>
                </div>
            </div>

            <div class="comparison-main">
                <div class="comparison-container">
                    <div class="comparison-list"></div>
                </div>
            </div>

            <div class="comparison-scrollbar">
                <div class="scrollbar-main"></div>

                <button type="button" class="btn scrollbar-handle js-comparison-scroll"></button>
            </div>
        </div>
    </div>

    <div class="card-section card-sidebar">
        <div class="card-heading">
            <h4 class="card-subheading">Overview</h4>

            <a class="link link-strong link-history" href="/history" title="View History">
				<span class="text">History</span>
			</a>
        </div>

        <aside class="progress-meter">
            <ul class="progress-list">
                <li class="progress-item" data-status="completed">
                    <div class="progress-title">
                        <a class="link" href="" title="">Overview</a>
                    </div>

                    <div class="progress-info">
                        <span class="progress-status">Completed</span>

                        <span class="progress-date">21 June 2017</span>
                    </div>
                </li>

                <li class="progress-item" data-status="completed">
                    <div class="progress-title">
                        <a class="link" href="" title="">Main Details</a>
                    </div>

                    <div class="progress-info">
                        <span class="progress-status">Completed</span>

                        <span class="progress-date">21 June 2017</span>
                    </div>
                </li>

                <li class="progress-item -subitem" data-status="unstarted">
                    <div class="progress-title">
                        <a class="link" href="" title="">Investigators</a>
                    </div>

                    <div class="progress-info">
                        <span class="progress-status">Not Started</span>
                    </div>
                </li>

                <li class="progress-item" data-status="draft">
                    <div class="progress-title">
                        <a class="link" href="" title="">Animal Usage</a>
                    </div>

                    <div class="progress-info">
                        <span class="progress-status">In draft</span>
                    </div>
                </li>

                <li class="progress-item" data-status="progress">
                    <div class="progress-title">
                        <a class="link" href="" title="">Documents</a>
                    </div>

                    <div class="progress-info">
                        <span class="progress-status">In Progress</span>
                    </div>
                </li>

                <li class="progress-item -active" data-status="progress">
                    <div class="progress-title">
                        <a class="link" href="" title="">Approvals</a>
                    </div>

                    <ul class="person-list sub-list">
                        <li class="person-item">
                            <a class="link" href="" title="">Katherine Dreibel</a>
                        </li>

                        <li class="person-item">
                            <a class="link" href="" title="">Jacob Gubb</a>
                        </li>
                    </ul>
                </li>

                <li class="progress-item -show-sections" data-status="progress">
                    <div class="progress-title">
                        <a class="link" href="" title="">Questionnaire</a>
                    </div>

                    <ul class="person-list sub-list">
                        <li class="person-item" data-status="completed">
                            <a class="link" href="" title="">Application</a>
                        </li>

                        <li class="person-item" data-status="unstarted">
                            <a class="link" href="" title="">Monitoring</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </aside>
    </div>
</div>
<div class="card -with-sidebar">
	<div class="card-section card-content">
		{{> @comparison }}
	</div>

	<div class="card-section card-sidebar">
		<div class="card-heading">
			<h4 class="card-subheading">Overview</h4>

			<a class="link link-strong link-history" href="/history" title="View History">
				<span class="text">History</span>
			</a>
		</div>

		{{> @progress-meter }}
	</div>
</div>
{
  "pageTitle": "Coversheet",
  "pageClass": "coversheet",
  "dataFormat": "expanded",
  "dataChart": "pie",
  "width": 238,
  "fontSize": 47.6,
  "projects": [
    {
      "title": "Breeding wheat strains to reduce the incidence macular degeneration",
      "remaining": 435000,
      "awarded": 445000,
      "total": 580000,
      "status": "on hold",
      "notes": "<a href='' title='View Meeting'>Assigned to Meeting</a>"
    },
    {
      "title": "Assisted vision technologies",
      "remaining": 90000,
      "awarded": 340000,
      "total": 430000,
      "status": "active",
      "notes": "no roadblocks"
    },
    {
      "title": "Minimizing Carbon Emissions and Maximizing Carbon Sequestration and Storage by Seagrasses, Tidal Marshes, Mangroves",
      "remaining": 130000,
      "awarded": 155000,
      "total": 285000,
      "status": "active",
      "notes": "no roadblocks"
    },
    {
      "title": "Mitochondrial Turnover",
      "remaining": 60000,
      "awarded": 95000,
      "total": 125000,
      "status": "pending",
      "notes": "<a href='' title='View Meeting'>Assigned to Meeting</a>"
    },
    {
      "title": "Crop resilience from complex genomes",
      "remaining": 90000,
      "awarded": 105000,
      "total": 125000,
      "status": "on hold",
      "notes": "<a href='' title='View Meeting'>Assigned to Meeting</a>"
    }
  ],
  "other": 225000,
  "dataTotal": 2000000,
  "baseTitle": "Coversheet"
}

There are no notes for this item.