<section class="ma-map-preview" aria-labelledby="ma-map-preview-title">
    <div class="container">
        <div class="ma-map-preview__header">
            <div class="ma-map-preview__intro">
                <div class="ma-map-preview__title-row">
                    <h2 id="ma-map-preview-title" class="ma-map-preview__title"><?php echo e(__('Mapa em tempo real')); ?></h2>
                    <span id="ma-map-preview-vehicles"
                        class="ma-map-preview__badge badge rounded-pill"
                        data-live-url="<?php echo e(route('mobiangra.live_data')); ?>"
                        data-refresh-ms="<?php echo e(max((int) config('mobiangra.fetch_interval', 10) * 3, 30) * 1000); ?>"
                        data-loading="<?php echo e(__('Carregando...')); ?>"
                        data-active-label="<?php echo e(__('veículos ativos')); ?>"
                        data-empty-label="<?php echo e(__('Sem veículos no momento')); ?>"
                        aria-live="polite">
                        <i class="fa-solid fa-bus-simple" aria-hidden="true"></i>
                        <span class="ma-map-preview__badge-text"><?php echo e(__('Carregando...')); ?></span>
                    </span>
                </div>
                <p class="ma-map-preview__subtitle">
                    <?php echo e(__('Acompanhe os ônibus em circulação na cidade.')); ?>

                </p>
            </div>
            <div class="ma-map-preview__actions">
                <a href="<?php echo e(route('mobiangra.mapa')); ?>" class="btn btn-primary ma-map-preview__btn-primary">
                    <i class="fa-solid fa-up-right-and-down-left-from-center" aria-hidden="true"></i>
                    <?php echo e(__('Ver mapa completo')); ?>

                </a>
            </div>
        </div>

        <div class="ma-map-preview__frame">
            <iframe id="ma-map-embed"
                class="ma-map-preview__iframe"
                title="<?php echo e(__('Mapa resumido do transporte coletivo em tempo real')); ?>"
                data-src="<?php echo e(route('mobiangra.mapa.embed')); ?>"
                loading="lazy"
                referrerpolicy="same-origin"
                allow="fullscreen"></iframe>
            <p class="ma-map-preview__touch-hint">
                <i class="fa-solid fa-hand-pointer" aria-hidden="true"></i>
                <?php echo e(__('Use dois dedos para aproximar ou afastar o mapa.')); ?>

            </p>
        </div>
    </div>
</section>
<?php /**PATH /var/www/html/portal/resources/views/mobiangra/sections/map-preview.blade.php ENDPATH**/ ?>