@extends('client.layouts.content')
	@section('content')
		<div class="row mb-4">
			<div class="col-md-8 pr-2">
				<div class="card h-100 border-0">
					<div class="card-header bg-white border">
						<h6 class="card-title mb-0"><small class="font-weight-bold text-uppercase">{{ $sensor->address }}</small></h6>
					</div>
					<div class="card-body p-0 border-0">
						<div id="map" data-id="{{ $id }}"></div>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="card border-0 h-100 card-background">
					@include('client.components.weather')
					@include('client.components.earthquake')
					@include('client.components.cyclone')
				</div>
			</div>
		</div>
		<div class="row mb-3">
			<div class="col-md-12">
				<div class="card">
					<div class="card-header bg-white">
						<h6 class="card-title mb-0"><small class="font-weight-bold text-uppercase">Sensor Readings</small></h6>
					</div>
					<div class="card-body">
						<div class="d-flex align-items-center">
		                    <form action="#" class="form-inline float-left mx-auto w-100" method="GET" autocomplete="off">
		                    	<div class="input-group input-group-sm">
		                            <div class="input-group-prepend">
		                                <span class="input-group-text rounded-0">From</span>
		                            </div>
		                            <input type="date" name="from" value="{{ old('from', $from) }}" min="1950-01-01" max="{{ date('Y-m-d') }}" class="form-control form-control-sm rounded-0 mr-2" id="from">
		                        </div>
		                    	<div class="input-group input-group-sm ml-2">
		                            <div class="input-group-prepend">
		                                <span class="input-group-text rounded-0">To</span>
		                            </div>
		                            <input type="date" name="to" value="{{ old('to', $to) }}" min="1950-01-01" max="{{ date('Y-m-d') }}" class="form-control form-control-sm rounded-0 mr-2" id="to">
		                        </div>
		                        <input type="Submit" class="btn btn-primary btn-sm rounded-0">
		                    </form>
		                    <small class="text-nowrap text-danger font-weight-bold" id="date_error"></small>
		                </div>
					</div>
					<div class="table-responsive" id="sensor_table">
					
					</div>
				</div>
			</div>
		</div>
	@endsection