<!-- Basic Dialog -->
                                        <button  class="gk-button button-outline-info"  data-dialog-target="dialogComponent">დამაჭირე</button>
                                        <template  data-dialog-id="dialogComponent">
                                            <div  class="gk-dialog-wrapper">
                                                <div  class="gk-dialog-header">
                                                    <span>
                                                        ფილტრი
                                                    </span>
                                                    <button  class="gk-button button-icon" dialog-close>
                                                        <i  class="material-symbols-outlined smaller-icon">close</i>
                                                    </button>
                                                </div>
                                                <div  class="gk-dialog-content">
                                                    <div  class="gk-input-wrapper" floating-label>
                                                        <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="კატეგორია">
                                                        <div  class="gk-input-group">
                                                            <i  class="material-symbols-outlined">tag</i>
                                                        </div>
                                                    </div>
                                                    <div  class="gk-input-wrapper" floating-label>
                                                        <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="-დან">
                                                        <div  class="gk-input-group">
                                                            <i  class="material-symbols-outlined">date_range</i>
                                                        </div>
                                                    </div>
                                                    <div  class="gk-input-wrapper" floating-label>
                                                        <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="-მდე">
                                                        <div  class="gk-input-group">
                                                            <i  class="material-symbols-outlined">date_range</i>
                                                        </div>
                                                    </div>
                                                    <button  class="gk-button button-outline-primary" dialog-submit>
                                                        <i  class="material-symbols-outlined lighter-icon">search</i>
                                                        ძიება
                                                    </button>
                                                </div>
                                            </div>
                                        </template>
                                        <!-- Animated Dialog -->
                                        <button  class="gk-button button-outline-success"  data-dialog-target="dialogAnimateComponent">დამაჭირე</button>
                                        <template  data-dialog-id="dialogAnimateComponent" data-dialog-animate>
                                            <div  class="gk-dialog-wrapper">
                                                <div  class="gk-dialog-header">
                                                    <span>ფილტრი</span>
                                                    <button  class="gk-button button-icon" dialog-close>
                                                        <i  class="material-symbols-outlined smaller-icon">close</i>
                                                    </button>
                                                </div>
                                                <div  class="gk-dialog-content">
                                                    <div  class="gk-input-wrapper" floating-label>
                                                        <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="კატეგორია">
                                                        <div  class="gk-input-group">
                                                            <i  class="material-symbols-outlined">tag</i>
                                                        </div>
                                                    </div>
                                                    <div  class="gk-input-wrapper" floating-label>
                                                        <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="-დან">
                                                        <div  class="gk-input-group">
                                                            <i  class="material-symbols-outlined">date_range</i>
                                                        </div>
                                                    </div>
                                                    <div  class="gk-input-wrapper" floating-label>
                                                        <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="-მდე">
                                                        <div  class="gk-input-group">
                                                            <i  class="material-symbols-outlined">date_range</i>
                                                        </div>
                                                    </div>
                                                    <button  class="gk-button button-outline-primary" dialog-submit>
                                                        <i  class="material-symbols-outlined lighter-icon">search</i>
                                                        ძიება
                                                    </button>
                                                </div>
                                            </div>
                                        </template>