{"id":1889,"date":"2026-02-09T06:09:16","date_gmt":"2026-02-09T06:09:16","guid":{"rendered":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/?page_id=1889"},"modified":"2026-02-09T06:16:48","modified_gmt":"2026-02-09T06:16:48","slug":"reminder-cards","status":"publish","type":"page","link":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/reminder-cards\/","title":{"rendered":"Reminder Cards"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1889\" class=\"elementor elementor-1889\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b1176 e-flex e-con-boxed e-con e-parent\" data-id=\"f2b1176\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d239e59 elementor-widget elementor-widget-html\" data-id=\"d239e59\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    body {\r\n        font-family: 'Arial', sans-serif;\r\n        margin: 0;\r\n        padding: 0;\r\n        background-color: #f8f9fa;\r\n    }\r\n\r\n    .container {\r\n        max-width: 900px;\r\n        margin: 20px auto;\r\n        background: #ffffff;\r\n        padding: 20px;\r\n        border-radius: 8px;\r\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    h1 {\r\n        text-align: center;\r\n        font-size: 1.8rem;\r\n        color: #047495;\r\n    }\r\n\r\n    .heading-area {\r\n        text-align: center;\r\n        margin: 40px 0 20px;\r\n    }\r\n\r\n    .heading-area h2 {\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n        color: #047495;\r\n        margin: 0;\r\n    }\r\n\r\n    .heading-area h3 {\r\n        font-size: 20px;\r\n        color: #333;\r\n        margin: 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .search-box {\r\n        margin: 20px 0;\r\n    }\r\n\r\n    .dropdown {\r\n        position: relative;\r\n    }\r\n\r\n    .dropdown input {\r\n        width: 100%;\r\n        padding: 10px;\r\n        font-size: 16px;\r\n        border: 1px solid #ddd;\r\n        border-radius: 5px;\r\n    }\r\n\r\n    .dropdown-content {\r\n        display: none;\r\n        position: absolute;\r\n        width: 100%;\r\n        background-color: #fff;\r\n        border: 1px solid #ddd;\r\n        max-height: 200px;\r\n        overflow-y: auto;\r\n        z-index: 10;\r\n        border-radius: 5px;\r\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .dropdown-content div {\r\n        padding: 8px;\r\n        cursor: pointer;\r\n        font-size: 16px;\r\n        transition: background-color 0.2s ease;\r\n    }\r\n\r\n    .dropdown-content div:hover {\r\n        background-color: #f1f1f1;\r\n    }\r\n\r\n    .product-box {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 10px;\r\n        margin-top: 20px;\r\n        padding: 10px;\r\n        background: #fff;\r\n        border-radius: 8px;\r\n    }\r\n\r\n    .product {\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        text-align: center;\r\n        border: 4px solid #007bff;\r\n        border-radius: 12px;\r\n        padding: 20px;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    .product:active {\r\n        cursor: grabbing;\r\n    }\r\n\r\n    .product strong {\r\n        font-family: 'Arial Black', sans-serif;\r\n        font-size: 18px;\r\n        text-transform: uppercase;\r\n        color: #007bff;\r\n    }\r\n\r\n    .product span {\r\n        font-family: 'Calibri', sans-serif;\r\n        font-size: 14px;\r\n        color: black;\r\n    }\r\n\r\n    .product .remove-btn {\r\n        position: absolute;\r\n        top: 5px;\r\n        right: 5px;\r\n        background-color: red;\r\n        color: white;\r\n        border: none;\r\n        border-radius: 50%;\r\n        font-size: 12px;\r\n        width: 20px;\r\n        height: 20px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    button.download {\r\n        display: block;\r\n        margin: 20px auto;\r\n        padding: 10px 20px;\r\n        font-size: 16px;\r\n        background-color: #007bff;\r\n        color: #fff;\r\n        border: none;\r\n        border-radius: 5px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    button.download:hover {\r\n        background-color: #0056b3;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .product-box {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<div class=\"container\">\r\n    <h1>Make Your Own Reminder Card<\/h1>\r\n    <div class=\"search-box\">\r\n        <label for=\"search\"><strong>Add Product in Reminder Card:<\/strong><\/label>\r\n        <div class=\"dropdown\">\r\n            <input type=\"text\" id=\"search\" placeholder=\"Search by Brand Name or Composition...\"\r\n                oninput=\"filterSearch()\">\r\n            <div class=\"dropdown-content\" id=\"dropdown-content\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div id=\"download-section\">\r\n        <div class=\"heading-area\">\r\n            <h2>IMPILEO LIFESCIENCE PVT LTD<\/h2>\r\n            <h3>Reminder Card<\/h3>\r\n        <\/div>\r\n        <div class=\"product-box\" id=\"product-box\"><\/div>\r\n    <\/div>\r\n    <button class=\"download\" onclick=\"downloadAsImage()\">Download as Image<\/button>\r\n<\/div>\r\n\r\n<script>\r\n    const products = [\r\n        { brand: \"DINGIN SPAS\", composition: \"Mefenamic Acid 250mg + Dicyclomine HCl 10mg\", color: \"blue\" },\r\n        { brand: \"IMIDROT MF\", composition: \"Drotaverine Hydrochloride IP 80mg + Mefenamic Acid 250mg\", color: \"green\" },\r\n        {\r\n            brand: \"IMPSIN D\", composition: \"Trypsin 48mg + Bromelain 90mg + Rutoside Trihydrate 100mg + Diclofenac 50mg\", color:\r\n                \"red\"\r\n        },\r\n        { brand: \"ACEIM MR\", composition: \"Aceclofenac 100mg + Paracetamol 325mg + Chlorzoxazone 250mg\", color: \"orange\" },\r\n        { brand: \"ETOWIK TH4\", composition: \"Etodolac 400mg + Thiocolchicoside 4mg\", color: \"purple\" },\r\n        { brand: \"ACEIM TH\", composition: \"Aceclofenac 100mg + Thiocolchicoside 4mg\", color: \"teal\" },\r\n        { brand: \"ACEIM-P\", composition: \"Aceclofenac 100mg + Paracetamol 325mg\", color: \"brown\" },\r\n        {\r\n            brand: \"ACEIM-SP\", composition: \"Aceclofenac IP 100mg + Paracetamol 325mg + Serratiopeptidase 15mg\", color: \"darkred\"\r\n        },\r\n        { brand: \"LEOSLIDE\", composition: \"Nimesulide 100mg + Paracetamol 325mg\", color: \"indigo\" },\r\n        { brand: \"DINGIN 650 \/ 500\", composition: \"Paracetamol 650mg \/ 500\", color: \"gray\" },\r\n        { brand: \"DINGIN D\", composition: \"Diclofenac Potassium 50mg + Paracetamol 325mg\", color: \"olive\" },\r\n        { brand: \"DINGIN MF\", composition: \"Mefenamic Acid 500mg + Paracetamol 325mg\", color: \"coral\" },\r\n        {\r\n            brand: \"DINGIN SP\", composition: \"Diclofenac Potassium 50mg + Paracetamol 325mg + Serratiopeptidase 10mg\", color:\r\n                \"navy\"\r\n        },\r\n        { brand: \"ETOLEO 60 \/ 90 \/ 120\", composition: \"Etoricoxib 60 \/ 90 \/ 120 Mg\", color: \"maroon\" },\r\n        { brand: \"ETOLEO P\", composition: \"Etoricoxib 60mg + Paracetamol 325mg\", color: \"cyan\" },\r\n        { brand: \"LEONAP D\", composition: \"Naproxen 500mg + Domperidone 10mg\", color: \"chocolate\" },\r\n        {\r\n            brand: \"DINGIN COLD\", composition: \"Paracetamol 325mg + Diphenhydramine 25mg + Phenylephrine 5mg + Caffeine 30mg\",\r\n            color: \"slateblue\"\r\n        },\r\n        { brand: \"RIFAXM 200\", composition: \"Rifaximin 200 mg\", color: \"seagreen\" },\r\n        { brand: \"RIFAXM 400\", composition: \"Rifaximin 400 mg\", color: \"darkcyan\" },\r\n        { brand: \"AZILO-500\", composition: \"Azithromycin 500 mg\", color: \"crimson\" },\r\n\r\n\r\n\r\n        { brand: \"AZILO-250\", composition: \"Azithromycin 250 mg\", color: \"blue\" },\r\n        { brand: \"IMIFIX-O\", composition: \"Cefixime + Ofloxacin\", color: \"green\" },\r\n        { brand: \"IMIFIX 100 \/ 200 \/ 400\", composition: \"Cefixime\", color: \"red\" },\r\n        { brand: \"IMUPOD 200 \/ 100\", composition: \"Cefpodoxime\", color: \"orange\" },\r\n        { brand: \"LEOXIN 200\", composition: \"Ofloxacin\", color: \"purple\" },\r\n        { brand: \"LEOXY 625\", composition: \"Amoxycillin 500mg + Potassium Clavulanate 125mg\", color: \"teal\" },\r\n        {\r\n            brand: \"LEOXY 625 LB\", composition: \"Amoxycillin + Potassium Clavulanate 625mg + Lactic Acid Bacillus\", color: \"brown\"\r\n        },\r\n        { brand: \"LEOZID 600\", composition: \"Linezolid 600mg\", color: \"crimson\" },\r\n        { brand: \"IMFROX 250 \/ 500\", composition: \"Cefuroxime 250 \/ 500mg\", color: \"navy\" },\r\n        { brand: \"IMFROX CV\", composition: \"Cefuroxime 500mg + Clavulanic Acid 125mg\", color: \"darkgreen\" },\r\n        { brand: \"IMUPOD CV\", composition: \"Cefpodoxime 200mg + Clavulanic Acid 125mg\", color: \"indigo\" },\r\n        { brand: \"FERIEMP 200\", composition: \"Faropenem 200mg\", color: \"maroon\" },\r\n        { brand: \"IMUPOD O\", composition: \"Cefpodoxime 200mg + Ofloxacin 200mg\", color: \"slateblue\" },\r\n        { brand: \"LEFLOX 500\", composition: \"Levofloxacin 500mg\", color: \"seagreen\" },\r\n        { brand: \"LEOXIN OZ\", composition: \"Ofloxacin 200mg + Ornidazole 500mg\", color: \"darkcyan\" },\r\n        { brand: \"IMIFIX 200 LB\", composition: \"Cefixime 200mg + Lactic Acid Bacillus\", color: \"olive\" },\r\n        { brand: \"IMILENZ JR\", composition: \"Lansoprazole 15mg\", color: \"chocolate\" },\r\n        { brand: \"PENTH 40\", composition: \"Pantoprazole 40mg\", color: \"gray\" },\r\n        { brand: \"ASHBURN 20\", composition: \"Rabeprazole 20mg\", color: \"goldenrod\" },\r\n        { brand: \"EZNEO-40\", composition: \"Esomeprazole 40mg\", color: \"darkred\" },\r\n        { brand: \"IMICET-M\", composition: \"Levocetirizine 5mg + Montelukast 10mg\", color: \"coral\" },\r\n\r\n\r\n\r\n        { brand: \"IMICET-M KID\", composition: \"Levocetirizine 2.5mg + Montelukast 5mg\", color: \"skyblue\" },\r\n        { brand: \"IMICET BM\", composition: \"Bilastine 20mg + Montelukast 10mg\", color: \"teal\" },\r\n        { brand: \"IMICET FX\", composition: \"Fexofenadine 120mg + Montelukast 10mg\", color: \"dodgerblue\" },\r\n        { brand: \"IMICET-5 \/ 10\", composition: \"Levocetirizine Dihydrochloride 5mg \/ 10 MG\", color: \"steelblue\" },\r\n        { brand: \"IMICET 10\", composition: \"Levocetirizine 10mg\", color: \"royalblue\" },\r\n        { brand: \"DWASET 4\", composition: \"Ondansetron 4mg (Also Injection)\", color: \"purple\" },\r\n        { brand: \"FANCLU 150 \/ 200\", composition: \"Fluconazole 150 \/ 200 mg\", color: \"darkmagenta\" },\r\n        { brand: \"TEBOFINE\", composition: \"Terbinafine 150mg\", color: \"seagreen\" },\r\n        { brand: \"LECOWELL NP\", composition: \"Pregabalin 75mg SR + Nortriptyline 10mg\", color: \"olive\" },\r\n        { brand: \"LECOWELL NT\", composition: \"Gabapentin 400mg + Nortriptyline Hydrochloride 10mg\", color: \"darkolivegreen\" },\r\n        { brand: \"LECOWELL SR\", composition: \"Pregabalin 75mg SR + Methylcobalamin 1500mcg\", color: \"forestgreen\" },\r\n        { brand: \"LECOWELL G\", composition: \"Gabapentin 100mg + Methylcobalamin 1500mcg\", color: \"limegreen\" },\r\n        {\r\n            brand: \"MANCO NERVE\", composition: \"Methylcobalamin 1500mcg + Alpha Lipoic Acid 100mg + Folic Acid 1.5mg + Pyridoxine 3mg + Vitamin D3 1000IU\", color: \"goldenrod\" },\r\n{ brand: \"LEOFOL\", composition: \"Methylcobalamin + L-Methylfolate + Pyridoxal-5-Phosphate\", color: \"orange\" },\r\n{ brand: \"LECOWELL\", composition: \"Pregabalin + Nortriptyline + Methylcobalamin\", color: \"darkorange\" },\r\n        { brand: \"IMIREST PLUS\", composition: \"Doxylamine 20mg + Pyridoxine 20mg + Folic Acid 5mg\", color: \"coral\" },\r\n        { brand: \"IMFLAZ\", composition: \"Deflazacort 6mg \/ 12mg \/ 24mg \/ 30mg\", color: \"brown\" },\r\n        { brand: \"LIGOR 100\", composition: \"Sildenafil 100mg\", color: \"crimson\" },\r\n        {\r\n            brand: \"LEOSTOL\", composition: \"Myo-Inositol 500mg + D-Chiro-Inositol + L-Methylfolate + Chromium Picolinate\", color:\r\n                \"indigo\"\r\n        },\r\n        { brand: \"LEONIT 100\", composition: \"Nitrofurantoin 100mg\", color: \"slateblue\" },\r\n\r\n\r\n\r\n\r\n        { brand: \"LEOTMIC ET\", composition: \"Etamsylate 250mg + Tranexamic Acid 250mg\", color: \"blue\" },\r\n        { brand: \"IMIGEST D10\", composition: \"Dydrogesterone 10mg\", color: \"pink\" },\r\n        { brand: \"UDEOLIC 150 \/ 300\", composition: \"Ursodeoxycholic Acid 150 \/ 300mg\", color: \"brown\" },\r\n        { brand: \"LEOSTINE\", composition: \"Betahistine 8 \/ 16 \/ 24mg\", color: \"purple\" },\r\n        {\r\n            brand: \"COVETIME FORTE\",\r\n            composition: \"Collagen + Vitamin C + Glucosamine + Rosehip Extract + Vitamin D + Ginger Extract\",\r\n            color: \"orange\"\r\n        },\r\n        { brand: \"CZUS HEAL\", composition: \"Cissus Quadrangularis + Boswellia + Moringa\", color: \"green\" },\r\n        { brand: \"CRUMCAL PLUS\", composition: \"Calcium Citrate 250mg + Vitamin D3 100IU\", color: \"darkgreen\" },\r\n        { brand: \"CRUM CZ\", composition: \"Calcium Carbonate + Calcitriol + Zinc\", color: \"teal\" },\r\n        {\r\n            brand: \"IMISYL XT PLUS\",\r\n            composition: \"Ferrous Ascorbate + Folic Acid + Zinc Tablets\",\r\n            color: \"darkred\"\r\n        },\r\n        { brand: \"IMIVIT\", composition: \"Multivitamin & Multimineral\", color: \"navy\" },\r\n        {\r\n            brand: \"OBART XT\",\r\n            composition: \"Calcium Carbonate + Vitamin D3 + Methylcobalamin + Pyridoxal-5-Phosphate + L-Methylfolate\",\r\n            color: \"maroon\"\r\n        },\r\n        {\r\n            brand: \"LIVSIN OLA\",\r\n            composition: \"Lecithin + Tricholine Citrate + Silymarin + L-Ornithine L-Aspartate + Multivitamin\",\r\n            color: \"olive\"\r\n        },\r\n        { brand: \"ASHBURN - DSR\", composition: \"Rabeprazole 20mg + Domperidone 30mg (SR)\", color: \"red\" },\r\n        { brand: \"ASHBURN LS\", composition: \"Rabeprazole 20mg + Levosulpride 75mg (SR)\", color: \"indigo\" },\r\n        {\r\n            brand: \"ASHBURN RB\",\r\n            composition: \"Rabeprazole EC 20mg + Aceclofenac SR 200mg\",\r\n            color: \"crimson\"\r\n        },\r\n        { brand: \"PENTH DSR\", composition: \"Pantoprazole 40mg + Domperidone 10mg (SR)\", color: \"blueviolet\" },\r\n        { brand: \"PENTH OD\", composition: \"Pantoprazole 40mg + Ondansetron 4mg\", color: \"slateblue\" },\r\n        { brand: \"PENTH L\", composition: \"Pantoprazole 40mg + Levosulpride 75mg\", color: \"steelblue\" },\r\n        { brand: \"OMZLEO 20\", composition: \"Omeprazole 20mg\", color: \"gray\" },\r\n        { brand: \"OMZLEO D\", composition: \"Omeprazole 20mg + Domperidone 10mg\", color: \"black\" },\r\n\r\n\r\n\r\n\r\n        { brand: \"EZNEO-DSR\", composition: \"Esomeprazole 40mg + Domperidone 30mg\", color: \"blue\" },\r\n        { brand: \"EZNEO-LS\", composition: \"Esomeprazole 20mg + Levosulpride 75mg\", color: \"indigo\" },\r\n        { brand: \"EZNEO 40\", composition: \"Esomeprazole 40mg\", color: \"purple\" },\r\n\r\n        { brand: \"LEOXY 500\", composition: \"Amoxycillin 500mg\", color: \"green\" },\r\n        { brand: \"LEOXY 250\", composition: \"Amoxycillin 250mg\", color: \"darkgreen\" },\r\n        { brand: \"DOXIMP LB\", composition: \"Doxycycline 100mg + Lactic Acid Bacillus\", color: \"teal\" },\r\n        { brand: \"CLIDAM\", composition: \"Clindamycin 300mg\", color: \"olive\" },\r\n\r\n        { brand: \"IMITRA 100\", composition: \"Itraconazole 100mg\", color: \"orange\" },\r\n        { brand: \"IMITRA-200\", composition: \"Itraconazole 200mg\", color: \"darkorange\" },\r\n\r\n        { brand: \"LEBIO\", composition: \"Pre-Probiotics\", color: \"lime\" },\r\n\r\n        {\r\n            brand: \"IMPUMIN\",\r\n            composition: \"Nano Curcumin 500mg + Piperine 5mg + Lycopene 10mg\",\r\n            color: \"goldenrod\"\r\n        },\r\n        {\r\n            brand: \"IMUPLATE\",\r\n            composition: \"Carica Papaya Leaf Extract + Tinospora Cordifolia + Goat Milk Extract + Vit E\",\r\n            color: \"brown\"\r\n        },\r\n\r\n        {\r\n            brand: \"CRUM K27\",\r\n            composition: \"Vitamin K2-7 75mcg + Calcium Carbonate 625mg + Calcitriol 0.25mcg + Folic Acid 100mcg + Zinc Sulphate 7.5mg\",\r\ncolor: \"darkred\"\r\n},\r\n        {\r\n            brand: \"CRUM PLUS\",\r\n            composition: \"Methylcobalamin 1500mcg + L-Methyl Folate + Calcitriol + Calcium Carbonate + Vitamin K2-7 + Zinc + Magnesium\",\r\ncolor: \"maroon\"\r\n},\r\n        {\r\n            brand: \"AOK 15\",\r\n            composition: \"Calcium Citrate 500mg + Omega-3 Fatty Acids 150mg + Vitamin D3 10mcg + Vitamin K2-7 55mcg + Boron 1.5mg + Cyanocobalamin 1mcg + Folic Acid 400mcg\",\r\ncolor: \"steelblue\"\r\n},\r\n\r\n        {\r\n            brand: \"IMIGEST 200 mg\",\r\n            composition: \"Natural & Micronized Progesterone 200mg (Oral \/ Rectal \/ Vaginal)\",\r\n            color: \"pink\"\r\n        },\r\n        {\r\n            brand: \"NEUROTAS GOLD\",\r\n            composition: \"Mecobalamin 1000mcg + Benfotiamine 10mg + Pyridoxine HCl 3mg + Folic Acid 1500mcg + Biotin 100mcg\",\r\n            color: \"crimson\"\r\n        },\r\n\r\n        {\r\n            brand: \"IMIVIT-PRO\",\r\n            composition: \"Ginseng with Multivitamins & Multiminerals (Softgel)\",\r\n            color: \"navy\"\r\n        },\r\n        {\r\n            brand: \"IMIVIT D3\",\r\n            composition: \"Cholecalciferol 60,000 IU\",\r\n            color: \"yellow\"\r\n        },\r\n        {\r\n            brand: \"LEOPAN-Q10 PLUS\",\r\n            composition: \"Omega-3 Fatty Acids (EPA & DHA) + Coenzyme Q10 + Lycopene + Selenium\",\r\n            color: \"slategray\"\r\n        },\r\n\r\n\r\n\r\n{\r\n            brand: \"IMIVIT 5G\",\r\n            composition: \"Grape Seed Extract 25mg + Garlic Extract + Guggul + Ginger Root Extract + Green Coffee Bean Extract + Glycyrrhiza Glabra\",\r\ncolor: \"green\"\r\n},\r\n        {\r\n            brand: \"IMVIT 9G\",\r\n            composition: \"Grape Seed Extract 25mg + Garlic Extract + Guggul + Ginger Root Extract + Green Coffee Bean Extract + Glycyrrhiza Glabra Extract\",\r\ncolor: \"darkgreen\"\r\n},\r\n        {\r\n            brand: \"IMIVIT-12G\",\r\n            composition: \"Ginseng + Grape Extract + Green Tea Extract + Ginger Root Extract + Garlic Extract + Ginkgo Biloba + Guggul\",\r\ncolor: \"olive\"\r\n},\r\n        {\r\n            brand: \"IMIVIT EC\",\r\n            composition: \"Natural Vitamin E + Vitamin C + Omega-3 Fatty Acids + Wheat Germ Oil\",\r\n            color: \"orange\"\r\n        },\r\n        {\r\n            brand: \"IMIVIT E\",\r\n            composition: \"Natural Vitamin E\",\r\n            color: \"gold\"\r\n        },\r\n        {\r\n            brand: \"LEOPEN PLUS\",\r\n            composition: \"Grape Seed Extract 25mg + Lycopene 6% (2mg) + Lutein 8% (3mg) + Vitamin A Concentrate Oil 5000IU + Folic Acid 1.5mg + Vitamin B12 75mcg\",\r\ncolor: \"crimson\"\r\n},\r\n        {\r\n            brand: \"IMIVIT 3-6-9\",\r\n            composition: \"Omega-3 + Omega-6 + Omega-9 Fatty Acids\",\r\n            color: \"steelblue\"\r\n        },\r\n\r\n        { brand: \"MOXIMP\", composition: \"Moxifloxacin\", color: \"purple\" },\r\n        { brand: \"MOXIMP D\", composition: \"Moxifloxacin + Dexamethasone\", color: \"indigo\" },\r\n\r\n        { brand: \"LUBRIMP\", composition: \"Carboxymethylcellulose Sodium\", color: \"skyblue\" },\r\n        { brand: \"NESALIMP\", composition: \"Xylometazoline Hydrochloride 0.1%\", color: \"teal\" },\r\n\r\n        {\r\n            brand: \"OFLBENZ\",\r\n            composition: \"Ofloxacin 0.3% + Benzalkonium Chloride 0.02% (Eye\/Ear Drops)\",\r\n            color: \"brown\"\r\n        },\r\n        {\r\n            brand: \"LEOGET\",\r\n            composition: \"Gatifloxacin 0.3% + Benzalkonium Chloride 0.02% (Eye Drops)\",\r\n            color: \"darkcyan\"\r\n        },\r\n        {\r\n            brand: \"GETIMP\",\r\n            composition: \"Gatifloxacin + Benzalkonium Chloride\",\r\n            color: \"cadetblue\"\r\n        },\r\n        {\r\n            brand: \"TOBIMP\",\r\n            composition: \"Tobramycin 0.3% Eye Drops (5ml)\",\r\n            color: \"dodgerblue\"\r\n        },\r\n\r\n        {\r\n            brand: \"AURCEF\",\r\n            composition: \"Ceftriaxone 250mg \/ 500mg \/ 1gm\",\r\n            color: \"red\"\r\n        },\r\n        {\r\n            brand: \"IMICEF-1\",\r\n            composition: \"Ceftriaxone 1000mg\",\r\n            color: \"darkred\"\r\n        },\r\n        {\r\n            brand: \"IMICEF S 1.5\",\r\n            composition: \"Ceftriaxone 1gm + Sulbactam 500mg\",\r\n            color: \"maroon\"\r\n        },\r\n        {\r\n            brand: \"IMICEF TZ\",\r\n            composition: \"Ceftriaxone 1gm + Tazobactam 125mg\",\r\n            color: \"firebrick\"\r\n        },\r\n        {\r\n            brand: \"CEFIL 5 1.5\",\r\n            composition: \"Cefoperazone 1000mg + Sulbactam 500mg\",\r\n            color: \"brown\"\r\n        },\r\n\r\n\r\n\r\n\r\n\r\n\r\n{\r\n            brand: \"LEOXY 1.2\",\r\n            composition: \"Amoxycillin 1000mg + Clavulanic Acid 200mg\",\r\n            color: \"green\"\r\n        },\r\n        {\r\n            brand: \"PERTH 4.5\",\r\n            composition: \"Piperacillin 4gm + Tazobactam 500mg\",\r\n            color: \"darkgreen\"\r\n        },\r\n        {\r\n            brand: \"LEOMAC 1\",\r\n            composition: \"Meropenem 1gm\",\r\n            color: \"purple\"\r\n        },\r\n        {\r\n            brand: \"LEOXIN 500 INJ\",\r\n            composition: \"Amikacin Sulphate 500mg\",\r\n            color: \"teal\"\r\n        },\r\n        {\r\n            brand: \"LEOSUN\",\r\n            composition: \"Artesunate 60mg \/ 120mg\",\r\n            color: \"orange\"\r\n        },\r\n        {\r\n            brand: \"IMIFENAC-AQ 1\",\r\n            composition: \"Diclofenac 75mg (Aqua Base)\",\r\n            color: \"red\"\r\n        },\r\n        {\r\n            brand: \"LEOXYCAM\",\r\n            composition: \"Piroxicam 20mg Injection\",\r\n            color: \"crimson\"\r\n        },\r\n        {\r\n            brand: \"ETOWIK TH4 inj\",\r\n            composition: \"Thiocolchicoside 4mg\",\r\n            color: \"blue\"\r\n        },\r\n        {\r\n            brand: \"PARLEO INFUTION\",\r\n            composition: \"Paracetamol IV 1000mg Infusion\",\r\n            color: \"skyblue\"\r\n        },\r\n        {\r\n            brand: \"MANCO\",\r\n            composition: \"Methylcobalamin 1500mcg \/ 2500mcg\",\r\n            color: \"brown\"\r\n        },\r\n        {\r\n            brand: \"IMIRON\",\r\n            composition: \"Iron Sucrose 20mg\",\r\n            color: \"darkred\"\r\n        },\r\n        {\r\n            brand: \"IMIGEST 500\",\r\n            composition: \"Hydroxyprogesterone 500mg\",\r\n            color: \"pink\"\r\n        },\r\n        {\r\n            brand: \"LEODRON\",\r\n            composition: \"Nandrolone Decanoate 25mg \/ 50mg\",\r\n            color: \"slategray\"\r\n        },\r\n        {\r\n            brand: \"PENTH 40\",\r\n            composition: \"Pantoprazole 40mg\",\r\n            color: \"indigo\"\r\n        },\r\n        {\r\n            brand: \"DWASET 4\",\r\n            composition: \"Ondansetron Injection 2mg\",\r\n            color: \"violet\"\r\n        },\r\n        {\r\n            brand: \"AURCEF\",\r\n            composition: \"Ceftriaxone 250mg \/ 500mg \/ 1gm\",\r\n            color: \"maroon\"\r\n        },\r\n        {\r\n            brand: \"IMICEF-1\",\r\n            composition: \"Ceftriaxone 1000mg\",\r\n            color: \"darkred\"\r\n        },\r\n        {\r\n            brand: \"IMICEF S 1.5\",\r\n            composition: \"Ceftriaxone 1gm + Sulbactam 500mg\",\r\n            color: \"firebrick\"\r\n        },\r\n        {\r\n            brand: \"IMICEF TZ\",\r\n            composition: \"Ceftriaxone 1gm + Tazobactam 125mg\",\r\n            color: \"brown\"\r\n        },\r\n        {\r\n            brand: \"CEFIL 5 1.5\",\r\n            composition: \"Cefoperazone 1000mg + Sulbactam 500mg\",\r\n            color: \"chocolate\"\r\n        },\r\n        {\r\n            brand: \"LEOXY 1.2\",\r\n            composition: \"Amoxycillin 1000mg + Clavulanic Acid 200mg\",\r\n            color: \"green\"\r\n        },\r\n\r\n\r\n\r\n\r\n{\r\n            brand: \"PERTH 4.5\",\r\n            composition: \"Piperacillin 4gm + Tazobactam 500mg\",\r\n            color: \"darkgreen\"\r\n        },\r\n        {\r\n            brand: \"LEOMAC 1\",\r\n            composition: \"Meropenem 1gm\",\r\n            color: \"purple\"\r\n        },\r\n        {\r\n            brand: \"LEOXIN 500 INJ\",\r\n            composition: \"Amikacin Sulphate 500mg\",\r\n            color: \"teal\"\r\n        },\r\n        {\r\n            brand: \"LEOSUN\",\r\n            composition: \"Artesunate 60mg \/ 120mg\",\r\n            color: \"orange\"\r\n        },\r\n        {\r\n            brand: \"IMIFENAC-AQ 1\",\r\n            composition: \"Diclofenac 75mg (Aqua Base)\",\r\n            color: \"red\"\r\n        },\r\n        {\r\n            brand: \"LEOXYCAM\",\r\n            composition: \"Piroxicam 20mg Injection\",\r\n            color: \"crimson\"\r\n        },\r\n        {\r\n            brand: \"ETOWIK TH4 inj\",\r\n            composition: \"Thiocolchicoside 4mg\",\r\n            color: \"blue\"\r\n        },\r\n        {\r\n            brand: \"PARLEO INFUTION\",\r\n            composition: \"Paracetamol IV 1000mg Infusion\",\r\n            color: \"skyblue\"\r\n        },\r\n        {\r\n            brand: \"MANCO\",\r\n            composition: \"Methylcobalamin 1500mcg \/ 2500mcg\",\r\n            color: \"brown\"\r\n        },\r\n        {\r\n            brand: \"IMIRON\",\r\n            composition: \"Iron Sucrose 20mg\",\r\n            color: \"darkred\"\r\n        },\r\n        {\r\n            brand: \"IMIGEST 500\",\r\n            composition: \"Hydroxyprogesterone 500mg\",\r\n            color: \"pink\"\r\n        },\r\n        {\r\n            brand: \"LEODRON\",\r\n            composition: \"Nandrolone Decanoate 25mg \/ 50mg\",\r\n            color: \"slategray\"\r\n        },\r\n        {\r\n            brand: \"PENTH 40\",\r\n            composition: \"Pantoprazole 40mg\",\r\n            color: \"indigo\"\r\n        },\r\n        {\r\n            brand: \"DWASET 4\",\r\n            composition: \"Ondansetron Injection 2mg\",\r\n            color: \"violet\"\r\n        },\r\n        {\r\n            brand: \"LEOGEL\",\r\n            composition: \"Magaldrate 400mg + Simethicone 60mg\",\r\n            color: \"green\"\r\n        },\r\n        {\r\n            brand: \"LEOGEL O\",\r\n            composition: \"Magaldrate 540mg + Simethicone 50mg + Oxetacaine 10mg\",\r\n            color: \"darkgreen\"\r\n        },\r\n        {\r\n            brand: \"LEOGEL OX\",\r\n            composition: \"Dried Aluminium Hydroxide Gel 300mg + Magnesium Hydroxide 250mg + Oxetacaine 10mg + Activated Dimethicone\",\r\ncolor: \"olive\"\r\n},\r\n        {\r\n            brand: \"CRUM AG\",\r\n            composition: \"Sodium Alginate + Sodium Bicarbonate + Calcium Carbonate Oral Suspension\",\r\n            color: \"steelblue\"\r\n        },\r\n        {\r\n            brand: \"CRUM-CZ\",\r\n            composition: \"Calcium Carbonate + Zinc + Vitamin D3 + Magnesium\",\r\n            color: \"maroon\"\r\n        },\r\n        {\r\n            brand: \"IMIVIT FORTE\",\r\n            composition: \"Iron + Calcium + Zinc + Vitamins\",\r\n            color: \"navy\"\r\n        },\r\n\r\n\r\n{\r\n            brand: \"IMIVIT D3 NANO SHORT\",\r\n            composition: \"Vitamin D3 (Cholecalciferol) Oral Solution \u2013 Butterscotch Flavour\",\r\n            color: \"gold\"\r\n        },\r\n        {\r\n            brand: \"IMIVIT Q10\",\r\n            composition: \"Coenzyme Q10 + Multivitamin & Multiminerals Syrup\",\r\n            color: \"navy\"\r\n        },\r\n        {\r\n            brand: \"IMISYL XT\",\r\n            composition: \"Ferrous Ascorbate + Folic Acid\",\r\n            color: \"darkred\"\r\n        },\r\n        {\r\n            brand: \"MANCOVIT PLUS\",\r\n            composition: \"Cyanocobalamin (B12) + Biotin with Multivitamin & Multiminerals (Sugar Free)\",\r\n            color: \"maroon\"\r\n        },\r\n        {\r\n            brand: \"LEOPEN-M \/ LEOPEN M PLUS\",\r\n            composition: \"Lycopene (5000mcg in PLUS) with Multivitamin & Multimineral\",\r\n            color: \"crimson\"\r\n        },\r\n        {\r\n            brand: \"B4U\",\r\n            composition: \"B-Complex with L-Lysine Syrup\",\r\n            color: \"orange\"\r\n        },\r\n        {\r\n            brand: \"LEOHUNG \/ LEOHUNG JR\",\r\n            composition: \"Cyproheptadine HCl 2mg + Tricholine Citrate 275mg\",\r\n            color: \"olive\"\r\n        },\r\n        {\r\n            brand: \"LIVSIN-OLA\",\r\n            composition: \"Lecithin + Tricholine Citrate + Silymarin + L-Ornithine L-Aspartate + Multivitamin\",\r\n            color: \"brown\"\r\n        },\r\n        {\r\n            brand: \"DIGEIMP PLUS\",\r\n            composition: \"Fungal Diastase + Pepsin + Dill Seed Oil + Caraway Oil + Anise Oil\",\r\n            color: \"teal\"\r\n        },\r\n        {\r\n            brand: \"IMBROX\",\r\n            composition: \"Ambroxol 15mg + Terbutaline 1.25mg + Guaiphenesin 50mg + Menthol 2.5mg\",\r\n            color: \"skyblue\"\r\n        },\r\n        {\r\n            brand: \"IMBROX JR\",\r\n            composition: \"Ambroxol 15mg + Terbutaline 1.25mg + Guaiphenesin 50mg + Menthol 2.5mg\",\r\n            color: \"lightskyblue\"\r\n        },\r\n        {\r\n            brand: \"IMBROX L\",\r\n            composition: \"Ambroxol 30mg + Levosalbutamol 1mg + Guaiphenesin 50mg\",\r\n            color: \"dodgerblue\"\r\n        },\r\n        {\r\n            brand: \"IMBROX AC\",\r\n            composition: \"Acebrophylline 50mg + Terbutaline Sulfate 1.25mg + Guaiphenesin 50mg\",\r\n            color: \"steelblue\"\r\n        },\r\n        {\r\n            brand: \"IMBROX BR\",\r\n            composition: \"Bromhexine HCl 2mg + Terbutaline Sulphate 1.25mg\",\r\n            color: \"deepskyblue\"\r\n        },\r\n        {\r\n            brand: \"IMBROX DX \/ DX JR\",\r\n            composition: \"Dextromethorphan 10mg + Phenylephrine 5mg + CPM 2mg\",\r\n            color: \"blue\"\r\n        },\r\n        {\r\n            brand: \"LEOLAX\",\r\n            composition: \"Disodium Hydrogen Citrate\",\r\n            color: \"purple\"\r\n        },\r\n        {\r\n            brand: \"LEOLAX PLUS\",\r\n            composition: \"Milk of Magnesia + Liquid Paraffin + Sodium Picosulphate Suspension\",\r\n            color: \"indigo\"\r\n        },\r\n        {\r\n            brand: \"ALKATAS\",\r\n            composition: \"Sodium Picosulfate\",\r\n            color: \"violet\"\r\n        },\r\n        {\r\n            brand: \"D\/S IMIFIX\",\r\n            composition: \"Cefixime 50mg \/ 100mg (Dry Syrup)\",\r\n            color: \"green\"\r\n        },\r\n        {\r\n            brand: \"IMIFIX O\",\r\n            composition: \"Cefixime 50mg + Ofloxacin 50mg with Water (Dry Syrup)\",\r\n            color: \"darkgreen\"\r\n        },\r\n\r\n\r\n{\r\n            brand: \"D\/S IMPOD C\/V\",\r\n            composition: \"Cefpodoxime + Clavulanic Acid (Dry Syrup)\",\r\n            color: \"darkcyan\"\r\n        },\r\n        {\r\n            brand: \"IMUPOD 100\",\r\n            composition: \"Cefpodoxime 100 mg (Dry Syrup)\",\r\n            color: \"cadetblue\"\r\n        },\r\n        {\r\n            brand: \"AZILO 200\",\r\n            composition: \"Azithromycin 200 mg Oral Suspension\",\r\n            color: \"tomato\"\r\n        },\r\n        {\r\n            brand: \"D\/S LEOXY-CV\",\r\n            composition: \"Amoxicillin 200 mg + Clavulanic Acid 28.5 mg \/ 5 ml OR Amoxicillin 400 mg + Clavulanic Acid 57 mg (Dry Syrup) \",\r\ncolor: \"salmon\"\r\n},\r\n        {\r\n            brand: \"LEOXIN MS\",\r\n            composition: \"Ofloxacin 50 mg + Metronidazole 120 mg + Simethicone 10 mg\",\r\n            color: \"darkorange\"\r\n        },\r\n        {\r\n            brand: \"LEOZID 600\",\r\n            composition: \"Linezolid 600 mg\",\r\n            color: \"firebrick\"\r\n        },\r\n        {\r\n            brand: \"PARLEO 250\",\r\n            composition: \"Paracetamol 250 mg\",\r\n            color: \"coral\"\r\n        },\r\n        {\r\n            brand: \"PARLEO-M\",\r\n            composition: \"Mefenamic Acid 50 mg + Paracetamol 125 mg\",\r\n            color: \"orangered\"\r\n        },\r\n        {\r\n            brand: \"PARLEO-QR\",\r\n            composition: \"Phenylephrine + Chlorpheniramine Maleate + Paracetamol Suspension\",\r\n            color: \"chocolate\"\r\n        },\r\n        {\r\n            brand: \"IMICET M\",\r\n            composition: \"Levocetirizine 2.5 mg + Montelukast 4 mg\",\r\n            color: \"mediumseagreen\"\r\n        },\r\n        {\r\n            brand: \"IMBROX L KID\",\r\n            composition: \"Ambroxol 7.5 mg + Levosalbutamol 12.5 mg + Guaiphenesin 12.5 mg\",\r\n            color: \"lightseagreen\"\r\n        },\r\n        {\r\n            brand: \"IMIFATE O\",\r\n            composition: \"Each 10 ml contains: Sucralfate I.P. 1 gm + Oxetacaine B.P. 20 mg\",\r\n            color: \"slateblue\"\r\n        },\r\n        {\r\n            brand: \"RINIMP ORAL SOL\",\r\n            composition: \"Ranitidine Oral Solution I.P. 75 mg\",\r\n            color: \"royalblue\"\r\n        },\r\n        {\r\n            brand: \"DWASET DROP\",\r\n            composition: \"Ondansetron 2 mg\",\r\n            color: \"mediumvioletred\"\r\n        },\r\n        {\r\n            brand: \"DIGEIMP DROP\",\r\n            composition: \"Carminative Mixture with Digestive Enzymes\",\r\n            color: \"olive\"\r\n        },\r\n        {\r\n            brand: \"LEOBAC\",\r\n            composition: \"Bacillus Clausii Spores 2 Billion\",\r\n            color: \"forestgreen\"\r\n        },\r\n        {\r\n            brand: \"LEVIT DROP\",\r\n            composition: \"Multivitamin + Multiminerals Drops\",\r\n            color: \"darkolivegreen\"\r\n        },\r\n        {\r\n            brand: \"IMIVIT D3 KID\",\r\n            composition: \"Vitamin D3 800 I.U.\",\r\n            color: \"goldenrod\"\r\n        },\r\n        {\r\n            brand: \"IMIFENAC GEL\",\r\n            composition: \"Linseed Oil + Diclofenac Sodium + Methyl Salicylate + Menthol Gel\",\r\n            color: \"mediumslateblue\"\r\n        },\r\n        {\r\n            brand: \"NOMOLD-BT\",\r\n            composition: \"Beclomethasone Dipropionate 0.025% w\/w + Clotrimazole 1% w\/w + Neomycin Sulphate 0.1% w\/w\",\r\n            color: \"darkslategray\"\r\n        },\r\n\r\n\r\n\r\n\r\n\r\n{\r\n            brand: \"LEODONE\",\r\n            composition: \"Povidone Iodine Ointment U.S.P. 5% w\/w\",\r\n            color: \"brown\"\r\n        },\r\n        {\r\n            brand: \"LEODONE GARGAL\",\r\n            composition: \"Povidone-Iodine Germicide Gargle 2%\",\r\n            color: \"saddlebrown\"\r\n        },\r\n        {\r\n            brand: \"LULEO\",\r\n            composition: \"Luliconazole 1% (Cream \/ Gel)\",\r\n            color: \"purple\"\r\n        },\r\n        {\r\n            brand: \"LULIO LOTION\",\r\n            composition: \"Luliconazole 1%\",\r\n            color: \"rebeccapurple\"\r\n        },\r\n        {\r\n            brand: \"NOMOLD IT\",\r\n            composition: \"Itraconazole + Terbinafine Hydrochloride\",\r\n            color: \"darkmagenta\"\r\n        },\r\n        {\r\n            brand: \"LEOFACE\",\r\n            composition: \"Hydroquinone 2% + Tretinoin 0.025% + Mometasone Furoate 0.1%\",\r\n            color: \"deeppink\"\r\n        },\r\n        {\r\n            brand: \"KETIMOLD SOAP\",\r\n            composition: \"Ketoconazole 2% w\/w\",\r\n            color: \"darkred\"\r\n        },\r\n        {\r\n            brand: \"LEODID D\/P\",\r\n            composition: \"Clotrimazole Dusting Powder 1%\",\r\n            color: \"maroon\"\r\n        },\r\n        {\r\n            brand: \"SCABLEO\",\r\n            composition: \"Permethrin 5% + Cetrimide Lotion 0.01%\",\r\n            color: \"darkorange\"\r\n        },\r\n\r\n        {\r\n            brand: \"IMIPREG SACHET\",\r\n            composition: \"L-Arginine I.P. 3 gm + Proanthocyanidin 75 mg\",\r\n            color: \"teal\"\r\n        },\r\n        {\r\n            brand: \"SACHET IMIVIT D3\",\r\n            composition: \"Vitamin D3 60000 I.U.\",\r\n            color: \"gold\"\r\n        },\r\n        {\r\n            brand: \"IMIFIBER\",\r\n            composition: \"Lactitol Monohydrate 3.5 g + Ispaghula Husk 3.5 g\",\r\n            color: \"olive\"\r\n        },\r\n        {\r\n            brand: \"PROPIL POWDER\",\r\n            composition: \"Protein Powder with DHA (Vanilla \/ Kesar Badam)\",\r\n            color: \"chocolate\"\r\n        },\r\n        {\r\n            brand: \"RIDBOOST\",\r\n            composition: \"Energy Drink\",\r\n            color: \"crimson\"\r\n        },\r\n        {\r\n            brand: \"LEORAS ORS\",\r\n            composition: \"ORS (Oral Rehydration Salts)\",\r\n            color: \"deepskyblue\"\r\n        },\r\n        {\r\n            brand: \"VEDSHILA\",\r\n            composition: \"Shilajit 1000 mg\",\r\n            color: \"black\"\r\n        },\r\n        {\r\n            brand: \"IMIWASH\",\r\n            composition: \"Unique pH Balance Formula \u2013 Lactic Acid pH 3.5\",\r\n            color: \"steelblue\"\r\n        },\r\n        {\r\n            brand: \"FRESHCLAP (Mouthwash)\",\r\n            composition: \"Chlorhexidine Gluconate Mouthwash I.P. 0.2% with Pump\",\r\n            color: \"mediumturquoise\"\r\n        },\r\n        {\r\n            brand: \"FRESHCLAP (Toothpaste)\",\r\n            composition: \"Potassium Nitrate 5% + Sodium Monofluorophosphate 0.7% + Triclosan 0.3%\",\r\n            color: \"mintcream\"\r\n        },\r\n        {\r\n            brand: \"DAKE\",\r\n            composition: \"DAKE Facewash \u2013 Feel Fresh All 24 Hrs (Cosmetic)\",\r\n            color: \"lightslategray\"\r\n        }\r\n\r\n    ];\r\n\r\n\r\n    let replaceTarget = null; \/\/ Keep track of the product to replace\r\n\r\n    function filterSearch() {\r\n        const searchInput = document.getElementById(\"search\").value.toLowerCase();\r\n        const dropdown = document.getElementById(\"dropdown-content\");\r\n        dropdown.innerHTML = \"\";\r\n        dropdown.style.display = \"none\";\r\n\r\n        if (searchInput.trim() !== \"\") {\r\n            products.forEach(product => {\r\n                if (\r\n                    product.brand.toLowerCase().includes(searchInput) ||\r\n                    product.composition.toLowerCase().includes(searchInput)\r\n                ) {\r\n                    const div = document.createElement(\"div\");\r\n                    div.innerHTML = `<strong>${product.brand}<\/strong><br>(${product.composition})`;\r\n                    div.onclick = () => addProduct(product);\r\n                    dropdown.appendChild(div);\r\n                }\r\n            });\r\n\r\n            if (dropdown.children.length > 0) {\r\n                dropdown.style.display = \"block\";\r\n            }\r\n        }\r\n    }\r\n\r\n    function addProduct(product) {\r\n        const productBox = document.getElementById(\"product-box\");\r\n\r\n        const isDuplicate = Array.from(productBox.children).some(item =>\r\n            item.querySelector(\"strong\").textContent === product.brand.toUpperCase()\r\n        );\r\n\r\n        if (isDuplicate) {\r\n            const confirmDuplicate = confirm(\r\n                `The product \"${product.brand}\" is already added. Do you want to add it again?`\r\n            );\r\n            if (!confirmDuplicate) return;\r\n        }\r\n\r\n        const div = document.createElement(\"div\");\r\n        div.className = `product`;\r\n        div.setAttribute(\"draggable\", \"true\");\r\n        div.ondragstart = handleDragStart;\r\n        div.ondragover = handleDragOver;\r\n        div.ondrop = handleDrop;\r\n        div.innerHTML = `\r\n                <button class=\"remove-btn\" onclick=\"handleRemove(this)\">X<\/button>\r\n                <strong style=\"color: ${product.color};\">${product.brand.toUpperCase()}<\/strong>\r\n                <span>(${product.composition})<\/span>\r\n            `;\r\n\r\n        if (replaceTarget) {\r\n            replaceTarget.replaceWith(div); \/\/ Replace the target product\r\n            replaceTarget = null;\r\n        } else {\r\n            productBox.appendChild(div);\r\n        }\r\n\r\n        document.getElementById(\"search\").value = \"\"; \/\/ Clear the search box\r\n        document.getElementById(\"dropdown-content\").style.display = \"none\";\r\n    }\r\n\r\n    function handleRemove(button) {\r\n        const productDiv = button.parentElement;\r\n\r\n        const confirmAction = confirm(\r\n            \"Do you want to remove this product or replace it? Click OK to remove and Cancel to replace.\"\r\n        );\r\n\r\n        if (confirmAction) {\r\n            productDiv.remove();\r\n            replaceTarget = null;\r\n        } else {\r\n            replaceTarget = productDiv;\r\n            document.getElementById(\"search\").focus();\r\n        }\r\n    }\r\n\r\n    function handleDragStart(event) {\r\n        draggedItem = event.target;\r\n    }\r\n\r\n    function handleDragOver(event) {\r\n        event.preventDefault();\r\n    }\r\n\r\n    function handleDrop(event) {\r\n        event.preventDefault();\r\n        const targetItem = event.target.closest(\".product\");\r\n\r\n        if (targetItem && draggedItem !== targetItem) {\r\n            const userChoice = confirm(\r\n                \"Do you want to replace the current item or move the dragged item here? \\n\\nClick OK to Replace and Cancel to Move Here.\"\r\n            );\r\n\r\n            if (userChoice) {\r\n                const tempHTML = draggedItem.innerHTML;\r\n                draggedItem.innerHTML = targetItem.innerHTML;\r\n                targetItem.innerHTML = tempHTML;\r\n            } else {\r\n                const parent = targetItem.parentElement;\r\n                const allProducts = Array.from(parent.children);\r\n                const targetIndex = allProducts.indexOf(targetItem);\r\n                const draggedIndex = allProducts.indexOf(draggedItem);\r\n\r\n                allProducts.splice(draggedIndex, 1);\r\n                allProducts.splice(targetIndex, 0, draggedItem);\r\n\r\n                parent.innerHTML = \"\";\r\n                allProducts.forEach(product => parent.appendChild(product));\r\n            }\r\n        }\r\n    }\r\n\r\n    function downloadAsImage() {\r\n        const canvasWidth = 1819; \/\/ A5 width in pixels\r\n        const canvasHeight = 2551; \/\/ Initial height, will adjust dynamically\r\n\r\n        const canvas = document.createElement(\"canvas\");\r\n        canvas.width = canvasWidth;\r\n        canvas.height = canvasHeight;\r\n\r\n        const ctx = canvas.getContext(\"2d\");\r\n        ctx.fillStyle = \"#ffffff\"; \/\/ Set background color\r\n        ctx.fillRect(0, 0, canvasWidth, canvasHeight);\r\n\r\n        \/\/ Header Section\r\n        ctx.fillStyle = \"#e21d23\";\r\n        ctx.font = \"bold 60px Arial\";\r\n        ctx.textAlign = \"center\";\r\n        ctx.fillText(\"IMPILEO LIFESCIENCE PVT LTD\", canvasWidth \/ 2, 100);\r\n\r\n        ctx.fillStyle = \"#333\";\r\n        ctx.font = \"bold 48px Arial\";\r\n        ctx.fillText(\"Reminder Card\", canvasWidth \/ 2, 180);\r\n        ctx.strokeStyle = \"#333\";\r\n        ctx.lineWidth = 11;\r\n        ctx.beginPath();\r\n        ctx.moveTo(25, 200);\r\n        ctx.lineTo(canvasWidth - 25, 200);\r\n        ctx.stroke();\r\n\r\n        \/\/ Product Box Rendering\r\n        let x = 20;\r\n        let y = 300;\r\n        const radius = 8;\r\n        const boxWidth = (canvasWidth - 120) \/ 2; \/\/ Two columns\r\n        const boxHeight = 400;\r\n        const products = Array.from(document.querySelectorAll(\".product\"));\r\n\r\n        products.forEach((product, index) => {\r\n            if (index > 0 && index % 2 === 0) {\r\n                x = 20;\r\n                y += boxHeight + 30;\r\n            }\r\n\r\n            \/\/ \/\/ Draw box\r\n            \/\/ let x = 20;\r\n            \/\/ let y = 200;\r\n            ctx.beginPath();\r\n            ctx.lineWidth = 6;\r\n            ctx.strokeStyle = \"#007bff\";\r\n\r\n            ctx.moveTo(x + radius, y);\r\n            ctx.arcTo(x + boxWidth, y, x + boxWidth, y + boxHeight, radius);\r\n            ctx.arcTo(x + boxWidth, y + boxHeight, x, y + boxHeight, radius);\r\n            ctx.arcTo(x, y + boxHeight, x, y, radius);\r\n            ctx.arcTo(x, y, x + boxWidth, y, radius);\r\n            ctx.closePath();\r\n            ctx.stroke();\r\n\r\n            \/\/ Product Name\r\n            ctx.fillStyle = product.querySelector(\"strong\").style.color || \"#000\";\r\n            ctx.font = \"bold 60px Times New Roman\";\r\n            ctx.textAlign = \"center\";\r\n            ctx.fillText(\r\n                product.querySelector(\"strong\").textContent,\r\n                x + boxWidth \/ 2,\r\n                y + 110\r\n            );\r\n\r\n            \/\/ Composition\r\n            ctx.fillStyle = \"#000\";\r\n            ctx.font = \"20px Arial\";\r\n            const composition = product.querySelector(\"span\").textContent;\r\n            let line = \"\";\r\n            let lineY = y + 140;\r\n            const maxWidth = boxWidth - 40;\r\n\r\n            composition.split(\" \").forEach(word => {\r\n                const testLine = line + word + \" \";\r\n                if (ctx.measureText(testLine).width > maxWidth) {\r\n                    ctx.fillText(line, x + boxWidth \/ 2, lineY);\r\n                    line = word + \" \";\r\n                    lineY += 30;\r\n                } else {\r\n                    line = testLine;\r\n                }\r\n            });\r\n            ctx.fillText(line, x + boxWidth \/ 2, lineY);\r\n\r\n            \/\/ Next column\r\n            x += boxWidth + 30;\r\n        });\r\n\r\n        \/\/ Adjust canvas height to fit content\r\n        const usedHeight = y + boxHeight + 50;\r\n        if (usedHeight < canvasHeight) {\r\n            const tempCanvas = document.createElement(\"canvas\");\r\n            tempCanvas.width = canvasWidth;\r\n            tempCanvas.height = usedHeight;\r\n\r\n            const tempCtx = tempCanvas.getContext(\"2d\");\r\n            tempCtx.drawImage(canvas, 0, 0);\r\n            canvas.height = usedHeight;\r\n            ctx.drawImage(tempCanvas, 0, 0);\r\n        }\r\n\r\n        \/\/ Trigger download\r\n        const link = document.createElement(\"a\");\r\n        link.download = \"reminder_card.png\";\r\n        link.href = canvas.toDataURL();\r\n        link.click();\r\n    }\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79527f0 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"79527f0\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contact Us Now<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Make Your Own Reminder Card Add Product in Reminder Card: IMPILEO LIFESCIENCE PVT LTD Reminder Card Download as Image Contact [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1889","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/pages\/1889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/comments?post=1889"}],"version-history":[{"count":7,"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/pages\/1889\/revisions"}],"predecessor-version":[{"id":1912,"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/pages\/1889\/revisions\/1912"}],"wp:attachment":[{"href":"https:\/\/digitalrobin.in\/project\/impileohealthcare\/wp-json\/wp\/v2\/media?parent=1889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}