Add 'template-parts/la-components/' from commit '54eb8e266ffe2f57afb812d18c8f78030562f62a'

git-subtree-dir: template-parts/la-components
git-subtree-mainline: 7c5a7f373a
git-subtree-split: 54eb8e266f

template-parts/la-components/functions/modals.php

@@ -0,0 +1,58 @@
+<?php
+
+function enqueue_theme_scripts() {
+    wp_enqueue_script(
+        'modals-js',
+        get_template_directory_uri() . '/template-parts/la-components/js/modals.js',
+        array('jquery'),
+        '1.0.0',
+        true
+    );
+}
+add_action('wp_enqueue_scripts', 'enqueue_theme_scripts');
+
+// Вывод всех модалок в футере
+function modal_system_container() {
+    // Получаем список всех модалок
+    $modals_dir = get_template_directory() . '/template-parts/la-components/modals/';
+    $modals = array();
+
+    if (is_dir($modals_dir)) {
+        $files = scandir($modals_dir);
+        foreach ($files as $file) {
+            if (preg_match('/^modal-(.+)\.php$/', $file, $matches)) {
+                $modals[] = $matches[1];
+            }
+        }
+    }
+
+    // общий контейнер
+    ?>
+    <div id="modal-overlay" class="fixed inset-0 bg-[rgba(0,0,0,0.5)] backdrop-blur-sm z-50 flex items-center justify-center p-4 opacity-0 invisible transition-all duration-300">
+        <div class="bg-white rounded-lg shadow-2xl max-w-2xl w-full max-h-[90vh] relative transform scale-90 transition-transform duration-300 overflow-hidden">
+
+            <button id="modal-close" class="absolute top-4 right-4 z-10 w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 transition-colors text-gray-500 hover:text-gray-700">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                </svg>
+            </button>
+
+            <!-- Контейнер для контента модалок -->
+            <div id="modal-content" class="overflow-y-auto max-h-[90vh]">
+
+            </div>
+        </div>
+    </div>
+
+
+    <div id="modal-templates" class="hidden">
+        <?php foreach ($modals as $modal_name): ?>
+            <div id="modal-template-<?php echo esc_attr($modal_name); ?>" class="modal-template">
+                <?php get_template_part('template-parts/la-components/modals/modal', $modal_name); ?>
+            </div>
+        <?php endforeach; ?>
+    </div>
+    <?php
+}
+add_action('wp_footer', 'modal_system_container');
+?>