1:  2:  3:  4:  5:  6:  7:  8:  9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21: 22: 23: 24: 25: 26: 27: 28: 29: 30: 

<?php

namespace WPGMZA;

class MarkerLibraryDialog
{
    protected $icons;
    
    public function __construct()
    {
        wp_enqueue_script('remodal', plugin_dir_url(__DIR__) . 'lib/remodal.min.js');
        wp_enqueue_style('remodal', plugin_dir_url(__DIR__) . 'lib/remodal.css');
        wp_enqueue_style('remodal-default-theme', plugin_dir_url(__DIR__) . 'lib/remodal-default-theme.css');
        
        wp_enqueue_script('wpgmza-marker-library-dialog', plugin_dir_url(__DIR__) . 'js/marker-library-dialog.js');
        wp_enqueue_style('wpgmza-marker-library-dialog', plugin_dir_url(__DIR__) . 'css/marker-library-dialog.css');
    }
    
    public function html()
    {
        ?>
        <div class="wpgmza-marker-library-dialog">
            <button data-remodal-action="close" class="remodal-close"></button>
            <span style="float: right;">Powered by <a style="font-family: Roboto, sans-serif;" href="https://www.mappity.org">mappity.org</a></span>
            <iframe id="mappity" src="https://www.mappity.org?wpgmza-embed=1"></iframe>
        </div>
        <?php
    }
}