From b11827947e5bbb187b25de6322cb84d5c51c8e5c Mon Sep 17 00:00:00 2001
From: Sara Lago <saralago126@gmail.com>
Date: Thu, 26 Jan 2023 14:18:54 +0100
Subject: [PATCH] [IMP] pms: improvement in render precheckin template

---
 pms/views/precheckin_portal_templates.xml | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/pms/views/precheckin_portal_templates.xml b/pms/views/precheckin_portal_templates.xml
index 46f96aa35..a86a43bb9 100644
--- a/pms/views/precheckin_portal_templates.xml
+++ b/pms/views/precheckin_portal_templates.xml
@@ -303,7 +303,7 @@
                             >Nationality *</label><br/>
                             <div class="dropdown">
                               <input type="text"  t-attf-class="form-control" placeholder="Search.." id="myInput" onclick="showCountries(true)" oninput="filterFunction()"/>
-                              <div id="myDropdown" class="dropdown-content">
+                              <div id="myDropdown" class="dropdown-content d-none">
 
                                     <t t-foreach="country_ids" t-as='country_id'>
                                         <a t-attf-onclick="selectNationality(this)">
@@ -387,7 +387,7 @@
                                     oninput="filterZips()"
                                     autocomplete="off"
                                     />
-                              <div id="myZipDropdown" class="dropdown-content">
+                              <div id="myZipDropdown" class="dropdown-content d-none">
 
                                     <t t-foreach="zip_ids" t-as='zip_id'>
                                         <a  t-attf-onclick="completeAddressData(this)">
@@ -571,7 +571,6 @@
 }
 
 .dropdown-content {
-  display: none;
   position: absolute;
   background-color: #f6f6f6;
   min-width: 230px;
@@ -634,12 +633,12 @@
             };
             this.changeFormClass()
 
-            let select_residence_country = document.getElementById('residence-country')
+            var select_residence_country = document.getElementById('residence-country')
 
             select_residence_country.addEventListener("change", () => {
                 this.filterStates();
             });
-            let select_residence_state = document.getElementById('residence-state')
+
 
             function filterStates(){
                 let country_value = select_residence_country.value
@@ -671,9 +670,9 @@
 
             function showCountries(show){
                 if(show){
-                    document.getElementById("myDropdown").classList.toggle("show");
+                    document.getElementById("myDropdown").classList.remove("d-none");
                 }else{
-                    document.getElementById("myDropdown").classList.toggle("show");
+                    document.getElementById("myDropdown").classList.add("d-none");
                 }
 
             }
@@ -685,9 +684,9 @@
             }
             function showZips(showZips){
                 if(showZips){
-                    document.getElementById("myZipDropdown").classList.toggle("show");
+                    document.getElementById("myZipDropdown").classList.remove("d-none");
                 }else{
-                    document.getElementById("myZipDropdown").classList.toggle("show");
+                    document.getElementById("myZipDropdown").classList.add("d-none");
                 }
             }