@extends('maindash')

@section('htmlheader_title')
	Main Dashboard
@endsection

@section('content')


		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-default">
					<div class="panel-heading" align="center">Trash and Recycling Dashboard</div>
                        <div class="panel-body">
                        <div class="col-md-6">
                            <p align="center"> {{ Auth::user()->name }}'s Exception Chart: </p>
                        <div id="bar-example"></div></div><!--located in scripts.blade -->
                        <div class="col-md-6">
                            <p align="center">{{ Auth::user()->name }}'s Diversion Chart:</p>
                        <div id="diversion-bar-example"></div></div>
                        <br><br>
                        <!--table id="trashtable" class="table table-striped table-bordered" cellspacing="0"  width="100%">
                         <thead>
                            <tr>
                                <th>Location</th>
                                <th>Quantity</th>
                                <th>Size</th>
                                <th>Frequency</th>
                                <th>Trash Yards</th>
                                <th>Current Rate</th>
                                <th>Contract Rate</th>
                                <th>Recycle Quantity</th>
                                <th>Recycle Size</th>
                                <th>Recycle Frequency</th>
                                <th>Recycle Yards</th>
                                <th>Recycle Current Rate</th>
                                <th>Recycle Contract Rate</th>
                                <th>Diversion Rate</th>

                            </tr>
                        </thead>
											</table-->
											<table id="trashtable" class="table table-striped table-bordered" cellspacing="0"  width="100%">
											 <thead>
													<tr>
															<th>Location</th>
															<th>Hauler Name</th>
															<th>Trash</th>
															<th>Recycling</th>
															<th>Equipment Type</th>
															<th>Quantity</th>
															<th>Size</th>
															<th>Frequency</th>
															<th>Total Monthly Yards</th>
															

													</tr>
											</thead>
										</table>
					</div><!--div class="panel-footer" align="center">Panel footer</div-->
				</div>
			</div>
		</div>
		<br>
		<div class="row">
	 	<div class="col-md-12">
	 	   <div class="panel panel-default">
	 	      <div class="panel-heading" align="center">My Documents</div>
	                  <div class="panel-body">
											<div class="table-responsive">
	                     <table id="downloadtable" class="table table-striped table-bordered" cellspacing="0"  width="100%">
												 <thead>
													 <tr>
														 <th>Location Name</th>
														 <th>Document Type</th>
														 <th>Title</th>
															<th>Upload Date</th>
															<th>Action</th>
													 </tr>
												 </thead>

												 <tbody>
												 @foreach($download as $down)
															<tr>
																<td>{{$down->location_name}}</td>
																<td>{{$down->doc_id}}</td>
																 <td>{{$down->file_title}}</td>
																 <td>{{$down->created_at}}</td>
																 <td><a href="docs/{{$down->file_name}}"<button type="button" class="btn btn-primary"><i class="glyphicon glyphicon-download">Download</i></button></a></td>
															</tr>
												 @endforeach
												 </tbody>

	                     </table>
										  </div>
	                   </div>
	               <!--div class="panel-footer" align="center">My Documents</div-->
	 	   </div>
	 	</div>
	  </div>
		<br>

		</div>


@endsection