\u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu&family=Rubik:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Modern CSS Reset *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* Color Variables *\/\n :root {\n --primary: #6366F1;\n --primary-light: #818CF8;\n --primary-dark: #4F46E5;\n --secondary: #10B981;\n --accent: #F59E0B;\n --danger: #EF4444;\n --light: #F8FAFC;\n --dark: #1E293B;\n --gray: #64748B;\n --border: #E2E8F0;\n --card-bg: #FFFFFF;\n --shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n --shadow-light: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n }\n\n \/* Base Styles *\/\n body {\n background: linear-gradient(135deg, #F0F4FF 0%, #F8FAFC 100%);\n color: var(--dark);\n line-height: 1.6;\n direction: rtl;\n font-family: 'Rubik', 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', Tahoma, sans-serif;\n min-height: 100vh;\n padding: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .urdu-text {\n font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif;\n line-height: 1.8;\n }\n\n \/* Container *\/\n .fcr-container {\n max-width: 900px;\n width: 100%;\n margin: 0 auto;\n }\n\n \/* Header *\/\n .fcr-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 30px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n border-radius: 20px;\n box-shadow: var(--shadow);\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .fcr-header::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);\n transform: rotate(30deg);\n }\n\n .fcr-title {\n margin-bottom: 15px;\n font-size: 2.2rem;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n }\n\n .fcr-subtitle {\n font-size: 1.2rem;\n opacity: 0.9;\n font-weight: 300;\n }\n\n \/* Calculator Card *\/\n .fcr-calculator {\n background: var(--card-bg);\n border-radius: 20px;\n padding: 35px;\n box-shadow: var(--shadow);\n margin-bottom: 30px;\n border: 1px solid rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(10px);\n }\n\n \/* Form Layout *\/\n .fcr-form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-bottom: 25px;\n }\n\n .fcr-form-group {\n margin-bottom: 0;\n }\n\n \/* Labels *\/\n .fcr-label {\n display: block;\n margin-bottom: 10px;\n font-weight: 500;\n color: var(--dark);\n font-size: 1.1rem;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* Inputs *\/\n .fcr-input {\n width: 100%;\n padding: 15px 18px;\n border: 2px solid var(--border);\n border-radius: 12px;\n font-size: 16px;\n transition: all 0.3s ease;\n direction: ltr;\n text-align: right;\n background: var(--light);\n font-family: 'Rubik', sans-serif;\n }\n\n .fcr-input:focus {\n border-color: var(--primary);\n outline: none;\n box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n background: white;\n transform: translateY(-2px);\n }\n\n .fcr-unit {\n color: var(--gray);\n font-size: 0.9rem;\n margin-top: 5px;\n text-align: right;\n }\n\n \/* Button Group *\/\n .fcr-button-group {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 15px;\n margin-top: 20px;\n }\n\n .fcr-button {\n padding: 16px 25px;\n border: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Rubik', sans-serif;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n box-shadow: var(--shadow-light);\n position: relative;\n overflow: hidden;\n }\n\n .fcr-button::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: 0.5s;\n }\n\n .fcr-button:hover::before {\n left: 100%;\n }\n\n .fcr-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\n }\n\n .fcr-button:active {\n transform: translateY(-1px);\n }\n\n .fcr-calculate {\n background: linear-gradient(to right, var(--primary), var(--primary-light));\n color: white;\n }\n\n .fcr-reset {\n background: linear-gradient(to right, var(--gray), #94A3B8);\n color: white;\n }\n\n \/* Results Section *\/\n .fcr-result {\n margin-top: 30px;\n padding: 30px;\n border-radius: 20px;\n display: none;\n background: var(--card-bg);\n box-shadow: var(--shadow-light);\n border: 1px solid var(--border);\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .fcr-result-header {\n text-align: center;\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 2px dashed var(--border);\n }\n\n .fcr-result-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n }\n\n \/* Result Cards *\/\n .fcr-result-card {\n background: white;\n border-radius: 16px;\n padding: 25px;\n text-align: center;\n box-shadow: var(--shadow-light);\n border: 1px solid rgba(255, 255, 255, 0.5);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .fcr-result-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n }\n\n .fcr-card-fcr::before {\n background: linear-gradient(to right, var(--secondary), #34D399);\n }\n\n .fcr-card-mortality::before {\n background: linear-gradient(to right, var(--accent), #FBBF24);\n }\n\n .fcr-result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .fcr-result-value {\n font-size: 2.8rem;\n font-weight: 700;\n margin: 15px 0;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .fcr-result-label {\n font-size: 1.2rem;\n color: var(--dark);\n font-weight: 600;\n }\n\n .fcr-result-interpretation {\n font-size: 1.1rem;\n margin-top: 10px;\n padding: 10px;\n border-radius: 8px;\n text-align: center;\n font-weight: 600;\n }\n\n \/* Summary Card *\/\n .fcr-summary-card {\n background: linear-gradient(135deg, #FEF3C7, #FDE68A);\n border-radius: 16px;\n padding: 25px;\n text-align: center;\n box-shadow: var(--shadow-light);\n margin-top: 20px;\n grid-column: 1 \/ -1;\n }\n\n .fcr-summary-value {\n font-size: 2.5rem;\n font-weight: 800;\n margin: 10px 0;\n color: var(--dark);\n }\n\n .fcr-summary-label {\n font-size: 1.2rem;\n color: #636363;\n font-weight: 600;\n }\n\n \/* PDF Section *\/\n .fcr-pdf-section {\n margin-top: 30px;\n text-align: center;\n padding-top: 20px;\n border-top: 2px dashed var(--border);\n }\n\n .fcr-pdf-btn {\n background: linear-gradient(to right, var(--danger), #F87171);\n color: white;\n border: none;\n padding: 16px 30px;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Rubik', sans-serif;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--shadow-light);\n }\n\n .fcr-pdf-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(239, 68, 68, 0.3);\n }\n\n \/* Footer *\/\n .fcr-footer {\n text-align: center;\n margin-top: 30px;\n color: var(--gray);\n font-size: 0.9rem;\n padding: 20px;\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n }\n\n .fcr-designer {\n font-weight: bold;\n margin-top: 10px;\n font-size: 1rem;\n color: var(--dark);\n }\n\n \/* Status Classes *\/\n .fcr-good {\n background-color: rgba(16, 185, 129, 0.15);\n color: var(--secondary);\n border: 1px solid rgba(16, 185, 129, 0.3);\n }\n\n .fcr-average {\n background-color: rgba(245, 158, 11, 0.15);\n color: var(--accent);\n border: 1px solid rgba(245, 158, 11, 0.3);\n }\n\n .fcr-poor {\n background-color: rgba(239, 68, 68, 0.15);\n color: var(--danger);\n border: 1px solid rgba(239, 68, 68, 0.3);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .fcr-form-row {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n \n .fcr-button-group {\n grid-template-columns: 1fr;\n }\n \n .fcr-result-grid {\n grid-template-columns: 1fr;\n }\n \n .fcr-container {\n padding: 10px;\n }\n \n .fcr-calculator {\n padding: 25px;\n }\n \n .fcr-result-value {\n font-size: 2.2rem;\n }\n \n .fcr-title {\n font-size: 1.8rem;\n }\n \n .fcr-header {\n padding: 25px;\n }\n }\n\n \/* Floating Icons *\/\n .fcr-floating-icon {\n position: absolute;\n font-size: 2rem;\n opacity: 0.7;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .fcr-icon-1 { top: 20px; left: 30px; animation-delay: 0s; }\n .fcr-icon-2 { bottom: 20px; right: 30px; animation-delay: 1s; }\n .fcr-icon-3 { top: 50%; left: 10%; animation-delay: 2s; }\n .fcr-icon-4 { bottom: 40%; right: 10%; animation-delay: 1.5s; }\n <\/style>\n<\/head>\n<body>\n <div class=\"fcr-container\">\n <header class=\"fcr-header\">\n <div class=\"fcr-floating-icon fcr-icon-1\">\ud83d\udc14<\/div>\n <div class=\"fcr-floating-icon fcr-icon-2\">\ud83e\udd5a<\/div>\n <div class=\"fcr-floating-icon fcr-icon-3\">\ud83c\udf3e<\/div>\n <div class=\"fcr-floating-icon fcr-icon-4\">\ud83d\udcca<\/div>\n \n <h1 class=\"fcr-title urdu-text\">\u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631<\/h1>\n <p class=\"fcr-subtitle urdu-text\">\u0627\u067e\u0646\u06cc \u067e\u0648\u0644\u0679\u0631\u06cc \u0641\u0627\u0631\u0645\u0646\u06af \u06a9\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u0627\u0648\u0631 \u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d \u06a9\u0648 \u062d\u0633\u0627\u0628 \u06a9\u0631\u06cc\u06ba<\/p>\n <\/header>\n \n <section class=\"fcr-calculator\">\n <div class=\"fcr-form-row\">\n <div class=\"fcr-form-group\">\n <label for=\"batch-name\" class=\"fcr-label urdu-text\">\ud83d\udcdb \u0628\u06cc\u0686 \u06a9\u0627 \u0646\u0627\u0645<\/label>\n <input type=\"text\" id=\"batch-name\" class=\"fcr-input\" placeholder=\"\u0628\u06cc\u0686 \u06a9\u0627 \u0646\u0627\u0645 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\">\n <\/div>\n <div class=\"fcr-form-group\">\n <label for=\"current-date\" class=\"fcr-label urdu-text\">\ud83d\udcc5 \u0622\u062c \u06a9\u06cc \u062a\u0627\u0631\u06cc\u062e<\/label>\n <input type=\"date\" id=\"current-date\" class=\"fcr-input\">\n <\/div>\n <\/div>\n \n <div class=\"fcr-form-row\">\n <div class=\"fcr-form-group\">\n <label for=\"chicks-start\" class=\"fcr-label urdu-text\">\ud83d\udc25 \u0634\u0631\u0648\u0639 \u0645\u06cc\u06ba \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f<\/label>\n <input type=\"number\" id=\"chicks-start\" class=\"fcr-input\" placeholder=\"\u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\" min=\"0\">\n <\/div>\n <div class=\"fcr-form-group\">\n <label for=\"chicks-end\" class=\"fcr-label urdu-text\">\ud83d\udc13 \u0627\u062e\u062a\u062a\u0627\u0645 \u067e\u0631 \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f<\/label>\n <input type=\"number\" id=\"chicks-end\" class=\"fcr-input\" placeholder=\"\u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\" min=\"0\">\n <\/div>\n <\/div>\n \n <div class=\"fcr-form-row\">\n <div class=\"fcr-form-group\">\n <label for=\"feed-consumed\" class=\"fcr-label urdu-text\">\ud83c\udf3e \u0641\u06cc\u0688 \u06a9\u06cc \u06a9\u06be\u067e\u062a<\/label>\n <input type=\"number\" id=\"feed-consumed\" class=\"fcr-input\" placeholder=\"\u0645\u0642\u062f\u0627\u0631 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba (\u06a9\u0644\u0648\u06af\u0631\u0627\u0645)\" min=\"0\" step=\"0.01\">\n <div class=\"fcr-unit\">(\u06a9\u0644\u0648\u06af\u0631\u0627\u0645 \u0645\u06cc\u06ba)<\/div>\n <\/div>\n \n <div class=\"fcr-form-group\">\n <label for=\"weight-gained\" class=\"fcr-label urdu-text\">\u2696\ufe0f \u0648\u0632\u0646 \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1<\/label>\n <input type=\"number\" id=\"weight-gained\" class=\"fcr-input\" placeholder=\"\u0645\u0642\u062f\u0627\u0631 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba (\u06a9\u0644\u0648\u06af\u0631\u0627\u0645)\" min=\"0\" step=\"0.01\">\n <div class=\"fcr-unit\">(\u06a9\u0644\u0648\u06af\u0631\u0627\u0645 \u0645\u06cc\u06ba)<\/div>\n <\/div>\n <\/div>\n \n <div class=\"fcr-button-group\">\n <button class=\"fcr-button fcr-calculate urdu-text\" id=\"calculate\">\n \ud83e\uddee \u062d\u0633\u0627\u0628 \u06a9\u0631\u06cc\u06ba\n <\/button>\n <button class=\"fcr-button fcr-reset urdu-text\" id=\"reset\">\n \ud83d\udd04 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0634\u0631\u0648\u0639 \u06a9\u0631\u06cc\u06ba\n <\/button>\n <\/div>\n \n <div class=\"fcr-result\" id=\"result\">\n <div class=\"fcr-result-header\">\n <h3 class=\"urdu-text\" id=\"batch-result-title\">\u0628\u06cc\u0686 \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c<\/h3>\n <p class=\"urdu-text\" id=\"calculation-date\">\u062a\u0627\u0631\u06cc\u062e: <\/p>\n <\/div>\n \n <div class=\"fcr-result-grid\">\n <div class=\"fcr-result-card fcr-card-fcr\">\n <div class=\"fcr-result-label urdu-text\">\u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR)<\/div>\n <div class=\"fcr-result-value\" id=\"fcr-value\">1.75<\/div>\n <div class=\"fcr-result-interpretation urdu-text\" id=\"fcr-interpretation\">\u0627\u0686\u06be\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc<\/div>\n <\/div>\n \n <div class=\"fcr-result-card fcr-card-mortality\">\n <div class=\"fcr-result-label urdu-text\">\u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d<\/div>\n <div class=\"fcr-result-value\" id=\"mortality-value\">5.2%<\/div>\n <div class=\"fcr-result-interpretation urdu-text\" id=\"mortality-interpretation\">\u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644<\/div>\n <\/div>\n <\/div>\n \n <div class=\"fcr-summary-card\">\n <div class=\"fcr-summary-label urdu-text\">\u06a9\u0644 \u0627\u0645\u0648\u0627\u062a<\/div>\n <div class=\"fcr-summary-value\" id=\"total-mortality\">52<\/div>\n <div class=\"urdu-text\" style=\"margin-top: 10px;\">\n <span id=\"chicks-start-display\">1000<\/span> \u0645\u06cc\u06ba \u0633\u06d2 <span id=\"chicks-end-display\">948<\/span> \u0686\u0648\u0632\u06d2 \u0628\u0627\u0642\u06cc\n <\/div>\n <\/div>\n \n <div class=\"fcr-pdf-section\">\n <button class=\"fcr-pdf-btn urdu-text\" id=\"pdf-export\">\n <i>\ud83d\udcc4<\/i> \u067e\u06cc \u0688\u06cc \u0627\u06cc\u0641 \u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u06a9\u0631\u06cc\u06ba\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n \n <footer class=\"fcr-footer urdu-text\">\n <p>\u06cc\u06c1 \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \u062a\u0639\u0644\u06cc\u0645\u06cc \u0645\u0642\u0627\u0635\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u06c1\u06d2\u06d4 \u0645\u062e\u0635\u0648\u0635 \u0641\u0627\u0631\u0645\u0646\u06af \u0645\u0634\u0648\u0631\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u0648\u0644\u0679\u0631\u06cc \u063a\u0630\u0627\u0626\u06cc\u062a \u06a9\u06d2 \u0645\u0627\u06c1\u0631\u06cc\u0646 \u0633\u06d2 \u0645\u0634\u0648\u0631\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n <p class=\"fcr-designer\">Designed by: Dr. Jamil-ur-Rahman, Islamabad \ud83d\udc68\u200d\u2695\ufe0f<\/p>\n <\/footer>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Set today's date as default\n const today = new Date();\n const formattedDate = today.toISOString().split('T')[0];\n document.getElementById('current-date').value = formattedDate;\n \n \/\/ DOM Elements\n const batchNameInput = document.getElementById('batch-name');\n const dateInput = document.getElementById('current-date');\n const chicksStartInput = document.getElementById('chicks-start');\n const chicksEndInput = document.getElementById('chicks-end');\n const feedInput = document.getElementById('feed-consumed');\n const weightInput = document.getElementById('weight-gained');\n const calculateBtn = document.getElementById('calculate');\n const resetBtn = document.getElementById('reset');\n const resultDiv = document.getElementById('result');\n const fcrValue = document.getElementById('fcr-value');\n const fcrInterpretation = document.getElementById('fcr-interpretation');\n const mortalityValue = document.getElementById('mortality-value');\n const mortalityInterpretation = document.getElementById('mortality-interpretation');\n const totalMortality = document.getElementById('total-mortality');\n const chicksStartDisplay = document.getElementById('chicks-start-display');\n const chicksEndDisplay = document.getElementById('chicks-end-display');\n const batchResultTitle = document.getElementById('batch-result-title');\n const calculationDate = document.getElementById('calculation-date');\n const pdfExportBtn = document.getElementById('pdf-export');\n \n \/\/ Store current results for PDF generation\n let currentResults = {};\n \n \/\/ Calculate FCR and mortality\n calculateBtn.addEventListener('click', function() {\n const batchName = batchNameInput.value || \"\u0628\u06cc\u0686\";\n const date = dateInput.value;\n const chicksStart = parseInt(chicksStartInput.value);\n const chicksEnd = parseInt(chicksEndInput.value);\n const feed = parseFloat(feedInput.value);\n const weight = parseFloat(weightInput.value);\n \n \/\/ Validate inputs\n if (isNaN(chicksStart) || chicksStart <= 0) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0634\u0631\u0648\u0639 \u0645\u06cc\u06ba \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062f\u0631\u0633\u062a \u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n return;\n }\n \n if (isNaN(chicksEnd) || chicksEnd < 0 || chicksEnd > chicksStart) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0627\u062e\u062a\u062a\u0627\u0645 \u067e\u0631 \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062f\u0631\u0633\u062a \u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n return;\n }\n \n if (isNaN(feed) || isNaN(weight) || feed <= 0 || weight <= 0) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0641\u06cc\u0688 \u06a9\u06be\u067e\u062a \u0627\u0648\u0631 \u0648\u0632\u0646 \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1 \u062f\u0648\u0646\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u0631\u0633\u062a \u0645\u062b\u0628\u062a \u0627\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n return;\n }\n \n \/\/ Calculate FCR\n const fcr = feed \/ weight;\n \n \/\/ Calculate mortality\n const mortalityCount = chicksStart - chicksEnd;\n const mortalityPercentage = (mortalityCount \/ chicksStart) * 100;\n \n \/\/ Update result title and date\n batchResultTitle.textContent = `${batchName} \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c`;\n calculationDate.textContent = `\u062a\u0627\u0631\u06cc\u062e: ${formatDate(date)}`;\n \n \/\/ Display FCR result\n fcrValue.textContent = fcr.toFixed(2);\n \n \/\/ Determine FCR interpretation\n let fcrInterpretationText = '';\n let fcrInterpretationClass = '';\n \n if (fcr < 1.6) {\n fcrInterpretationText = '\u0634\u0627\u0646\u062f\u0627\u0631 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc! \ud83c\udf89';\n fcrInterpretationClass = 'fcr-good';\n } else if (fcr < 1.8) {\n fcrInterpretationText = '\u0627\u0686\u06be\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \ud83d\udc4d';\n fcrInterpretationClass = 'fcr-good';\n } else if (fcr < 2.0) {\n fcrInterpretationText = '\u0627\u0648\u0633\u0637 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \ud83d\udc4c';\n fcrInterpretationClass = 'fcr-average';\n } else {\n fcrInterpretationText = '\u06a9\u0645 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc - \u0628\u06c1\u062a\u0631\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u26a0\ufe0f';\n fcrInterpretationClass = 'fcr-poor';\n }\n \n fcrInterpretation.textContent = fcrInterpretationText;\n fcrInterpretation.className = `fcr-result-interpretation urdu-text ${fcrInterpretationClass}`;\n \n \/\/ Display mortality result\n mortalityValue.textContent = `${mortalityPercentage.toFixed(1)}%`;\n totalMortality.textContent = mortalityCount;\n chicksStartDisplay.textContent = chicksStart;\n chicksEndDisplay.textContent = chicksEnd;\n \n \/\/ Determine mortality interpretation\n let mortalityInterpretationText = '';\n let mortalityInterpretationClass = '';\n \n if (mortalityPercentage < 5) {\n mortalityInterpretationText = '\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0635\u062d\u062a \u0627\u0648\u0631 \u0627\u0646\u062a\u0638\u0627\u0645 \ud83c\udfc6';\n mortalityInterpretationClass = 'fcr-good';\n } else if (mortalityPercentage < 8) {\n mortalityInterpretationText = '\u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u2705';\n mortalityInterpretationClass = 'fcr-average';\n } else {\n mortalityInterpretationText = '\u062a\u0634\u0648\u06cc\u0634\u0646\u0627\u06a9 - \u0628\u06c1\u062a\u0631\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \ud83d\udea8';\n mortalityInterpretationClass = 'fcr-poor';\n }\n \n mortalityInterpretation.textContent = mortalityInterpretationText;\n mortalityInterpretation.className = `fcr-result-interpretation urdu-text ${mortalityInterpretationClass}`;\n \n \/\/ Store current results for PDF\n currentResults = {\n batchName: batchName,\n date: date,\n fcr: fcr.toFixed(2),\n fcrInterpretation: fcrInterpretationText,\n mortalityPercentage: mortalityPercentage.toFixed(1),\n mortalityInterpretation: mortalityInterpretationText,\n chicksStart: chicksStart,\n chicksEnd: chicksEnd,\n mortalityCount: mortalityCount,\n feed: feed,\n weight: weight\n };\n \n \/\/ Show result section\n resultDiv.style.display = 'block';\n \n \/\/ Scroll to results\n resultDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n });\n \n \/\/ Reset button functionality\n resetBtn.addEventListener('click', function() {\n \/\/ Clear all input fields\n batchNameInput.value = '';\n dateInput.value = formattedDate; \/\/ Reset to today's date\n chicksStartInput.value = '';\n chicksEndInput.value = '';\n feedInput.value = '';\n weightInput.value = '';\n \n \/\/ Hide result section\n resultDiv.style.display = 'none';\n \n \/\/ Reset current results\n currentResults = {};\n \n \/\/ Show confirmation message\n alert('\u062a\u0645\u0627\u0645 \u0688\u06cc\u0679\u0627 \u0635\u0627\u0641 \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2\u06d4 \u0646\u0626\u06cc \u0627\u0646 \u067e\u0679 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n });\n \n \/\/ PDF Export functionality\n pdfExportBtn.addEventListener('click', function() {\n if (!currentResults.batchName) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u067e\u06c1\u0644\u06d2 \u062d\u0633\u0627\u0628 \u06a9\u0631\u06cc\u06ba \u062a\u0627\u06a9\u06c1 \u0631\u067e\u0648\u0631\u0679 \u062a\u06cc\u0627\u0631 \u06c1\u0648 \u0633\u06a9\u06d2\u06d4');\n return;\n }\n \n \/\/ Create PDF content\n const pdfContent = `\n <!DOCTYPE html>\n <html dir=\"rtl\" lang=\"ur\">\n <head>\n <meta charset=\"UTF-8\">\n <title>FCR \u0631\u067e\u0648\u0631\u0679<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Nastaliq Urdu', serif;\n line-height: 1.8;\n padding: 20px;\n color: #333;\n direction: rtl;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n }\n .report-container {\n background: white;\n border-radius: 15px;\n padding: 30px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n max-width: 800px;\n margin: 0 auto;\n }\n .header {\n text-align: center;\n margin-bottom: 30px;\n padding: 20px;\n background: linear-gradient(135deg, #8e44ad 0%, #7d3c98 100%);\n color: white;\n border-radius: 10px;\n }\n .results {\n display: flex;\n justify-content: space-between;\n margin-bottom: 30px;\n }\n .result-box {\n text-align: center;\n padding: 20px;\n border: 1px solid #ddd;\n border-radius: 10px;\n width: 48%;\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n }\n .value {\n font-size: 2.5rem;\n font-weight: bold;\n margin: 10px 0;\n background: linear-gradient(135deg, #8e44ad, #3498db);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .details {\n margin-bottom: 30px;\n padding: 20px;\n border: 1px solid #ddd;\n border-radius: 10px;\n background: #f8f9fa;\n }\n .footer {\n text-align: center;\n margin-top: 30px;\n color: #666;\n font-size: 0.9rem;\n padding-top: 15px;\n border-top: 1px solid #eee;\n }\n .interpretation {\n margin-top: 10px;\n padding: 10px;\n border-radius: 8px;\n font-weight: bold;\n }\n .good {\n background-color: rgba(46, 204, 113, 0.15);\n color: #27ae60;\n }\n .average {\n background-color: rgba(243, 156, 18, 0.15);\n color: #d35400;\n }\n .poor {\n background-color: rgba(231, 76, 60, 0.15);\n color: #c0392b;\n }\n .summary {\n background: linear-gradient(135deg, #ffeaa7, #fab1a0);\n border-radius: 10px;\n padding: 15px;\n text-align: center;\n margin-bottom: 20px;\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"report-container\">\n <div class=\"header\">\n <h1>\u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u0631\u067e\u0648\u0631\u0679<\/h1>\n <p>\u0628\u06cc\u0686: ${currentResults.batchName}<\/p>\n <p>\u062a\u0627\u0631\u06cc\u062e: ${formatDate(currentResults.date)}<\/p>\n <\/div>\n \n <div class=\"results\">\n <div class=\"result-box\">\n <h3>\u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR)<\/h3>\n <div class=\"value\">${currentResults.fcr}<\/div>\n <div class=\"interpretation ${getInterpretationClass(currentResults.fcr)}\">${currentResults.fcrInterpretation}<\/div>\n <\/div>\n \n <div class=\"result-box\">\n <h3>\u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d<\/h3>\n <div class=\"value\">${currentResults.mortalityPercentage}%<\/div>\n <div class=\"interpretation ${getMortalityClass(currentResults.mortalityPercentage)}\">${currentResults.mortalityInterpretation}<\/div>\n <\/div>\n <\/div>\n \n <div class=\"summary\">\n <h3>\u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0641\u0635\u06cc\u0644<\/h3>\n <p>\u0634\u0631\u0648\u0639 \u0645\u06cc\u06ba \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f: ${currentResults.chicksStart}<\/p>\n <p>\u0627\u062e\u062a\u062a\u0627\u0645 \u067e\u0631 \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f: ${currentResults.chicksEnd}<\/p>\n <p>\u06a9\u0644 \u0627\u0645\u0648\u0627\u062a: ${currentResults.mortalityCount}<\/p>\n <\/div>\n \n <div class=\"details\">\n <h3>\u0641\u06cc\u0688 \u0627\u0648\u0631 \u0648\u0632\u0646 \u06a9\u06cc \u062a\u0641\u0635\u06cc\u0644<\/h3>\n <p>\u0641\u06cc\u0688 \u06a9\u06cc \u06a9\u06be\u067e\u062a: ${currentResults.feed} \u06a9\u0644\u0648\u06af\u0631\u0627\u0645<\/p>\n <p>\u0648\u0632\u0646 \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1: ${currentResults.weight} \u06a9\u0644\u0648\u06af\u0631\u0627\u0645<\/p>\n <\/div>\n \n <div class=\"footer\">\n <p>\u06cc\u06c1 \u0631\u067e\u0648\u0631\u0679 \u0686\u06a9\u0646 FCR \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u062a\u06cc\u0627\u0631 \u06a9\u06cc \u06af\u0626\u06cc \u06c1\u06d2<\/p>\n <p>\u062a\u0627\u0631\u06cc\u062e \u0631\u067e\u0648\u0631\u0679: ${new Date().toLocaleDateString('ur-PK')}<\/p>\n <p style=\"margin-top: 10px; font-weight: bold;\">Designed by: Dr. Jamil-ur-Rahman, Islamabad<\/p>\n <\/div>\n <\/div>\n <\/body>\n <\/html>\n `;\n \n \/\/ Create a new window for PDF\n const printWindow = window.open('', '_blank');\n printWindow.document.write(pdfContent);\n printWindow.document.close();\n \n \/\/ Wait for content to load then print\n printWindow.onload = function() {\n printWindow.print();\n };\n });\n \n \/\/ Helper function to format date\n function formatDate(dateString) {\n const date = new Date(dateString);\n const options = { year: 'numeric', month: 'long', day: 'numeric' };\n return date.toLocaleDateString('ur-PK', options);\n }\n \n \/\/ Helper function to determine FCR interpretation class\n function getInterpretationClass(fcr) {\n const fcrValue = parseFloat(fcr);\n if (fcrValue < 1.6) return 'good';\n if (fcrValue < 1.8) return 'good';\n if (fcrValue < 2.0) return 'average';\n return 'poor';\n }\n \n \/\/ Helper function to determine mortality interpretation class\n function getMortalityClass(mortalityPercentage) {\n const mortalityValue = parseFloat(mortalityPercentage);\n if (mortalityValue < 5) return 'good';\n if (mortalityValue < 8) return 'average';\n return 'poor';\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \ud83d\udc14 \ud83e\udd5a \ud83c\udf3e \ud83d\udcca \u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \u0627\u067e\u0646\u06cc \u067e\u0648\u0644\u0679\u0631\u06cc \u0641\u0627\u0631\u0645\u0646\u06af \u06a9\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u0627\u0648\u0631 \u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d <a href=\"https:\/\/rabtah.com\/?page_id=81\" class=\"read-more-link\">[more…]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rabtah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=81"}],"version-history":[{"count":2,"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages\/81\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":81,"date":"2025-11-06T21:50:19","date_gmt":"2025-11-06T21:50:19","guid":{"rendered":"https:\/\/rabtah.com\/?page_id=81"},"modified":"2025-11-06T21:50:19","modified_gmt":"2025-11-06T21:50:19","slug":"fcr-calculator","status":"publish","type":"page","link":"https:\/\/rabtah.com\/?page_id=81","title":{"rendered":"FCR Calculator"},"content":{"rendered":"\n\n\n\n \n \n \u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu&family=Rubik:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Modern CSS Reset *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* Color Variables *\/\n :root {\n --primary: #6366F1;\n --primary-light: #818CF8;\n --primary-dark: #4F46E5;\n --secondary: #10B981;\n --accent: #F59E0B;\n --danger: #EF4444;\n --light: #F8FAFC;\n --dark: #1E293B;\n --gray: #64748B;\n --border: #E2E8F0;\n --card-bg: #FFFFFF;\n --shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n --shadow-light: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n }\n\n \/* Base Styles *\/\n body {\n background: linear-gradient(135deg, #F0F4FF 0%, #F8FAFC 100%);\n color: var(--dark);\n line-height: 1.6;\n direction: rtl;\n font-family: 'Rubik', 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', Tahoma, sans-serif;\n min-height: 100vh;\n padding: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .urdu-text {\n font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', serif;\n line-height: 1.8;\n }\n\n \/* Container *\/\n .fcr-container {\n max-width: 900px;\n width: 100%;\n margin: 0 auto;\n }\n\n \/* Header *\/\n .fcr-header {\n text-align: center;\n margin-bottom: 40px;\n padding: 30px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n border-radius: 20px;\n box-shadow: var(--shadow);\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .fcr-header::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);\n transform: rotate(30deg);\n }\n\n .fcr-title {\n margin-bottom: 15px;\n font-size: 2.2rem;\n font-weight: 600;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.2);\n }\n\n .fcr-subtitle {\n font-size: 1.2rem;\n opacity: 0.9;\n font-weight: 300;\n }\n\n \/* Calculator Card *\/\n .fcr-calculator {\n background: var(--card-bg);\n border-radius: 20px;\n padding: 35px;\n box-shadow: var(--shadow);\n margin-bottom: 30px;\n border: 1px solid rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(10px);\n }\n\n \/* Form Layout *\/\n .fcr-form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-bottom: 25px;\n }\n\n .fcr-form-group {\n margin-bottom: 0;\n }\n\n \/* Labels *\/\n .fcr-label {\n display: block;\n margin-bottom: 10px;\n font-weight: 500;\n color: var(--dark);\n font-size: 1.1rem;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* Inputs *\/\n .fcr-input {\n width: 100%;\n padding: 15px 18px;\n border: 2px solid var(--border);\n border-radius: 12px;\n font-size: 16px;\n transition: all 0.3s ease;\n direction: ltr;\n text-align: right;\n background: var(--light);\n font-family: 'Rubik', sans-serif;\n }\n\n .fcr-input:focus {\n border-color: var(--primary);\n outline: none;\n box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n background: white;\n transform: translateY(-2px);\n }\n\n .fcr-unit {\n color: var(--gray);\n font-size: 0.9rem;\n margin-top: 5px;\n text-align: right;\n }\n\n \/* Button Group *\/\n .fcr-button-group {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 15px;\n margin-top: 20px;\n }\n\n .fcr-button {\n padding: 16px 25px;\n border: none;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Rubik', sans-serif;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n box-shadow: var(--shadow-light);\n position: relative;\n overflow: hidden;\n }\n\n .fcr-button::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: 0.5s;\n }\n\n .fcr-button:hover::before {\n left: 100%;\n }\n\n .fcr-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);\n }\n\n .fcr-button:active {\n transform: translateY(-1px);\n }\n\n .fcr-calculate {\n background: linear-gradient(to right, var(--primary), var(--primary-light));\n color: white;\n }\n\n .fcr-reset {\n background: linear-gradient(to right, var(--gray), #94A3B8);\n color: white;\n }\n\n \/* Results Section *\/\n .fcr-result {\n margin-top: 30px;\n padding: 30px;\n border-radius: 20px;\n display: none;\n background: var(--card-bg);\n box-shadow: var(--shadow-light);\n border: 1px solid var(--border);\n animation: fadeIn 0.5s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .fcr-result-header {\n text-align: center;\n margin-bottom: 25px;\n padding-bottom: 15px;\n border-bottom: 2px dashed var(--border);\n }\n\n .fcr-result-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 25px;\n }\n\n \/* Result Cards *\/\n .fcr-result-card {\n background: white;\n border-radius: 16px;\n padding: 25px;\n text-align: center;\n box-shadow: var(--shadow-light);\n border: 1px solid rgba(255, 255, 255, 0.5);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .fcr-result-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n }\n\n .fcr-card-fcr::before {\n background: linear-gradient(to right, var(--secondary), #34D399);\n }\n\n .fcr-card-mortality::before {\n background: linear-gradient(to right, var(--accent), #FBBF24);\n }\n\n .fcr-result-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\n }\n\n .fcr-result-value {\n font-size: 2.8rem;\n font-weight: 700;\n margin: 15px 0;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .fcr-result-label {\n font-size: 1.2rem;\n color: var(--dark);\n font-weight: 600;\n }\n\n .fcr-result-interpretation {\n font-size: 1.1rem;\n margin-top: 10px;\n padding: 10px;\n border-radius: 8px;\n text-align: center;\n font-weight: 600;\n }\n\n \/* Summary Card *\/\n .fcr-summary-card {\n background: linear-gradient(135deg, #FEF3C7, #FDE68A);\n border-radius: 16px;\n padding: 25px;\n text-align: center;\n box-shadow: var(--shadow-light);\n margin-top: 20px;\n grid-column: 1 \/ -1;\n }\n\n .fcr-summary-value {\n font-size: 2.5rem;\n font-weight: 800;\n margin: 10px 0;\n color: var(--dark);\n }\n\n .fcr-summary-label {\n font-size: 1.2rem;\n color: #636363;\n font-weight: 600;\n }\n\n \/* PDF Section *\/\n .fcr-pdf-section {\n margin-top: 30px;\n text-align: center;\n padding-top: 20px;\n border-top: 2px dashed var(--border);\n }\n\n .fcr-pdf-btn {\n background: linear-gradient(to right, var(--danger), #F87171);\n color: white;\n border: none;\n padding: 16px 30px;\n border-radius: 12px;\n font-size: 16px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Rubik', sans-serif;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n box-shadow: var(--shadow-light);\n }\n\n .fcr-pdf-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(239, 68, 68, 0.3);\n }\n\n \/* Footer *\/\n .fcr-footer {\n text-align: center;\n margin-top: 30px;\n color: var(--gray);\n font-size: 0.9rem;\n padding: 20px;\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(10px);\n }\n\n .fcr-designer {\n font-weight: bold;\n margin-top: 10px;\n font-size: 1rem;\n color: var(--dark);\n }\n\n \/* Status Classes *\/\n .fcr-good {\n background-color: rgba(16, 185, 129, 0.15);\n color: var(--secondary);\n border: 1px solid rgba(16, 185, 129, 0.3);\n }\n\n .fcr-average {\n background-color: rgba(245, 158, 11, 0.15);\n color: var(--accent);\n border: 1px solid rgba(245, 158, 11, 0.3);\n }\n\n .fcr-poor {\n background-color: rgba(239, 68, 68, 0.15);\n color: var(--danger);\n border: 1px solid rgba(239, 68, 68, 0.3);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .fcr-form-row {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n \n .fcr-button-group {\n grid-template-columns: 1fr;\n }\n \n .fcr-result-grid {\n grid-template-columns: 1fr;\n }\n \n .fcr-container {\n padding: 10px;\n }\n \n .fcr-calculator {\n padding: 25px;\n }\n \n .fcr-result-value {\n font-size: 2.2rem;\n }\n \n .fcr-title {\n font-size: 1.8rem;\n }\n \n .fcr-header {\n padding: 25px;\n }\n }\n\n \/* Floating Icons *\/\n .fcr-floating-icon {\n position: absolute;\n font-size: 2rem;\n opacity: 0.7;\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n\n .fcr-icon-1 { top: 20px; left: 30px; animation-delay: 0s; }\n .fcr-icon-2 { bottom: 20px; right: 30px; animation-delay: 1s; }\n .fcr-icon-3 { top: 50%; left: 10%; animation-delay: 2s; }\n .fcr-icon-4 { bottom: 40%; right: 10%; animation-delay: 1.5s; }\n <\/style>\n<\/head>\n<body>\n <div class=\"fcr-container\">\n <header class=\"fcr-header\">\n <div class=\"fcr-floating-icon fcr-icon-1\">\ud83d\udc14<\/div>\n <div class=\"fcr-floating-icon fcr-icon-2\">\ud83e\udd5a<\/div>\n <div class=\"fcr-floating-icon fcr-icon-3\">\ud83c\udf3e<\/div>\n <div class=\"fcr-floating-icon fcr-icon-4\">\ud83d\udcca<\/div>\n \n <h1 class=\"fcr-title urdu-text\">\u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631<\/h1>\n <p class=\"fcr-subtitle urdu-text\">\u0627\u067e\u0646\u06cc \u067e\u0648\u0644\u0679\u0631\u06cc \u0641\u0627\u0631\u0645\u0646\u06af \u06a9\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u0627\u0648\u0631 \u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d \u06a9\u0648 \u062d\u0633\u0627\u0628 \u06a9\u0631\u06cc\u06ba<\/p>\n <\/header>\n \n <section class=\"fcr-calculator\">\n <div class=\"fcr-form-row\">\n <div class=\"fcr-form-group\">\n <label for=\"batch-name\" class=\"fcr-label urdu-text\">\ud83d\udcdb \u0628\u06cc\u0686 \u06a9\u0627 \u0646\u0627\u0645<\/label>\n <input type=\"text\" id=\"batch-name\" class=\"fcr-input\" placeholder=\"\u0628\u06cc\u0686 \u06a9\u0627 \u0646\u0627\u0645 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\">\n <\/div>\n <div class=\"fcr-form-group\">\n <label for=\"current-date\" class=\"fcr-label urdu-text\">\ud83d\udcc5 \u0622\u062c \u06a9\u06cc \u062a\u0627\u0631\u06cc\u062e<\/label>\n <input type=\"date\" id=\"current-date\" class=\"fcr-input\">\n <\/div>\n <\/div>\n \n <div class=\"fcr-form-row\">\n <div class=\"fcr-form-group\">\n <label for=\"chicks-start\" class=\"fcr-label urdu-text\">\ud83d\udc25 \u0634\u0631\u0648\u0639 \u0645\u06cc\u06ba \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f<\/label>\n <input type=\"number\" id=\"chicks-start\" class=\"fcr-input\" placeholder=\"\u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\" min=\"0\">\n <\/div>\n <div class=\"fcr-form-group\">\n <label for=\"chicks-end\" class=\"fcr-label urdu-text\">\ud83d\udc13 \u0627\u062e\u062a\u062a\u0627\u0645 \u067e\u0631 \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f<\/label>\n <input type=\"number\" id=\"chicks-end\" class=\"fcr-input\" placeholder=\"\u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\" min=\"0\">\n <\/div>\n <\/div>\n \n <div class=\"fcr-form-row\">\n <div class=\"fcr-form-group\">\n <label for=\"feed-consumed\" class=\"fcr-label urdu-text\">\ud83c\udf3e \u0641\u06cc\u0688 \u06a9\u06cc \u06a9\u06be\u067e\u062a<\/label>\n <input type=\"number\" id=\"feed-consumed\" class=\"fcr-input\" placeholder=\"\u0645\u0642\u062f\u0627\u0631 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba (\u06a9\u0644\u0648\u06af\u0631\u0627\u0645)\" min=\"0\" step=\"0.01\">\n <div class=\"fcr-unit\">(\u06a9\u0644\u0648\u06af\u0631\u0627\u0645 \u0645\u06cc\u06ba)<\/div>\n <\/div>\n \n <div class=\"fcr-form-group\">\n <label for=\"weight-gained\" class=\"fcr-label urdu-text\">\u2696\ufe0f \u0648\u0632\u0646 \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1<\/label>\n <input type=\"number\" id=\"weight-gained\" class=\"fcr-input\" placeholder=\"\u0645\u0642\u062f\u0627\u0631 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba (\u06a9\u0644\u0648\u06af\u0631\u0627\u0645)\" min=\"0\" step=\"0.01\">\n <div class=\"fcr-unit\">(\u06a9\u0644\u0648\u06af\u0631\u0627\u0645 \u0645\u06cc\u06ba)<\/div>\n <\/div>\n <\/div>\n \n <div class=\"fcr-button-group\">\n <button class=\"fcr-button fcr-calculate urdu-text\" id=\"calculate\">\n \ud83e\uddee \u062d\u0633\u0627\u0628 \u06a9\u0631\u06cc\u06ba\n <\/button>\n <button class=\"fcr-button fcr-reset urdu-text\" id=\"reset\">\n \ud83d\udd04 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0634\u0631\u0648\u0639 \u06a9\u0631\u06cc\u06ba\n <\/button>\n <\/div>\n \n <div class=\"fcr-result\" id=\"result\">\n <div class=\"fcr-result-header\">\n <h3 class=\"urdu-text\" id=\"batch-result-title\">\u0628\u06cc\u0686 \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c<\/h3>\n <p class=\"urdu-text\" id=\"calculation-date\">\u062a\u0627\u0631\u06cc\u062e: <\/p>\n <\/div>\n \n <div class=\"fcr-result-grid\">\n <div class=\"fcr-result-card fcr-card-fcr\">\n <div class=\"fcr-result-label urdu-text\">\u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR)<\/div>\n <div class=\"fcr-result-value\" id=\"fcr-value\">1.75<\/div>\n <div class=\"fcr-result-interpretation urdu-text\" id=\"fcr-interpretation\">\u0627\u0686\u06be\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc<\/div>\n <\/div>\n \n <div class=\"fcr-result-card fcr-card-mortality\">\n <div class=\"fcr-result-label urdu-text\">\u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d<\/div>\n <div class=\"fcr-result-value\" id=\"mortality-value\">5.2%<\/div>\n <div class=\"fcr-result-interpretation urdu-text\" id=\"mortality-interpretation\">\u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644<\/div>\n <\/div>\n <\/div>\n \n <div class=\"fcr-summary-card\">\n <div class=\"fcr-summary-label urdu-text\">\u06a9\u0644 \u0627\u0645\u0648\u0627\u062a<\/div>\n <div class=\"fcr-summary-value\" id=\"total-mortality\">52<\/div>\n <div class=\"urdu-text\" style=\"margin-top: 10px;\">\n <span id=\"chicks-start-display\">1000<\/span> \u0645\u06cc\u06ba \u0633\u06d2 <span id=\"chicks-end-display\">948<\/span> \u0686\u0648\u0632\u06d2 \u0628\u0627\u0642\u06cc\n <\/div>\n <\/div>\n \n <div class=\"fcr-pdf-section\">\n <button class=\"fcr-pdf-btn urdu-text\" id=\"pdf-export\">\n <i>\ud83d\udcc4<\/i> \u067e\u06cc \u0688\u06cc \u0627\u06cc\u0641 \u0688\u0627\u0624\u0646 \u0644\u0648\u0688 \u06a9\u0631\u06cc\u06ba\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n \n <footer class=\"fcr-footer urdu-text\">\n <p>\u06cc\u06c1 \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \u062a\u0639\u0644\u06cc\u0645\u06cc \u0645\u0642\u0627\u0635\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u06c1\u06d2\u06d4 \u0645\u062e\u0635\u0648\u0635 \u0641\u0627\u0631\u0645\u0646\u06af \u0645\u0634\u0648\u0631\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u0648\u0644\u0679\u0631\u06cc \u063a\u0630\u0627\u0626\u06cc\u062a \u06a9\u06d2 \u0645\u0627\u06c1\u0631\u06cc\u0646 \u0633\u06d2 \u0645\u0634\u0648\u0631\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n <p class=\"fcr-designer\">Designed by: Dr. Jamil-ur-Rahman, Islamabad \ud83d\udc68\u200d\u2695\ufe0f<\/p>\n <\/footer>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Set today's date as default\n const today = new Date();\n const formattedDate = today.toISOString().split('T')[0];\n document.getElementById('current-date').value = formattedDate;\n \n \/\/ DOM Elements\n const batchNameInput = document.getElementById('batch-name');\n const dateInput = document.getElementById('current-date');\n const chicksStartInput = document.getElementById('chicks-start');\n const chicksEndInput = document.getElementById('chicks-end');\n const feedInput = document.getElementById('feed-consumed');\n const weightInput = document.getElementById('weight-gained');\n const calculateBtn = document.getElementById('calculate');\n const resetBtn = document.getElementById('reset');\n const resultDiv = document.getElementById('result');\n const fcrValue = document.getElementById('fcr-value');\n const fcrInterpretation = document.getElementById('fcr-interpretation');\n const mortalityValue = document.getElementById('mortality-value');\n const mortalityInterpretation = document.getElementById('mortality-interpretation');\n const totalMortality = document.getElementById('total-mortality');\n const chicksStartDisplay = document.getElementById('chicks-start-display');\n const chicksEndDisplay = document.getElementById('chicks-end-display');\n const batchResultTitle = document.getElementById('batch-result-title');\n const calculationDate = document.getElementById('calculation-date');\n const pdfExportBtn = document.getElementById('pdf-export');\n \n \/\/ Store current results for PDF generation\n let currentResults = {};\n \n \/\/ Calculate FCR and mortality\n calculateBtn.addEventListener('click', function() {\n const batchName = batchNameInput.value || \"\u0628\u06cc\u0686\";\n const date = dateInput.value;\n const chicksStart = parseInt(chicksStartInput.value);\n const chicksEnd = parseInt(chicksEndInput.value);\n const feed = parseFloat(feedInput.value);\n const weight = parseFloat(weightInput.value);\n \n \/\/ Validate inputs\n if (isNaN(chicksStart) || chicksStart <= 0) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0634\u0631\u0648\u0639 \u0645\u06cc\u06ba \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062f\u0631\u0633\u062a \u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n return;\n }\n \n if (isNaN(chicksEnd) || chicksEnd < 0 || chicksEnd > chicksStart) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0627\u062e\u062a\u062a\u0627\u0645 \u067e\u0631 \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062f\u0631\u0633\u062a \u062a\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n return;\n }\n \n if (isNaN(feed) || isNaN(weight) || feed <= 0 || weight <= 0) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0641\u06cc\u0688 \u06a9\u06be\u067e\u062a \u0627\u0648\u0631 \u0648\u0632\u0646 \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1 \u062f\u0648\u0646\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u0631\u0633\u062a \u0645\u062b\u0628\u062a \u0627\u0639\u062f\u0627\u062f \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n return;\n }\n \n \/\/ Calculate FCR\n const fcr = feed \/ weight;\n \n \/\/ Calculate mortality\n const mortalityCount = chicksStart - chicksEnd;\n const mortalityPercentage = (mortalityCount \/ chicksStart) * 100;\n \n \/\/ Update result title and date\n batchResultTitle.textContent = `${batchName} \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c`;\n calculationDate.textContent = `\u062a\u0627\u0631\u06cc\u062e: ${formatDate(date)}`;\n \n \/\/ Display FCR result\n fcrValue.textContent = fcr.toFixed(2);\n \n \/\/ Determine FCR interpretation\n let fcrInterpretationText = '';\n let fcrInterpretationClass = '';\n \n if (fcr < 1.6) {\n fcrInterpretationText = '\u0634\u0627\u0646\u062f\u0627\u0631 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc! \ud83c\udf89';\n fcrInterpretationClass = 'fcr-good';\n } else if (fcr < 1.8) {\n fcrInterpretationText = '\u0627\u0686\u06be\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \ud83d\udc4d';\n fcrInterpretationClass = 'fcr-good';\n } else if (fcr < 2.0) {\n fcrInterpretationText = '\u0627\u0648\u0633\u0637 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \ud83d\udc4c';\n fcrInterpretationClass = 'fcr-average';\n } else {\n fcrInterpretationText = '\u06a9\u0645 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc - \u0628\u06c1\u062a\u0631\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u26a0\ufe0f';\n fcrInterpretationClass = 'fcr-poor';\n }\n \n fcrInterpretation.textContent = fcrInterpretationText;\n fcrInterpretation.className = `fcr-result-interpretation urdu-text ${fcrInterpretationClass}`;\n \n \/\/ Display mortality result\n mortalityValue.textContent = `${mortalityPercentage.toFixed(1)}%`;\n totalMortality.textContent = mortalityCount;\n chicksStartDisplay.textContent = chicksStart;\n chicksEndDisplay.textContent = chicksEnd;\n \n \/\/ Determine mortality interpretation\n let mortalityInterpretationText = '';\n let mortalityInterpretationClass = '';\n \n if (mortalityPercentage < 5) {\n mortalityInterpretationText = '\u0628\u06c1\u062a\u0631\u06cc\u0646 \u0635\u062d\u062a \u0627\u0648\u0631 \u0627\u0646\u062a\u0638\u0627\u0645 \ud83c\udfc6';\n mortalityInterpretationClass = 'fcr-good';\n } else if (mortalityPercentage < 8) {\n mortalityInterpretationText = '\u0642\u0627\u0628\u0644 \u0642\u0628\u0648\u0644 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u2705';\n mortalityInterpretationClass = 'fcr-average';\n } else {\n mortalityInterpretationText = '\u062a\u0634\u0648\u06cc\u0634\u0646\u0627\u06a9 - \u0628\u06c1\u062a\u0631\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \ud83d\udea8';\n mortalityInterpretationClass = 'fcr-poor';\n }\n \n mortalityInterpretation.textContent = mortalityInterpretationText;\n mortalityInterpretation.className = `fcr-result-interpretation urdu-text ${mortalityInterpretationClass}`;\n \n \/\/ Store current results for PDF\n currentResults = {\n batchName: batchName,\n date: date,\n fcr: fcr.toFixed(2),\n fcrInterpretation: fcrInterpretationText,\n mortalityPercentage: mortalityPercentage.toFixed(1),\n mortalityInterpretation: mortalityInterpretationText,\n chicksStart: chicksStart,\n chicksEnd: chicksEnd,\n mortalityCount: mortalityCount,\n feed: feed,\n weight: weight\n };\n \n \/\/ Show result section\n resultDiv.style.display = 'block';\n \n \/\/ Scroll to results\n resultDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n });\n \n \/\/ Reset button functionality\n resetBtn.addEventListener('click', function() {\n \/\/ Clear all input fields\n batchNameInput.value = '';\n dateInput.value = formattedDate; \/\/ Reset to today's date\n chicksStartInput.value = '';\n chicksEndInput.value = '';\n feedInput.value = '';\n weightInput.value = '';\n \n \/\/ Hide result section\n resultDiv.style.display = 'none';\n \n \/\/ Reset current results\n currentResults = {};\n \n \/\/ Show confirmation message\n alert('\u062a\u0645\u0627\u0645 \u0688\u06cc\u0679\u0627 \u0635\u0627\u0641 \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2\u06d4 \u0646\u0626\u06cc \u0627\u0646 \u067e\u0679 \u062f\u0631\u062c \u06a9\u0631\u06cc\u06ba\u06d4');\n });\n \n \/\/ PDF Export functionality\n pdfExportBtn.addEventListener('click', function() {\n if (!currentResults.batchName) {\n alert('\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u067e\u06c1\u0644\u06d2 \u062d\u0633\u0627\u0628 \u06a9\u0631\u06cc\u06ba \u062a\u0627\u06a9\u06c1 \u0631\u067e\u0648\u0631\u0679 \u062a\u06cc\u0627\u0631 \u06c1\u0648 \u0633\u06a9\u06d2\u06d4');\n return;\n }\n \n \/\/ Create PDF content\n const pdfContent = `\n <!DOCTYPE html>\n <html dir=\"rtl\" lang=\"ur\">\n <head>\n <meta charset=\"UTF-8\">\n <title>FCR \u0631\u067e\u0648\u0631\u0679<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Nastaliq+Urdu&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Nastaliq Urdu', serif;\n line-height: 1.8;\n padding: 20px;\n color: #333;\n direction: rtl;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n }\n .report-container {\n background: white;\n border-radius: 15px;\n padding: 30px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\n max-width: 800px;\n margin: 0 auto;\n }\n .header {\n text-align: center;\n margin-bottom: 30px;\n padding: 20px;\n background: linear-gradient(135deg, #8e44ad 0%, #7d3c98 100%);\n color: white;\n border-radius: 10px;\n }\n .results {\n display: flex;\n justify-content: space-between;\n margin-bottom: 30px;\n }\n .result-box {\n text-align: center;\n padding: 20px;\n border: 1px solid #ddd;\n border-radius: 10px;\n width: 48%;\n box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n }\n .value {\n font-size: 2.5rem;\n font-weight: bold;\n margin: 10px 0;\n background: linear-gradient(135deg, #8e44ad, #3498db);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .details {\n margin-bottom: 30px;\n padding: 20px;\n border: 1px solid #ddd;\n border-radius: 10px;\n background: #f8f9fa;\n }\n .footer {\n text-align: center;\n margin-top: 30px;\n color: #666;\n font-size: 0.9rem;\n padding-top: 15px;\n border-top: 1px solid #eee;\n }\n .interpretation {\n margin-top: 10px;\n padding: 10px;\n border-radius: 8px;\n font-weight: bold;\n }\n .good {\n background-color: rgba(46, 204, 113, 0.15);\n color: #27ae60;\n }\n .average {\n background-color: rgba(243, 156, 18, 0.15);\n color: #d35400;\n }\n .poor {\n background-color: rgba(231, 76, 60, 0.15);\n color: #c0392b;\n }\n .summary {\n background: linear-gradient(135deg, #ffeaa7, #fab1a0);\n border-radius: 10px;\n padding: 15px;\n text-align: center;\n margin-bottom: 20px;\n }\n <\/style>\n <\/head>\n <body>\n <div class=\"report-container\">\n <div class=\"header\">\n <h1>\u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u0631\u067e\u0648\u0631\u0679<\/h1>\n <p>\u0628\u06cc\u0686: ${currentResults.batchName}<\/p>\n <p>\u062a\u0627\u0631\u06cc\u062e: ${formatDate(currentResults.date)}<\/p>\n <\/div>\n \n <div class=\"results\">\n <div class=\"result-box\">\n <h3>\u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR)<\/h3>\n <div class=\"value\">${currentResults.fcr}<\/div>\n <div class=\"interpretation ${getInterpretationClass(currentResults.fcr)}\">${currentResults.fcrInterpretation}<\/div>\n <\/div>\n \n <div class=\"result-box\">\n <h3>\u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d<\/h3>\n <div class=\"value\">${currentResults.mortalityPercentage}%<\/div>\n <div class=\"interpretation ${getMortalityClass(currentResults.mortalityPercentage)}\">${currentResults.mortalityInterpretation}<\/div>\n <\/div>\n <\/div>\n \n <div class=\"summary\">\n <h3>\u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0641\u0635\u06cc\u0644<\/h3>\n <p>\u0634\u0631\u0648\u0639 \u0645\u06cc\u06ba \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f: ${currentResults.chicksStart}<\/p>\n <p>\u0627\u062e\u062a\u062a\u0627\u0645 \u067e\u0631 \u0686\u0648\u0632\u0648\u06ba \u06a9\u06cc \u062a\u0639\u062f\u0627\u062f: ${currentResults.chicksEnd}<\/p>\n <p>\u06a9\u0644 \u0627\u0645\u0648\u0627\u062a: ${currentResults.mortalityCount}<\/p>\n <\/div>\n \n <div class=\"details\">\n <h3>\u0641\u06cc\u0688 \u0627\u0648\u0631 \u0648\u0632\u0646 \u06a9\u06cc \u062a\u0641\u0635\u06cc\u0644<\/h3>\n <p>\u0641\u06cc\u0688 \u06a9\u06cc \u06a9\u06be\u067e\u062a: ${currentResults.feed} \u06a9\u0644\u0648\u06af\u0631\u0627\u0645<\/p>\n <p>\u0648\u0632\u0646 \u0645\u06cc\u06ba \u0627\u0636\u0627\u0641\u06c1: ${currentResults.weight} \u06a9\u0644\u0648\u06af\u0631\u0627\u0645<\/p>\n <\/div>\n \n <div class=\"footer\">\n <p>\u06cc\u06c1 \u0631\u067e\u0648\u0631\u0679 \u0686\u06a9\u0646 FCR \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u062a\u06cc\u0627\u0631 \u06a9\u06cc \u06af\u0626\u06cc \u06c1\u06d2<\/p>\n <p>\u062a\u0627\u0631\u06cc\u062e \u0631\u067e\u0648\u0631\u0679: ${new Date().toLocaleDateString('ur-PK')}<\/p>\n <p style=\"margin-top: 10px; font-weight: bold;\">Designed by: Dr. Jamil-ur-Rahman, Islamabad<\/p>\n <\/div>\n <\/div>\n <\/body>\n <\/html>\n `;\n \n \/\/ Create a new window for PDF\n const printWindow = window.open('', '_blank');\n printWindow.document.write(pdfContent);\n printWindow.document.close();\n \n \/\/ Wait for content to load then print\n printWindow.onload = function() {\n printWindow.print();\n };\n });\n \n \/\/ Helper function to format date\n function formatDate(dateString) {\n const date = new Date(dateString);\n const options = { year: 'numeric', month: 'long', day: 'numeric' };\n return date.toLocaleDateString('ur-PK', options);\n }\n \n \/\/ Helper function to determine FCR interpretation class\n function getInterpretationClass(fcr) {\n const fcrValue = parseFloat(fcr);\n if (fcrValue < 1.6) return 'good';\n if (fcrValue < 1.8) return 'good';\n if (fcrValue < 2.0) return 'average';\n return 'poor';\n }\n \n \/\/ Helper function to determine mortality interpretation class\n function getMortalityClass(mortalityPercentage) {\n const mortalityValue = parseFloat(mortalityPercentage);\n if (mortalityValue < 5) return 'good';\n if (mortalityValue < 8) return 'average';\n return 'poor';\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \ud83d\udc14 \ud83e\udd5a \ud83c\udf3e \ud83d\udcca \u0686\u06a9\u0646 \u0641\u06cc\u0688 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0631\u06cc\u0634\u0648 (FCR) \u06a9\u06cc\u0644\u06a9\u0648\u0644\u06cc\u0679\u0631 \u0627\u067e\u0646\u06cc \u067e\u0648\u0644\u0679\u0631\u06cc \u0641\u0627\u0631\u0645\u0646\u06af \u06a9\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u0627\u0648\u0631 \u0627\u0645\u0648\u0627\u062a \u06a9\u06cc \u0634\u0631\u062d <a href=\"https:\/\/rabtah.com\/?page_id=81\" class=\"read-more-link\">[more…]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rabtah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=81"}],"version-history":[{"count":2,"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/rabtah.com\/index.php?rest_route=\/wp\/v2\/pages\/81\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/rabtah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}