File: /home/imensosw/www/imenso.co/dev/triwinds/admin/goals.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Triwind Communities </title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
</head>
<body>
<aside class="nav-options">
<a class="" href="homes.php">
<img src="images/logo-sml.png" class="logo-sml" width="78">
</a>
<div class="navbar-collapse" id="navbarSupportedContent">
<ul>
<li class="active"><a href="dashboard.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Dashboard"><img src="images/ndashboard.png"></a></li>
<li><a href="parks.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Parks"><img src="images/noperations.png"></a></li>
<li><a href="homes.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Homes"><img src="images/ncompany.png"></a></li>
<li><a href="leads.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Leads"><img src="images/nprospect.png"></a></li>
<li><a href="goals.php" data-placement="right" data-toggle="tooltip" class="tip-right active" data-original-title="Goals"><img src="images/target-2.png"></a></li>
<li><a href="tasks.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Tasks"><img src="images/to-do-list.png"></a></li>
<li><a href="sales.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Sales"><img src="images/payment.png"></a></li>
<li><a href="reports.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Report"><img src="images/report.png"></a></li>
<li><a href="settings.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Setting"><img src="images/nsetting.png"></a></li>
</ul>
</div>
</aside>
<nav class="navbar navbar-expand-lg fixed-top">
<span class="navbar-brand" href="#">Goals</span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="ml-auto userinfo">
<a href="" class="mr-4 notify"><i class="fa fa-bell-o"></i></a>
<div class="user-area dropdown">
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/avatar-3.png" class="rounded mr-2" width="30">
Alice Smith
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Setting</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</div>
</div>
</nav>
<main class="offset">
<div class="container-fluid">
<div class="row pt-4">
<div class="col-lg-8 offset-lg-2">
<div class="ground">
<div class="row">
<div class="col-lg-4">
<form class="form-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search goals.." aria-label="Search">
</form>
</div>
<div class="col-lg-6">
<button type="button" class="btn btn-dark"> This Year </button>
<button type="button" class="btn btn-default"> Q1 </button>
<button type="button" class="btn btn-default"> Q2 </button>
<button type="button" class="btn btn-default"> Q3 </button>
<button type="button" class="btn btn-default"> Q4 </button>
</div>
<div class="col-lg-2 text-right">
<a href="javascript:;" data-toggle="modal" data-target="#goals" class="btn btn-secondary"><i class="fa fa-plus"></i> Add New</a>
</div>
</div>
<div class="grid-holder mt-4">
<table class="table table-hover">
<thead>
<tr>
<th scope="col" width="150">#</th>
<th scope="col">Park Name</th>
<th scope="col">Total Spaces</th>
<th scope="col">Goal/Year</th>
<th scope="col">Actual Fill</th>
<th scope="col" class="text-right">Progress</th>
</tr>
</thead>
<tbody>
<tr>
<td width="">
<div class="rounded-image"><img src="images/featured-image-3.jpg" class="rounded" width=""></div>
</td>
<td><a href="javascript:;" data-toggle="modal" data-target="#goals">Carefree Village</a></td>
<td> 286 </td>
<td>12</td>
<td>11</td>
<td class="text-right">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 83%;" aria-valuenow="83" aria-valuemin="0" aria-valuemax="100">83%</div>
</div>
</td>
</tr>
<tr>
<td width="">
<div class="rounded-image"><img src="images/featured-image-2.jpg" class="rounded" width=""></div>
</td>
<td><a href="javascript:;" data-toggle="modal" data-target="#goals">Country Lake</a></td>
<td> 374 </td>
<td>12</td>
<td>6</td>
<td class="text-right">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">50%</div>
</div>
</td>
</tr>
<tr>
<td width="">
<div class="rounded-image"><img src="images/featured-image-3.jpg" class="rounded" width=""></div>
</td>
<td><a href="javascript:;" data-toggle="modal" data-target="#goals">Golden West</a></td>
<td> 106 </td>
<td>12</td>
<td>3</td>
<td class="text-right">
<div class="progress">
<div class="progress-bar bg-danger" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div><!--/row-->
</div>
<div class="modal" tabindex="-1" role="dialog" id="goals">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Goal</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label>Park</label>
<select class="chosen-select">
<option>Carefree Village</option>
<option>Country Lake</option>
<option>Golden West</option>
</select>
</div>
<div class="form-group">
<label>Goal (This Year)</label>
<input type="" class="form-control" name="">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<?php include("footer.php");?>
</body>
</html>