<!--
/************************************************************************************\
|                                                                                    |
|   ██╗███╗   ██╗████████╗███████╗██████╗ ███╗   ██╗███████╗████████╗                |
|   ██║████╗  ██║╚══██╔══╝██╔════╝██╔══██╗████╗  ██║██╔════╝╚══██╔══╝                |
|   ██║██╔██╗ ██║   ██║   █████╗  ██████╔╝██╔██╗ ██║█████╗     ██║                   |
|   ██║██║╚██╗██║   ██║   ██╔══╝  ██╔══██╗██║╚██╗██║██╔══╝     ██║                   |
|   ██║██║ ╚████║   ██║   ███████╗██║  ██║██║ ╚████║███████╗   ██║                   |
|   ╚═╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝╚═╝  ╚═╝╚═╝  ╚═══╝╚══════╝   ╚═╝                   |
|                                                                                    |
|   ███╗   ███╗ ██████╗      ██╗███████╗████████╗███████╗██████╗                     |
|   ████╗ ████║██╔═══██╗     ██║██╔════╝╚══██╔══╝██╔════╝██╔══██╗                    |
|   ██╔████╔██║██║   ██║     ██║███████╗   ██║   █████╗  ██████╔╝                    |
|   ██║╚██╔╝██║██║   ██║██   ██║╚════██║   ██║   ██╔══╝  ██╔══██╗                    |
|   ██║ ╚═╝ ██║╚██████╔╝╚█████╔╝███████║   ██║   ███████╗██║  ██║                    |
|   ╚═╝     ╚═╝ ╚═════╝  ╚════╝ ╚══════╝   ╚═╝   ╚══════╝╚═╝  ╚═╝                    |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                  ░▒▓  THE CRADLE OF SLOVENIAN INTERNET SCENE  ▓▒░                  |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                       ⚡ RESTORED WITH LOVE ❤️ IN 2025 BY ⚡                         |
|                           TIMOTEJ • NIKI • ZAN                                     |
|                                                                                    |
|         This forum was THE meeting point for Slovenian webmasters,                 |
|        developers, designers, and internet enthusiasts in the late 2000s.          |
|           A digital gathering place where knowledge was shared,                    |
|              careers were launched, and friendships were forged.                   |
|                                                                                    |
|                 In 2025, with hearts full of nostalgia and joy,                    |
|               we brought it back to life. For the memories. For                    |
|              the community. For the love of the good old days.                     |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                  🏗️  Built with Laravel • Powered by Memories  💾                   |
|                       🌟  Made in Slovenia • 2025  🌟                               |
|                                                                                    |
\************************************************************************************/
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <title>Zemljevid Zaposlitev - Internet Mojster</title>
	<link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style.css?v=1789178343">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-new.css?v=1789178343">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-panel.css?v=1789178343">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-responsive.css?v=1789178343">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-profile-mobile.css?v=1789178343">
    <link rel="stylesheet" href="https://internetmojster.com/styles/subscription.css?v=1789178343">
    <link rel="stylesheet" href="https://internetmojster.com/styles/jobs.css?v=1789178343">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://internetmojster.com/js/scripts.js"></script>
    <script src="https://internetmojster.com/js/mobile.js"></script>

    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KGVKX3ZD');</script>
    <script src="https://internetmojster.com/tinymce/js/tinymce/tinymce.min.js"></script>
    
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA4PpKJILsT9-uGIfiaji9U9SsvlEybC7w&libraries=places&language=sl"></script>
<style>
    #map {
        width: 100%;
        height: 600px;
        border: 1px solid #E0DDDD;
        border-radius: 4px;
        margin-bottom: 20px;
    }
    .map-info-window {
        max-width: 300px;
        font-family: Arial, sans-serif;
    }
    .map-info-title {
        font-size: 14px;
        font-weight: bold;
        color: #022449;
        margin-bottom: 5px;
    }
    .map-info-company {
        font-size: 12px;
        color: #666;
        margin-bottom: 5px;
    }
    .map-info-location {
        font-size: 11px;
        color: #999;
        margin-bottom: 8px;
    }
    .map-info-link {
        display: inline-block;
        padding: 6px 12px;
        background-color: #022449;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        font-size: 12px;
        margin-top: 5px;
    }
    .map-info-link:hover {
        background-color: #033663;
    }
    .map-stats {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .map-stat {
        background: white;
        padding: 15px 20px;
        border: 1px solid #E0DDDD;
        border-radius: 4px;
        flex: 1;
        min-width: 200px;
    }
    .map-stat-value {
        font-size: 24px;
        font-weight: bold;
        color: #022449;
    }
    .map-stat-label {
        font-size: 12px;
        color: #666;
        margin-top: 5px;
    }
</style>
    </head>
<body class="vz">
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGVKX3ZD"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <div id="container">
        <div id="head">
            <a href="https://internetmojster.com" id="home" title="Domov">&nbsp;</a>
            <ul>
                <li class="">
                    <a href="https://internetmojster.com">Domov</a>
                </li>
                
                <li id="search"><a href="#" data-popup="search">Iskanje</a></li>
                <li class="active">
                    <a href="https://internetmojster.com/zaposlitve">Zaposlitve</a>
                </li>
                                                        <li id="register"><a href="https://internetmojster.com/registracija">Registracija</a></li>
                    <li id="login"><a href="https://internetmojster.com/prijava">Prijava</a></li>
                
                            </ul>
            <h1>Ogledi si vse zaposlitve na zemljevidu</h1>
        </div>

        <div class="container">
            <div id="content">
    <div id="forum" class="jobs-container">
         <div class="nav">
            <div class="bc">
                <a href="https://internetmojster.com">Domov</a> &gt;
                <a href="https://internetmojster.com/zaposlitve" class="top">Zaposlitve</a> &gt;
                <a href="https://internetmojster.com/zaposlitve/zemljevid" class="top">Zemljevid</a>
            </div>
        </div>
        <div class="jobs-hero" style="margin-bottom: 20px;">
            <div class="jobs-hero-content">
                <h1>🗺️ Zemljevid Zaposlitev</h1>
                <p>Preglej vse zaposlitve s fizično lokacijo na interaktivnem zemljevidu</p>
            </div>
        </div>

        <!-- Stats -->
        
        <!-- Map Container -->
        <div id="map"></div>

                <div class="alert alert-info">
            ℹ️ Trenutno ni oglasov s fizično lokacijo, ki bi jih lahko prikazali na zemljevidu.
        </div>
        
        <!-- Jobs List -->
        <h2 style="font-size: 15px; font-weight: bold; color: #022449; margin: 20px 0 15px 0;">
            📍 Zaposlitve z Lokacijo (0)
        </h2>

        <table class="jobs-table">
            <thead>
                <tr>
                    <th>Pozicija</th>
                    <th>Podjetje</th>
                    <th>Lokacija</th>
                    <th>Kategorija</th>
                </tr>
            </thead>
            <tbody>
                                    <tr>
                        <td colspan="4">
                            <div class="no-jobs">
                                <div class="no-jobs-icon">🗺️</div>
                                <h3>Ni oglasov z lokacijo</h3>
                                <p>Trenutno ni oglasov, ki bi imeli določeno fizično lokacijo</p>
                            </div>
                        </td>
                    </tr>
                            </tbody>
        </table>

    </div>
</div>

<script>
let map;
let markers = [];
let infoWindow;

function initMap() {
    // Default center (Slovenia)
    const defaultCenter = { lat: 46.1512, lng: 14.9955 };
    
    // Initialize map
    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 8,
        center: defaultCenter,
        mapTypeControl: true,
        streetViewControl: false,
        fullscreenControl: true,
        zoomControl: true,
        gestureHandling: 'cooperative',
    });

    // Initialize info window
    infoWindow = new google.maps.InfoWindow();

    // Jobs data from Laravel
    const jobs = [];

    if (jobs.length === 0) {
        return;
    }

    // Create bounds to fit all markers
    const bounds = new google.maps.LatLngBounds();

    // Add markers for each job
    jobs.forEach(job => {
        if (!job.location_lat || !job.location_lng) {
            return;
        }

        const position = {
            lat: parseFloat(job.location_lat),
            lng: parseFloat(job.location_lng)
        };

        // Create marker
        const marker = new google.maps.Marker({
            position: position,
            map: map,
            title: job.title,
            animation: google.maps.Animation.DROP,
        });

        // Store job ID with marker
        marker.jobId = job.id;

        // Create info window content
        const contentString = `
            <div class="map-info-window">
                <div class="map-info-title">${escapeHtml(job.title)}</div>
                <div class="map-info-company">
                    ${job.user && job.user.is_verified ? '<span class="verified-badge" title="Verificirano podjetje"></span>' : ''}
                    ${escapeHtml(job.company_name)}
                </div>
                <div class="map-info-location">📍 ${escapeHtml(job.location)}</div>
                <div style="margin-top: 8px;">
                    <span class="job-badge job-badge-category" style="font-size: 11px; padding: 4px 8px;">
                        ${escapeHtml(job.category)}
                    </span>
                </div>
                <a href="/jobs/${escapeHtml(job.slug)}" class="map-info-link" target="_blank">
                    Poglej oglas →
                </a>
            </div>
        `;

        // Add click listener to marker
        marker.addListener('click', () => {
            infoWindow.setContent(contentString);
            infoWindow.open(map, marker);
        });

        markers.push(marker);
        bounds.extend(position);
    });

    // Fit map to show all markers
    if (markers.length > 0) {
        map.fitBounds(bounds);
        
        // Adjust zoom if only one marker
        if (markers.length === 1) {
            map.setZoom(13);
        }
    }

    // Add marker clustering for better performance with many markers
    if (typeof MarkerClusterer !== 'undefined' && markers.length > 10) {
        new MarkerClusterer(map, markers, {
            imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m',
        });
    }
}

// Helper function to escape HTML
function escapeHtml(text) {
    const div = document.createElement('div');
    div.textContent = text;
    return div.innerHTML;
}

// Initialize map when page loads
if (typeof google !== 'undefined' && google.maps) {
    initMap();
} else {
    window.addEventListener('load', initMap);
}

// Handle table row clicks to show marker on map
document.addEventListener('DOMContentLoaded', function() {
    const tableRows = document.querySelectorAll('.jobs-table tbody tr[data-job-id]');
    
    tableRows.forEach(row => {
        row.addEventListener('click', function(e) {
            // Don't trigger if clicking on a link
            if (e.target.tagName === 'A') {
                return;
            }
            
            const jobId = this.dataset.jobId;
            const marker = markers.find(m => m.jobId === jobId);
            
            if (marker) {
                // Scroll to map
                document.getElementById('map').scrollIntoView({ behavior: 'smooth', block: 'center' });
                
                // Center map on marker
                map.setCenter(marker.getPosition());
                map.setZoom(15);
                
                // Trigger marker click to show info window
                google.maps.event.trigger(marker, 'click');
            }
        });
    });
});
</script>
        </div>
    </div>
    
    <!-- Ad Spaces Above Footer -->
    <div id="footer-ads">
        <div id="topadsrepl">
            
                
        <div class="left">
            <div class="ad ad-space-1">
                                    <a href="https://internetmojster.com/zaposlitve" class="ad-job-fallback">
                        <div class="job-content">
                            <div class="job-title">Išči med razpoložljivimi zaposlitvami</div>
                            <div class="job-subtitle">Odkrijte priložnosti za delo v digitalni industriji</div>
                        </div>
                        <div class="job-arrow">→</div>
                    </a>
                            </div>
        </div>
        <div class="right">
            <div class="ad ad-space-2">
                                    <a href="https://internetmojster.com/zaposlitve" class="ad-job-fallback">
                        <div class="job-content">
                            <div class="job-title">Išči med razpoložljivimi zaposlitvami</div>
                            <div class="job-subtitle">Odkrijte priložnosti za delo v digitalni industriji</div>
                        </div>
                        <div class="job-arrow">→</div>
                    </a>
                            </div>
        </div>
    </div>
    </div>
    
    <div id="foot">
        powered by Internet Mojster © 2006-2026 :
        <a href="https://internetmojster.com/pravila">pravila obnašanja</a> :
        <a href="https://internetmojster.com/pogoji">pogoji uporabe</a> :
        <a href="https://internetmojster.com/kontakt">kontakt</a> :
        <a href="https://internetmojster.com/piskotki">piškotki</a>
    </div>

    <div id="popup_backdrop" class="popup_backdrop"></div>
	<div id="popup_auth" class="popup" >
		<div class="popup_header">
			<div id="popup_close" class="popup_close">× zapri</div>
		</div>
		<table>
			<tr>
                <td class="login">
                    <h2>Prijava</h2>
                    <form action="https://internetmojster.com/prijava" method="post">
                        <input type="hidden" name="_token" value="B0JM3qb3GJxxfLICMt9ZYA1eAnfK4upLVOnKHw8O" autocomplete="off">                                                <p><input class="text" type="text" name="username" placeholder="uporabniško ime"></p>
                        <p><input class="text" type="password" name="password" placeholder="geslo"></p>
                        <p class="options">
                            <label><input type="checkbox" name="remember"> zapomni si me</label>
                        </p>
                        <p style="text-align:right; margin-top:6px;">
                            <button type="submit">prijava</button>
                        </p>
                    </form>
                </td>
                <td class="reg">
                    <h2>Registracija</h2>
                    <p>Še nimate računa? <a href="https://internetmojster.com/registracija">Ustvari nov račun</a>.</p>
                </td>
			</tr>
		</table>
	</div>
	<div id="popup_search" class="popup" >
		<div class="popup_header">
			<div id="popup_close" class="popup_close">× zapri</div>
		</div>
		<table>
			<tr>
			<td>
				<h2>Iskanje</h2>
				<form action="https://internetmojster.com/iskanje" method="get">
                    <p><input class="text" type="text" name="q" placeholder="išči…" style="width:260px"></p>
                    <div class="submit_buttons">
                        <button type="submit" class="button1">išči</button>
                    </div>
				</form>
			</td>
			</tr>
		</table>
	</div>

    <div id="cookie-notice" class="cookie-notice hidden">
            <div class="cookie-content">
                <p>
                    🍪 Ta spletna stran uporablja piškotke za izboljšanje uporabniške izkušnje.
                    <a href="https://internetmojster.com/piskotki" target="_blank">Več o piškotkih</a>.
                </p>
                <div class="cookie-buttons">
                    <button id="cookie-accept" class="button1">Sprejmi</button>
                    <button id="cookie-decline" class="button2">Zavrni</button>
                </div>
            </div>
        </div>

    <script>/*
        // Initialize TinyMCE for content creation and editing
        document.addEventListener('DOMContentLoaded', function() {
            // Initialize WYSIWYG editor for thread content
            if (document.getElementById('content')) {
                // Remove required attribute to prevent validation issues
                document.getElementById('content').removeAttribute('required');
                
                tinymce.init({
                    selector: '#content',
                    height: 300,
                    menubar: false,
                    plugins: [
                        'advlist', 'autolink', 'lists', 'link', 'image', 'charmap',
                        'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
                        'insertdatetime', 'media', 'table', 'preview', 'help', 'wordcount'
                    ],
                    toolbar: 'undo redo | blocks | ' +
                        'bold italic forecolor | alignleft aligncenter ' +
                        'alignright alignjustify | bullist numlist outdent indent | ' +
                        'smiley-btn | removeformat | help',
                    content_style: 'body { font-family: Arial, sans-serif; font-size: 14px; }',
                    setup: function(editor) {
                        // Add custom smiley button
                        editor.ui.registry.addButton('smiley-btn', {
                            text: '😊',
                            tooltip: 'Insert Smiley',
                            onAction: function() {
                                showSmileyPicker(editor);
                            }
                        });
                    }
                });
            }

            // Initialize WYSIWYG editor for reply content
            if (document.getElementById('reply-content')) {
                // Remove required attribute to prevent validation issues
                document.getElementById('reply-content').removeAttribute('required');
                
                tinymce.init({
                    selector: '#reply-content',
                    height: 200,
                    menubar: false,
                    plugins: [
                        'advlist', 'autolink', 'lists', 'link', 'charmap',
                        'anchor', 'searchreplace', 'visualblocks', 'code',
                        'insertdatetime', 'table', 'help', 'wordcount'
                    ],
                    toolbar: 'undo redo | blocks | ' +
                        'bold italic forecolor | alignleft aligncenter ' +
                        'alignright alignjustify | bullist numlist | ' +
                        'link | smiley-btn | removeformat | help',
                    content_style: 'body { font-family: Arial, sans-serif; font-size: 14px; }',
                    setup: function(editor) {
                        // Add custom smiley button
                        editor.ui.registry.addButton('smiley-btn', {
                            text: '😊',
                            tooltip: 'Insert Smiley',
                            onAction: function() {
                                showSmileyPicker(editor);
                            }
                        });
                    }
                });
            }
            
            // Handle all form submissions that might contain TinyMCE editors
            document.addEventListener('submit', function(e) {
                // Check if this form contains any TinyMCE editors
                const form = e.target;
                const textareas = form.querySelectorAll('textarea');
                let hasValidationErrors = false;
                
                textareas.forEach(function(textarea) {
                    // Check if this textarea has been replaced by TinyMCE
                    if (tinymce.get(textarea.id)) {
                        const editor = tinymce.get(textarea.id);
                        
                        // Sync the TinyMCE content back to the textarea
                        editor.save();
                        
                        // Check if content is required and empty
                        const content = editor.getContent({format: 'text'}).trim();
                        if (textarea.hasAttribute('data-required') && !content) {
                            e.preventDefault();
                            hasValidationErrors = true;
                            
                            // Show error message
                            alert('Please enter some content before submitting.');
                            
                            // Focus the editor
                            editor.focus();
                            
                            return false;
                        }
                    }
                });
                
                if (hasValidationErrors) {
                    return false;
                }
            });
            
            // Smiley picker functionality
            window.showSmileyPicker = function(editor) {
                // Define classic phpBB-style smileys
                const smileys = {
                    'Happy': [':)', ':D', ':P', ';)', ':lol:'],
                    'Sad': [':(', ":'(", ':cry:'],
                    'Other': [':o', ':shock:', '8)', ':cool:', ':|', ':oops:', ':mrgreen:']
                };
                
                let pickerHtml = '<div style="padding: 10px; max-width: 300px;">';
                pickerHtml += '<h4 style="margin: 0 0 10px 0; color: #333;">Insert Smiley</h4>';
                
                for (const [category, codes] of Object.entries(smileys)) {
                    pickerHtml += `<div style="margin-bottom: 10px;">`;
                    pickerHtml += `<strong style="font-size: 12px; color: #666; display: block; margin-bottom: 5px;">${category}</strong>`;
                    
                    codes.forEach(function(code) {
                        const unicode = getSmileyUnicode(code);
                        pickerHtml += `<span style="cursor: pointer; padding: 5px; margin: 2px; display: inline-block; border-radius: 3px; border: 1px solid #ddd; background: #f9f9f9; font-size: 16px;" onclick="insertSmiley('${code}', '${editor.id}')" title="${code}">${unicode}</span>`;
                    });
                    
                    pickerHtml += '</div>';
                }
                
                pickerHtml += '</div>';
                
                editor.windowManager.open({
                    title: 'Insert Smiley',
                    body: {
                        type: 'panel',
                        items: [{
                            type: 'htmlpanel',
                            html: pickerHtml
                        }]
                    },
                    buttons: [
                        {
                            type: 'cancel',
                            text: 'Close'
                        }
                    ]
                });
            };
            
            window.insertSmiley = function(code, editorId) {
                const editor = tinymce.get(editorId);
                if (editor) {
                    editor.insertContent(' ' + code + ' ');
                    editor.windowManager.close();
                }
            };
            
            window.getSmileyUnicode = function(code) {
                const unicodeMap = {
                    ':)': '🙂', ':D': '😀', ':P': '😛', ';)': '😉', ':lol:': '😂',
                    ':(': '🙁', ":'(": '😢', ':cry:': '😢',
                    ':o': '😮', ':shock:': '😱', '8)': '😎', ':cool:': '😎', 
                    ':|': '😐', ':oops:': '😳', ':mrgreen:': '😀'
                };
                return unicodeMap[code] || code;
            };
        });*/
    </script>
    </body>
</html>