<div class="card">
    <div class="card-inner">

        <div class="card-section project-header">

            <h4 class="card-heading card-subheading">
                <span class="project-label">Project:</span>
                <span class="project-title">The Silk Roads in the Bronze Age: Critical links between Eurasia and China</span>
            </h4>

            <div class="project-info">
                <div class="info-row">
                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Chief Investigator</span>
                            <span class="text">Prof. Yuri Yaeger</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Primary funds provider</span>
                            <span class="text">Australian Research Council (ARC)</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Scheme</span>
                            <span class="text">Discovery Projects (DP)</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Funds provider ref</span>
                            <span class="text">923982350</span>
                        </div>
                    </div>
                </div>

                <div class="info-row">
                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Project status</span>
                            <span class="text">Active</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">GLC</span>
                            <span class="text">01.00.0.09345.4.XXXX.23535</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Registry number</span>
                            <span class="text">G217</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Grand ID</span>
                            <span class="text">G217</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-section">

            <div class="table" data-lookup-source="for">
                <div class="table-header table-row">
                    <div class="table-group">
                        <div class="table-cell" style="width: 15%">
                            <span class="text">FOR Code</span>

                            <div class="table-handle js-table-handle"></div>
                        </div>

                        <div class="table-cell" style="width: 50%">
                            <span class="text">Description</span>

                            <div class="table-handle js-table-handle"></div>
                        </div>

                        <div class="table-cell" style="width: 15%">
                            <span class="text">4/6</span>

                            <div class="table-handle js-table-handle"></div>
                        </div>

                        <div class="table-cell" style="width: 20%">
                            <span class="text">Find a Code</span>

                            <div class="table-handle js-table-handle"></div>
                        </div>
                    </div>

                    <div class="table-group actions-group -fixed" style="width: 10rem">
                        <div class="table-cell table-actions -inactive">Actions</div>
                    </div>
                </div>

                <div class="table-row">
                    <div class="table-group">
                        <div class="table-cell -with-input" style="width: 15%">
                            <input type="text" name="chrFORCode[0]" data-lookup="code">
                        </div>

                        <div class="table-cell -with-input" style="width: 50%">
                            <input type="text" name="chrFORDescription[0]" data-lookup="description">
                        </div>

                        <div class="table-cell -with-input" style="width: 15%">
                            <select name="chrFOR46[0]" data-lookup="level">
								<option>4</option>
								<option>6</option>
							</select>
                        </div>

                        <div class="table-cell" style="width: 20%">
                            <button type="button" class="btn btn-link js-run-code-lookup js-btn-modal" data-modal="code-lookup"> 
								<span class="fa fa-search"></span> 
								<span class="link link-strong">Lookup</span>
							</button>
                        </div>
                    </div>

                    <div class="table-group actions-group -fixed" style="width: 10rem">
                        <div class="table-cell table-actions">
                            <ul class="actions-list">
                                <li class="action-item">
                                    <button type="button" class="btn btn-action js-table-action" data-label="Remove this code" aria-label="Remove this code" data-action="clear-code" data-icon="delete"></button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal modal-advanced-search modal-code-lookup js-modal js-modal-exit -nav-padded -with-overlay" data-modal="code-lookup">
    <div class="modal-inner inner">
        <div class="modal-panel advanced-search-container">
            <div class="modal-header">
                <button type="button" class="btn btn-default btn-modal-exit js-modal-exit svg-wrap" aria-label="Exit Modal">
					<span class="fa fa-times"></span>
				</button>
                <h3 class="modal-title">
                    <span class="text">Code Lookup</span>
                </h3>
            </div>

            <div class="modal-slide-container">
                <div class="modal-slider">
                    <div class="modal-slide">
                        <div class="modal-section modal-advanced-form">
                            <div class="form-group">
                                <label>Search by</label>
                            </div>

                            <div class="form-field" data-col="4" data-required="true" data-min-length="2">
                                <div data-flex="1" data-col="12">
                                    <div type="button" class="btn dropdown js-dropdown code-lookup-select" data-role="form" role="menu" tabindex="0" aria-haspopup="true" aria-label="Search by" data-flex="11">

                                        <div class="dropdown-label" for="code-search">
                                            <span class="text">Code</span>
                                        </div>

                                        <ul class="dropdown-options" aria-hidden="true">
                                            <li class="dropdown-item" data-value="code" role="menuitem">Code</li>
                                            <li class="dropdown-item" data-value="description" role="menuitem">Description</li>
                                        </ul>
                                    </div>
                                </div>

                                <input data-flex="3" name="code-search" class="code-lookup-input js-code-lookup-input" placeholder="Enter 2, 4, or 6 digits"></input>
                            </div>

                            <div class="form-group" data-col="4">
                                <div data-flex="1">
                                    <div class="code-level-group">
                                        <label>Code level</label>

                                        <div>
                                            <div type="button" class="btn dropdown js-dropdown code-level-select" data-role="form" role="menu" tabindex="0" aria-haspopup="true" aria-label="Code level" data-flex="11">

                                                <div class="dropdown-label">
                                                    <span class="text">6</span>
                                                </div>

                                                <ul class="dropdown-options" aria-hidden="true">
                                                    <li class="dropdown-item" data-value="4" role="menuitem">4</li>
                                                    <li class="dropdown-item" data-value="6" role="menuitem">6</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="button-group" data-flex="3">
                                    <button type="button" class="btn btn-default js-update-code-lookup">
										<div class="text">Update Search</div>
									</button>

                                    <button type="button" class="btn btn-default btn-browse js-toggle-browse-code">
										<div class="text">Browse All</div>

										<i class="fa fa-arrow-right" aria-hidden="true"></i>
									</button>
                                </div>
                            </div>
                        </div>

                        <div class="modal-section modal-results advanced-search-results"></div>
                    </div>

                    <div class="modal-slide">
                        <div class="modal-section">
                            <button type="button" class="btn btn-default btn-browse js-toggle-browse-code">
								<i class="fa fa-arrow-left" aria-hidden="true"></i>

								<div class="text">Back to search</div>
							</button>
                        </div>

                        <div class="modal-section modal-browse">
                            <div class="browse-tree"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card">
	<div class="card-inner">
		{{> @project-header }}

		<div class="card-section">
			{{#with alert }}
				{{> @alert }}
			{{/with}}

			<div class="table" data-lookup-source="for">
				<div class="table-header table-row">
					<div class="table-group">
						<div class="table-cell" style="width: 15%">
							<span class="text">FOR Code</span>

							<div class="table-handle js-table-handle"></div>
						</div>
						
						<div class="table-cell" style="width: 50%">
							<span class="text">Description</span>

							<div class="table-handle js-table-handle"></div>
						</div>
						
						<div class="table-cell" style="width: 15%">
							<span class="text">4/6</span>

							<div class="table-handle js-table-handle"></div>
						</div>

						<div class="table-cell" style="width: 20%">
							<span class="text">Find a Code</span>

							<div class="table-handle js-table-handle"></div>
						</div>
					</div>

					<div class="table-group actions-group -fixed" style="width: 10rem">
						<div class="table-cell table-actions -inactive">Actions</div>
					</div>
				</div>

				<div class="table-row">
					<div class="table-group">
						<div class="table-cell -with-input" style="width: 15%">
							<input type="text" name="chrFORCode[0]" data-lookup="code">
						</div>

						<div class="table-cell -with-input" style="width: 50%">
							<input type="text" name="chrFORDescription[0]" data-lookup="description">
						</div>

						<div class="table-cell -with-input" style="width: 15%">
							<select name="chrFOR46[0]" data-lookup="level">
								<option>4</option>
								<option>6</option>
							</select>
						</div>

						<div class="table-cell" style="width: 20%">
							<button type="button" class="btn btn-link js-run-code-lookup js-btn-modal" data-modal="code-lookup"> 
								<span class="fa fa-search"></span> 
								<span class="link link-strong">Lookup</span>
							</button>
						</div>
					</div>

					<div class="table-group actions-group -fixed" style="width: 10rem">
						<div class="table-cell table-actions">
							<ul class="actions-list">
								<li class="action-item">
									<button type="button" class="btn btn-action js-table-action" 
									data-label="Remove this code"
									aria-label="Remove this code"
									data-action="clear-code"
									data-icon="delete"></button>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

{{> '@modal--code' }}
{
  "pageTitle": "Admin Dashboard",
  "pageClass": "dashboard",
  "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": "Dashboard",
  "tasks": {
    "checkbox": true,
    "select": true,
    "columns": [
      {
        "name": "chrTitle",
        "title": "Task Name",
        "width": 35
      },
      {
        "name": "chrProject",
        "title": "Project",
        "width": 20
      },
      {
        "name": "chrType",
        "title": "Type",
        "width": 15
      },
      {
        "name": "chrDueDate",
        "title": "Due Date",
        "width": 15
      },
      {
        "name": "chrChiefInvestigator",
        "title": "Chief Investigator",
        "width": 15
      }
    ],
    "tableData": [
      {
        "checkbox": {
          "name": "searchValue",
          "id": "checkbox_1",
          "value": "2983575"
        },
        "data": {
          "preview": "3463454",
          "message": "By approving this application you certify that:<p>1. I/we are qualified in the procedures described in this document</p>"
        },
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "checkbox": {
          "name": "searchValue",
          "id": "checkbox_2",
          "value": "2983575"
        },
        "data": {
          "preview": "3463454",
          "message": "By approving this application you certify that:<p>1. I/we are qualified in the procedures described in this document</p>"
        },
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "checkbox": {
          "name": "searchValue",
          "id": "checkbox_3",
          "value": "2983575"
        },
        "data": {
          "preview": "3463454",
          "message": "By approving this application you certify that:<p>1. I/we are qualified in the procedures described in this document</p>"
        },
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      }
    ]
  },
  "milestones": {
    "rowClass": "js-table-link",
    "columns": [
      {
        "name": "chrTitle",
        "title": "Task Name",
        "width": 35
      },
      {
        "name": "chrProject",
        "title": "Project",
        "width": 20
      },
      {
        "name": "chrType",
        "title": "Type",
        "width": 15
      },
      {
        "name": "chrDueDate",
        "title": "Due Date",
        "width": 15
      },
      {
        "name": "chrChiefInvestigator",
        "title": "Chief Investigator",
        "width": 15
      }
    ],
    "tableData": [
      {
        "data": {
          "preview": "3463454"
        },
        "href": "/",
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "data": {
          "preview": "3463454"
        },
        "href": "/",
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "data": {
          "preview": "3463454"
        },
        "href": "/",
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      }
    ]
  },
  "snapshots": {
    "actions": [
      {
        "name": "details",
        "label": "Details",
        "icon": "details"
      },
      {
        "name": "delete",
        "label": "Delete snapshot",
        "icon": "delete"
      }
    ],
    "rowClass": "js-table-link",
    "columns": [
      {
        "name": "chrDate",
        "title": "Date",
        "width": 10
      },
      {
        "name": "chrTime",
        "title": "Time",
        "width": 10
      },
      {
        "name": "chrAuthor",
        "title": "Author",
        "width": 80
      }
    ],
    "tableData": [
      {
        "columns": [
          {
            "name": "chrDate",
            "title": "Date",
            "value": "09/11/2017"
          },
          {
            "name": "chrTime",
            "title": "Time",
            "value": "12:47pm"
          },
          {
            "name": "chrAuthor",
            "title": "Author",
            "value": "Dr. Robyn Aagersen"
          }
        ],
        "data": {
          "href": "/",
          "preview": "3463454"
        }
      }
    ]
  }
}

There are no notes for this item.