mdt.php


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>[@page_title]</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/mdt.css">

    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/jquery-ui.js"></script>
    <script src="assets/js/bootstrap.js"></script>
    <script src="assets/js/mdt.js"></script>
  </head>
  <body>
    <nav class="navbar navbar-default">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">CAD Control Panel</a>
        </div><!-- /.navbar-collapse -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li>
              <a href="../../logout.php">Logout</a>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
    <div class="container">
  <div style="margin-bottom: 10px;" class="panel panel-default">
    <div class="panel-body">
      Welcome back, P. Mawson
    </div>
  </div>
  <pre style="margin-bottom: 10px;"><code>No CAD assigned</code></pre>
      <div style="margin-bottom: 10px;" class="panel panel-default">
        <div class="panel-body">
          <div class="row">
            <div class="col-md-6">
              <select style="margin-bottom: 10px;" class="form-control" id="division" name="division">
                <option value="np">Neighbourhood Policing</option>
                <option value="19">SOU</option>
                <option value="15">Specialist Divisons</option>
                <option value="rs">Retained Services</option>
              </select>
            </div>
            <div class="col-md-6">
              <select style="margin-bottom: 15px;" class="form-control callsign" name="callsign" id="n-np">
                <option>BX 1</option>
                <option>BX 1</option>
                <option>BX 2</option>
                <option>BX 17</option>
                <option>BX 20</option>
                <option>BX 21</option>
                <option>BX 22</option>
                <option>BX 23</option>
                <option>BX 24</option>
                <option>BX 25</option>
                <option>BX 26</option>
                <option>BX 27</option>
                <option>BX 28</option>
              </select>
              <select class="form-control callsign" name="callsign" id="n-19">
                <option>AN 01</option>
                <option>AN 21</option>
                <option>AN 22</option>
				<option>DN 23</option>
              </select>
              <select class="form-control callsign" name="callsign" id="n-15">
                <option>Npas 22</option>
                <option>Marine</option>
                <option>Retaind Services </option>
              </select>
              <select class="form-control callsign" name="callsign" id="n-np">
                <option>CO1</option>
                <option>CR 1</option>
                <option>CR 2</option>
              </select>
            </div>
          </div>
          <div style="text-align: center;">
            <input type="button" name="status" value="Urgent" class="status btn btn-default btn-danger">
            <input type="button" name="status" value="Available" class="status btn btn-default btn-success">
            <input type="button" name="status" value="En route" class="status btn btn-default btn-yellow">
            <input type="button" name="status" value="On scene" class="status btn btn-default btn-yellow">
            <input type="button" name="status" value="Traffic stop" class="status btn btn-default btn-info">
            <input type="button" name="status" value="Transporting" class="status btn btn-default btn-info">
            <input type="button" name="status" value="Operation" class="status btn btn-default btn-info">
            <input type="button" name="status" value="ANPR" class="status btn btn-default btn-info">
            <input type="button" name="status" value="Station reports" class="status btn btn-default btn-info">
            <input type="button" name="status" value="Court" class="status btn btn-default btn-info">
            <input type="button" name="status" value="Unavailable" class="status btn btn-default btn-danger">
          </div>
        </div>
      </div>
  </div>
</div>

  </body>
</html>