Notes printing function

frontend/index.html

@@ -55,6 +55,7 @@
                     <div class="section-header">
                         <h2>Current Inventory</h2>
                         <div class="header-actions">
+                            <button id="printNotesBtn" class="btn btn-primary btn-small">📝 Print Notes</button>
                             <button id="addDrugBtn" class="btn btn-primary btn-small">➕ Add Drug</button>
                         </div>
                     <div class="filters">
@@ -429,6 +430,30 @@
                 </div>
             </div>
         </div>
+
+        <!-- Print Notes Modal -->
+        <div id="printNotesModal" class="modal">
+            <div class="modal-content">
+                <span class="close">&times;</span>
+                <h2>Print Notes</h2>
+                <form id="printNotesForm" novalidate>
+                    <div class="form-group">
+                        <label for="notesAnimalName">Animal Name/ID *</label>
+                        <input type="text" id="notesAnimalName" required>
+                    </div>
+                    
+                    <div class="form-group">
+                        <label for="notesContent">Notes *</label>
+                        <textarea id="notesContent" rows="6" placeholder="Enter notes to print..." required></textarea>
+                    </div>
+                    
+                    <div class="form-actions">
+                        <button type="submit" class="btn btn-primary">Print Notes</button>
+                        <button type="button" class="btn btn-secondary" id="cancelPrintNotesBtn">Cancel</button>
+                    </div>
+                </form>
+            </div>
+        </div>
     </div>
 
     <script src="app.js"></script>