Untitled

@{
    ViewBag.Title = "Transactions";
    if (ViewBag.Page == null)
    {
        ViewBag.Page = 1;
    }
}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
	<title>FLIR DTS Transactions</title>
	<link rel="shortcut icon" href="http://www.flir.com/favicon.ico">

	<!-- Bootstrap -->
	<link href="@Url.Content("/Views/css/bootstrap.min.css")" rel="stylesheet" type="text/css">
	<!-- Font Awesome -->
	<!--<link href="/Home/views/css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
	<link href="@Url.Content("/Views/css/font-awesome.min.css")" rel="stylesheet" type="text/css">

	<!-- Main CSS -->
	<!-- <link href="/Home/views/css/flir-dts.css" rel="stylesheet" type="text/css"> -->
	<link href="@Url.Content("/Views/css/flir-dts.css")" rel="stylesheet" type="text/css">
    <link href="~/Style/StyleSheet.css" rel="stylesheet" />
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>

<body>
	<nav class="navbar navbar-inverse">
		<div class="container clearfix">
			<div class="navbar-header pull-left">
				<a class="navbar-brand" href="@Url.Action("Index","Home")">
					<img src="/Content/img/flir-dts-logo.png" alt="FLIR DTS" />
				</a>
			</div>
		</div><!-- .container -->
		<div class="container">
			<hr class="nav-hr">
		</div>
	</nav>

	<section class="dts-section">
		<div class="container">
            <div class="section-header row">
			    <div class="search clearfix">

                        <input type="text" class="form-control" placeholder="Search Transactions..." style="margin-bottom:5px">

					    <button type="submit" class="btn btn-primary" style="margin-bottom:5px">Search</button>

                    <div class="section-header row">
                        <div class="col-sm-3">
                            <select class="form-control">
                                <option>Sort By</option>
                                <option disabled>---</option>
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                        <div><a href="@Url.Action("NextPage","Home")" class="btn btn-default pull-right" style="margin-right:10px">Next Page</a></div>
                        <div><a href="@Url.Action("LastPage","Home")" class="btn btn-default pull-right">Last Page</a></div>
                    </div>
			    </div>
            </div>
		</div>
	</section>
    <section class="dts-section">
        <div class="container">
            <div class="scrollingtable" style="height:400px">
                <div>
                    <div>
                        <table>
                            <thead>
                                <tr>
                                    <th><div><div>Transaction ID</div><div>Transaction ID</div></div></th>
                                    <th><div><div>Date</div><div>Date</div></div></th>
                                    <th><div><div>Status</div><div>Status</div></div></th>
                                    <th><div><div>Count</div><div>Count</div></div></th>
                                    <th class="scrollbarhead"></th> <!--ALWAYS ADD THIS EXTRA CELL AT END OF HEADER ROW-->
                                </tr>
                            </thead>
                            <tbody>
                                @for (int i = 0; i < ViewBag.TranIDArray.Length; i++)
                                {
                                    if (ViewBag.TranIDArray[i] != "Unknown")
                                    {
                                        <tr><td>@ViewBag.TranIDArray[i]</td><td>@ViewBag.TranDateArray[i]</td><td><p id="status">@ViewBag.TranStatusArray[i]</p><p id="slide"><br />test</p></td><td>@ViewBag.TranCountArray[i]</td></tr>
                                    }
                                }
                            </tbody>
                        </table>
                    </div>
                    <p id="localtime"></p>
                </div>
            </div>
        </div>
    </section>

    <script>
        $(document).ready(function() {
            $("#status").click(function () {
                //$("slide").slideToggle("slow");
                alert("click");
            })
        });
    </script>

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="/Views/css/bootstrap.min.js"></script>
</body>
</html>