<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    {{-- Viewport fixo: impede zoom automático do iOS e garante layout estável --}}
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    {{-- PWA / Web App nativo --}}
    <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">
    <meta name="apple-mobile-web-app-title" content="MobiAngra">
    <meta name="theme-color" content="#ffffff">

    <title>@yield('title', __('MobiAngra') . ' - ' . config('app.name'))</title>

    {{-- Meta genéricos alinhados ao portal --}}
    <meta name="description"
        content="Portal oficial da Prefeitura Municipal de Angra dos Reis. Informações sobre serviços, transporte público e monitoramento de ônibus em tempo real." />
    <meta name="robots" content="noodp" />

    <meta property="og:locale" content="pt_BR" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="@yield('title', __('MobiAngra') . ' - ' . config('app.name'))" />
    <meta property="og:description"
        content="Acompanhe em tempo real a frota de ônibus de Angra dos Reis com o MobiAngra." />
    <meta property="og:url" content="{{ url()->current() }}" />
    <meta property="og:site_name" content="Prefeitura de Angra dos Reis" />
    <meta property="og:image" content="https://angra.rj.gov.br/pmar/assets/img/brasao-2026.png" />

    <link rel="icon" type="image/png" href="{{ asset('mobiangra-assets/images/logo_mobiangra_2.png') }}">
    <link rel="apple-touch-icon" href="{{ asset('mobiangra-assets/images/logo_mobiangra_2.png') }}">

    @stack('styles')
</head>

<body>

    <header id="barra-topo">
        <a href="https://angra.rj.gov.br" target="_blank" rel="noopener noreferrer" class="barra-topo-logo barra-topo-logo--angra">
            <img src="{{ asset('pmar/assets/img/logo-pmar.png') }}"
                 alt="{{ __('Prefeitura de Angra dos Reis - Site Oficial') }}">
        </a>
        <a href="{{ route('mobiangra.index') }}" class="barra-topo-logo barra-topo-logo--mobiangra" aria-label="{{ __('MobiAngra') }}">
            <img src="{{ asset('mobiangra-assets/images/logo_mobiangra_1.png') }}"
                 alt="{{ __('MobiAngra') }}"
                 width="3504"
                 height="700"
                 decoding="async">
        </a>
        <a href="https://www.angra.rj.gov.br/secretarias/secretaria-de-seguranca-publica/executivas/secretaria-executiva-de-ordem-publica-e-mobilidade-urbana"
           target="_blank" rel="noopener noreferrer" class="barra-topo-logo barra-topo-logo--ssp">
            <img src="{{ asset('pmar/assets/img/ssp.png') }}"
                 alt="{{ __('Secretaria de Segurança Pública') }}">
        </a>
    </header>

    @yield('header')



    <main>
        @yield('content')
    </main>

    @yield('footer')

    @stack('scripts')
</body>

</html>
