File: /var/www/kosmicfarms/resources/views/products/view.blade.php
@extends('layouts.app')
@section('content')
<!-- ============================================================== -->
<!-- Content Start -->
<!-- ============================================================== -->
<div class="row page-header"><div class="col-lg-6 align-self-center ">
<h2>Cage {{ $cage->cage->name }}</h2>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript: void(0);">Home</a></li>
<li class="breadcrumb-item"><a href="#">Grow Cages</a></li>
<li class="breadcrumb-item active">{{ $cage->cage->name }}</li>
</ol></div>
<div class="col-lg-6 align-self-center text-right">
<a href="#" class="btn btn-success box-shadow btn-icon btn-rounded" data-toggle="modal" data-target="#modal-add-sensor"><i class="fa fa-plus"></i> Add Sensor</a>
<a href="#" class="btn btn-default box-shadow btn-icon btn-rounded" data-toggle="modal" data-target="#modal-add-motor"><i class="fa fa-plus"></i> Add Motor</a>
<div class="modal fade bs-example-modal-default" id="modal-add-sensor" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-default" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="fa fa-times"></span></button>
<h5 class="modal-title" id="myModalLabel">Add New Sensor</h5>
</div>
<form>
<div class="modal-body">
<div class="form-group">
<label>Device</label>
<select name="account" class="form-control m-b">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
</div>
<div class="form-group">
<label>Sensor</label>
<select name="account" class="form-control m-b">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
</div>
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control">
<small class="text-muted">A block of help text that breaks onto a new line and may extend beyond one line.</small>
</div>
<div class="form-group">
<label>Minimum Reading</label>
<input type="text" class="form-control">
<small class="text-muted">A block of help text that breaks onto a new line and may extend beyond one line.</small>
</div>
<div class="form-group">
<label>Maximum Reading</label>
<input type="text" class="form-control">
<small class="text-muted">A block of help text that breaks onto a new line and may extend beyond one line.</small>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade bs-example-modal-default" id="modal-add-motor" tabindex="-1" role="dialog" aria-labelledby="myAddMotor">
<div class="modal-dialog modal-default" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" class="fa fa-times"></span></button>
<h5 class="modal-title" id="myModalAddMotor">Add New Motor</h5>
</div>
<div class="modal-body">
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="main-content">
<div class="row">
<div class="col-md-6">
<div class="card weather">
<div class="city-selected">
<div class="weather-box">
<div class="info">
<div class="city">{{ $cage->cage->name }}</div>
<div class="night">Capacity: {{ $cage->cage->capacity }}</div>
<div class="temp text-primary">{{ $cage->volume }}</div>
<div class="wind">
<i class="wi wi-windy"></i>
<span>Location: {{ $cage->cage->location }}</span>
</div>
</div>
<div class="icon text-primary">
</div>
</div>
</div>
<div class="days">
<div class="row row-no-gutter">
<div class="col-md-4">
<div class="day">
<h1>PH</h1>
</div>
</div>
<div class="col-md-4">
<div class="day">
<h1>Oxygen</h1>
</div>
</div>
<div class="col-md-4">
<div class="day">
<h1>Volume</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="widget white-bg">
<div class="padding-20 text-center">
<img alt="Live Feed" width="140" class="rounded-circle mar-btm margin-b-10 circle-border " src="assets/img/avtar-2.png">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="widget widget-chart white-bg padding-0">
<div class="widget-title">
<span class="label label-primary float-right">Monthly</span>
<h2 class="margin-b-0">Income</h2>
</div>
<div class="widget-content">
<div id="sparkline4" class="text-center margin-b-10 "><canvas width="99" height="70" style="display: inline-block; width: 99px; height: 70px; vertical-align: top;"></canvas></div>
<div class="font-500 text-primary float-right">98% <i class="fa fa-bolt"></i></div>
<p class="text-muted margin-b-0">Total income</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="widget widget-chart white-bg padding-0">
<div class="widget-title">
<span class="label label-success float-right">Monthly</span>
<h2 class="margin-b-0">Orders</h2>
</div>
<div class="widget-content">
<div id="sparkline5" class="text-center margin-b-10 "><canvas width="99" height="70" style="display: inline-block; width: 99px; height: 70px; vertical-align: top;"></canvas></div>
<div class="font-500 text-success float-right"><a href="javascript: void(0);" class="btn btn-primary btn-border btn-xs">Small</a></div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="widget widget-chart white-bg padding-0">
<div class="widget-title">
<span class="label label-warning float-right">Monthly</span>
<h2 class="margin-b-0">Visitors</h2>
</div>
<div class="widget-content">
<div id="sparkline6" class="text-center margin-b-10 "><canvas width="99" height="70" style="display: inline-block; width: 99px; height: 70px; vertical-align: top;"></canvas></div>
<div class="font-500 text-warning float-right">18% <i class="fa fa-level-up"></i></div>
<p class="text-muted margin-b-0">Total visitor</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="widget widget-chart white-bg padding-0">
<div class="widget-title">
<span class="label label-danger float-right">Monthly</span>
<h2 class="margin-b-0">Active users</h2>
</div>
<div class="widget-content">
<div id="sparkline7" class="text-center margin-b-10 "><canvas width="99" height="70" style="display: inline-block; width: 99px; height: 70px; vertical-align: top;"></canvas></div>
<div class="font-500 text-danger float-right">8% <i class="fa fa-level-down"></i></div>
<p class="text-muted margin-b-0">Total active users</p>
</div>
</div>
</div>
</div>
<div class="row" id="sortable-view">
</div>
<footer class="footer">
<span>Copyright © 2019 Kosmic Farms Limited</span>
</footer>
</section>
<!-- ============================================================== -->
<!-- Content End -->
<!-- ============================================================== -->
@endsection
@section('jscript')
<!-- Flot Chart-->
<script src="{{ asset('admin/assets/lib/flot/jquery.flot.js') }}"></script>
<script src="{{ asset('admin/assets/lib/flot/jquery.flot.resize.js') }}"></script>
<script src="{{ asset('admin/assets/lib/flot/jquery.flot.pie.js') }}"></script>
<script src="{{ asset('admin/assets/lib/flot/jquery.flot.time.js') }}"></script>
<script src="{{ asset('admin/assets/lib/flot/jquery.flot.tooltip.min.js') }}"></script>
<!-- Jquery UI -->
<script src="{{ asset('admin/assets/lib/jquery-ui/jquery-ui.min.js') }}"></script>
@endsection