benjamin.harris
/
crop-monitor


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
							<!DOCTYPE HTML>
<html>
<head>
    <title>[[*longtitle]] | [[++site_name]]</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="[[*introtext]]" />
    <meta name="description" content="[[*description]]" />
 
     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
    <script src="https://use.fontawesome.com/1e2844bb90.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    
    
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="client-assets/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="client-assets/css/style.css" rel='stylesheet' type='text/css' />

    <!-- Mainly scripts -->
    <script src="client-assets/js/jquery.metisMenu.js"></script>
    <script src="client-assets/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <link href="client-assets/css/custom.css" rel="stylesheet">
    <script src="client-assets/js/custom.js"></script>
    <script src="client-assets/js/screenfull.js"></script>
		<script>
		$(function () {
			$('#supported').text('Supported/allowed: ' + !!screenfull.enabled);

			if (!screenfull.enabled) {
				return false;
			}

			

			$('#toggle').click(function () {
				screenfull.toggle($('#container')[0]);
			});
			

			
		});
		</script>

<!----->

<!--pie-chart--->
<script src="client-assets/js/pie-chart.js" type="text/javascript"></script>
 <script type="text/javascript">

        $(document).ready(function () {
            $('#demo-pie-1').pieChart({
                barColor: '#3bb2d0',
                trackColor: '#eee',
                lineCap: 'round',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-2').pieChart({
                barColor: '#fbb03b',
                trackColor: '#eee',
                lineCap: 'butt',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-3').pieChart({
                barColor: '#ed6498',
                trackColor: '#eee',
                lineCap: 'square',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

           
        });

    </script>
<!--skycons-icons-->
<script src="client-assets/js/skycons.js"></script>
<!--//skycons-icons-->
</head>

<body>
    <div id="wrapper">

        <nav class="navbar-default navbar-static-top" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <h1> <a class="navbar-brand" href="index.html">Minimal</a></h1>
            </div>

        <div class=" border-bottom">

        </nav>
            
            <div id="page-wrapper" class="gray-bg dashbard-1">
                <div class="content-main">
                
            
                <div class="grid-system">    
				
				
					<div class="grid-form1">
						<h3 id="forms-example" class="">Plant Test Analysis Report</h3>

						<span class="error">* required fields.</span>

						<form action="post.php" method="post" >
							<div class="col-md-6 form-group">
								<label for="Email1">Email address<span class="error">*</span></label>
								<input type="email" class="form-control" id="email" placeholder="Email address">
							</div>
							<div class="col-md-6 form-group">
								<label for="Name">Client Name<span class="error">*</span></label>
								<input type="text" class="form-control" id="client_name" placeholder="Client Name">
							</div>
							<div class="col-md-6 form-group">
								<label for="Name">Site Address</label>
								<input type="text" class="form-control" id="site_address" placeholder="Site Address">
							</div>
							<div class="col-md-6 form-group">
								<label for="Name">State & Postcode</label>
								<input type="text" class="form-control" id="state_postcode" placeholder="State & Postcode">
							</div>

							<div class="col-md-12 form-group">
								<label for="selector1">Analysis Type<span class="error">*</span></label>
								<div><select name="selector1" id="analysis_type" class="form-control1">
									<option>Select the type of Analysis...</option>
									<option id="ash">Dry Ash Test</option>
									<option id="sap">Sap Analysis</option>
									<option id="field">Field Test</option>
								</select></div>
							</div>

							<div class="col-md-4 form-group">
								<label for="lab_no">Lab No</label>
								<input type="text" class="form-control" id="lab_no" placeholder="Lab No">
							</div>
							<div class="col-md-4 form-group">
								<label for="batch_no">Batch No</label>
								<input type="text" class="form-control" id="batch_no" placeholder="Batch No">
							</div>
							<div class="col-md-4 form-group">
								<label for="date_sampled">Date Sampled</label>
								<input type="date" class="form-control" id="date_sampled" placeholder="Date Sampled">
							</div>

							<div class="col-md-4 form-group">
								<label for="sample_id">Sample ID<span class="error">*</span></label>
								<input type="text" class="form-control" id="sample_id" placeholder="Sample Id">
							</div>
							<div class="col-md-4 form-group">
								<label for="site_id">Site ID</label>
								<input type="text" class="form-control" id="site_id" placeholder="Paddock Id">
							</div>
							<div class="col-md-4 form-group">
								<label for="crop_type">Crop Type<span class="error">*</span></label>
								<div><select name="selector1" id="crop_type" class="form-control1">
									<option>Select the type of Crop...</option>
									<option id="pasture">Pasture</option>
									<option id="carrots">Carrots</option>
									<option id="onions">Onions</option>
								</select></div>
							</div>
							
							<div class="form-group">
									<label class="col-md-12">Analysis Inputs</label>
								<div class="row show-grid">
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="n" placeholder="N - Nitrogen">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="p" placeholder="P - Phosphorus">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="k" placeholder="K - Postassium">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="s" placeholder="S - Sulphur">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="mg" placeholder="Mg - Magnesium">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="ca" placeholder="Ca - Calcium">
									</div>
								</div>
								<div class="row show-grid">
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="na" placeholder="Na - Soduim">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="fe" placeholder="Fe - Iron">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="mn" placeholder="Mn - Manganese">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="zn" placeholder="Zn - Zinc">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="cu" placeholder="Cu - Copper">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="b" placeholder="B - Boron">
									</div>
								</div>
								<div class="row show-grid">
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="m" placeholder="M - Molybdenum">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="co" placeholder="Co - Cobalt">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="se" placeholder="Se - Selenium">
									</div>
									<div class="col-md-2">
										<input type="text" class="form-control1 input-sm" id="ch" placeholder="Ch - Chloride">
									</div>
								</div>							
						</div>
						
							
					 <button type="submit" class="btn btn-default">Submit</button>
					</form>

					</div>

                </div> 
                
                </div><!--div class="content-main" -->
   
            </div> <!--div id="page-wrapper" class="gray-bg dashbard-1" -->
            <div class="clearfix"> </div>
        </div> <!--div class=" border-bottom" -->
    </div> <!--div id="wrapper" -->
</body>
</html>