<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style type="text/css">
	.wrapper{
		margin:0 auto;
		width:75%;
		margin-top:10px;
	}
	</style>
</head>
<body>
		<div class="wrapper"></div>
			<section class="panel panel-primary">
				<div class="panel-heading"></div>
				Download File dari database 
				<div class="panel-body">

				<table class="table table-bordered">
				<thread>
				<th>title</th>
				<th>Upload Date</th>
				<th>Action</th>

				</thread>
				<tbody>
					@foreach($downloads as $down)
					<tr>
						<td>{{$down->original_filename}}</td>
						<td>{{$down->created_at}}</td>
						<td><a href="uploads/{{$down->original_filename}}" download="{{$down->filename}}">
							<button type="button" class="btn btn-primary"><i class="glyphicon glyphicon-download">
								Download
							</i></button>	
						</a>
						</td>
					</tr>
					@endforeach
				</tbody>
				</table>
			</section>
</body>
</html>