|
|
@@ -74,13 +74,23 @@ include __DIR__.'/../../../layouts/header.php';
|
|
|
<link rel="stylesheet" href="/client-assets/home/css/graphPrint.css" media="print">
|
|
|
<style>
|
|
|
.progress { border-radius: 0 !important; }
|
|
|
+ @media print {
|
|
|
+ .section + .section {
|
|
|
+ break-before: page;
|
|
|
+ page-break-before: always;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
|
|
|
|
|
<div class="container" id="content">
|
|
|
|
|
|
- <div class="row mb-2">
|
|
|
- <div class="col-md-3">
|
|
|
- <img class="img-fluid" src="/client-assets/images/crop-monitor.png" alt="Crop Monitor">
|
|
|
+ <div class="row align-items-center mb-1 mt-3">
|
|
|
+ <div class="col-3">
|
|
|
+ <img class="img-fluid" src="/client-assets/images/crop-monitor.png" alt="Crop Monitor" style="max-height:55px;">
|
|
|
+ </div>
|
|
|
+ <div class="col-9 text-end">
|
|
|
+ <div class="fw-bold h5 mb-0">Soil Analysis</div>
|
|
|
+ <div class="text-muted small"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -154,7 +164,8 @@ include __DIR__.'/../../../layouts/header.php';
|
|
|
<div class="col-md-12 text-center fw-bold h4">Soil Analysis Summary</div>
|
|
|
</div>
|
|
|
|
|
|
- <table class="chart">
|
|
|
+ <div class="section" id="page-1">
|
|
|
+ <table class="chart mb-0">
|
|
|
<tbody>
|
|
|
<!-- ── CHART HEADER ──────────────────────────────────────────── -->
|
|
|
<tr class="chart-header">
|
|
|
@@ -237,7 +248,54 @@ include __DIR__.'/../../../layouts/header.php';
|
|
|
soilRow($row, $spec, ['element'=>'al', 'sbl'=>'Al', 'nutrient'=>'Aluminium', 'type'=>'ppm', 'text'=>'c', 'rec_text'=>'r', 'decimal'=>2, 'graph'=>'lightredGraph']);
|
|
|
soilRow($row, $spec, ['element'=>'sl_cacl2', 'sbl'=>'Si', 'nutrient'=>'Silicon', 'type'=>'ppm', 'text'=>'c', 'rec_text'=>'r', 'decimal'=>2, 'graph'=>'lightredGraph']);
|
|
|
?>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="section" id="page-2">
|
|
|
+ <div class="row">
|
|
|
+ <table class="title w-100 mb-3 small">
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th class="col-20"></th>
|
|
|
+ <th class="col-20"></th>
|
|
|
+ <th class="col-20"></th>
|
|
|
+ <th class="col-20"></th>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td class="right"><b>DATE SAMPLED:</b></td>
|
|
|
+ <td class="left"><?= $sampleDate ?></td>
|
|
|
+ <td class="right"><b>CROP:</b></td>
|
|
|
+ <td class="left"><?= $crop ?></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
|
|
|
+ <table class="chart mb-0">
|
|
|
+ <tbody>
|
|
|
+ <!-- ── CHART HEADER ──────────────────────────────────────────── -->
|
|
|
+ <tr class="chart-header">
|
|
|
+ <th colspan="3" class="text-center col-md-6 border-left border-right border-top">ELEMENT</th>
|
|
|
+ <th colspan="3" class="text-center col-md-6 border-right border-top">STATUS</th>
|
|
|
+ </tr>
|
|
|
+ <tr class="chart-header-sub">
|
|
|
+ <th class="text-center col-18 border-left"></th>
|
|
|
+ <th class="text-center col-15">DESIRED</th>
|
|
|
+ <th class="text-center col-15">FOUND</th>
|
|
|
+ <th class="text-center col-16 stripe-1">LIGHT</th>
|
|
|
+ <th class="text-center col-16 stripe-1">MEDIUM</th>
|
|
|
+ <th class="text-center col-16 border-right stripe-1">HEAVY</th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="border-left"></td>
|
|
|
+ <td class="border-left"></td>
|
|
|
+ <td class="border-left nutrient-balance"></td>
|
|
|
+ <td class="border-left"></td>
|
|
|
+ <td class="border-left"></td>
|
|
|
+ <td class="border-left border-right"></td>
|
|
|
+ </tr>
|
|
|
<!-- ── BASE SATURATION ────────────────────────────────────────── -->
|
|
|
<tr class="chart-header-sub">
|
|
|
<th colspan="3" class="col-16 border-left text-center lightpurple">BASE SATURATION</th>
|
|
|
@@ -308,19 +366,28 @@ include __DIR__.'/../../../layouts/header.php';
|
|
|
</tbody>
|
|
|
</table>
|
|
|
|
|
|
- <footer class="py-4 bg-light mt-auto">
|
|
|
+ <footer class="py-4 mt-auto mb-0">
|
|
|
<div class="container-fluid px-4">
|
|
|
<div class="d-flex align-items-center justify-content-between small">
|
|
|
<div class="text-muted">© <?= date('Y') ?> Crop Management Platform. All Rights Reserved.</div>
|
|
|
- <div>
|
|
|
- <a href="/privacy-policy">Privacy Policy</a> ·
|
|
|
- <a href="/terms">Terms & Conditions</a>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</footer>
|
|
|
|
|
|
</div><!-- /.container -->
|
|
|
+<script>
|
|
|
+(function () {
|
|
|
+ // Set #page-1 height to exactly one A4 page so the print break falls cleanly.
|
|
|
+ // A4 at 96 dpi = 1122px tall; subtract ~60px for the container top margin/padding.
|
|
|
+ var A4_PX = 1300;
|
|
|
+ var OFFSET = 60;
|
|
|
+ var page1 = document.getElementById('page-1');
|
|
|
+ if (page1) {
|
|
|
+ page1.style.minHeight = (A4_PX - OFFSET) + 'px';
|
|
|
+ page1.style.overflow = 'hidden';
|
|
|
+ }
|
|
|
+})();
|
|
|
+</script>
|
|
|
|
|
|
<script>
|
|
|
$(document).ready(function () {
|
