<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="{{ asset('img/favicon/apple-touch-icon.png') }}">
    <link rel="icon" type="image/png" href="{{ asset('img/favicon/favicon-32x32.png') }}">
    <link rel="icon" type="image/png" href="{{ asset('img/favicon/favicon-16x16.png') }}">
    
    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
    
    <title>Time Caps</title>
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-133848199-2"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-133848199-2');
    </script>

</head>
<body>
<header class="header">
    <div class="container">
        <a class="logo" href="https://timecaps.com" target="_blank">
            <img src="{{ asset('img/logo.svg') }}" alt="Logo">
        </a> <!-- logo -->
        <button class="burger js-menu-toggle"></button>
    
        <div class="menu-dropdown menu-dropdown_fade">
            <nav class="menu-dropdown__links">
                <a href="https://timecaps.com" target='_blank'>About us</a>
                <a href="https://timecaps.com/help-and-support" target='_blank'>Help &amp; Support</a>
                <a href="https://timecaps.com/cookies" target='_blank'>Cookies Policy</a>
                <a href="https://timecaps.com/privacy" target='_blank'>Privacy Policy</a>
                <a href="https://timecaps.com/terms" target='_blank'>Terms &amp; Conditions</a>
            </nav>
            <div class="menu-dropdown__apps {{ $platform ?? '' }}">
                <a class="android-hide" onclick="gtag('event', 'Click', { event_category: 'Appstore' });" href="https://apps.apple.com/app/apple-store/id1447497237?pt=119497656&ct=Share&mt=8" target="_blank">
                    <img src="{{ asset('img/apple.png') }}" alt="iOS">
                    Download iOs
                </a>
                <a class="ios-hide" onclick="gtag('event', 'Click', { event_category: 'Google Play' });" href="https://play.google.com/store/apps/details?id=com.timecaps.android&hl=en&referrer=share" target="_blank">
                    <img src="{{ asset('img/android.png') }}" alt="Android">
                    Download Android
                </a>
            </div>
        </div> <!-- menu-dropdown -->
        
    </div>
</header> <!-- header -->

@yield('main')

<footer class="footer">
    <div class="container">
        <a class="logo" href="https://timecaps.com" target="_blank">
            <img src="{{ asset('img/logo.svg') }}" alt="Logo">
        </a> <!-- logo -->
        
        <div class="navigation">
            <ul>
                <li><a href="https://timecaps.com" target="_balnk">About us</a></li>
                <li><a href="https://timecaps.com/help-and-support" target='_blank'>Help &amp; Support</a></li>
                <li><a href="https://timecaps.com/cookies" target='_blank'>Cookies Policy</a></li>
                <li><a href="https://timecaps.com/privacy" target='_blank'>Privacy Policy</a></li>
                <li><a href="https://timecaps.com/terms" target='_blank'>Terms &amp; Conditions</a></li>
            </ul>
        </div> <!-- /.navigation -->
        
        <div class="copyright">
            @2020 TimeCaps
        </div> <!-- /.copyright -->
    </div>
</footer> <!-- footer -->

<div class="popup mobile-size">
    <div class="popup__content">
        <a class="logo" href="https://timecaps.com" target="_blank">
            <img src="{{ asset('img/logo-full.svg') }}" alt="Logo">
        </a> <!-- logo -->
        
        <p>Download TimeCaps to capture special moments on video and send them to the future!</p>
        
        <a class="popup__link link-on-market" href="#" target="_blank">Download TimeCaps</a>
        <button class="popup__link popup__link_disabled" id="close-popup">Not Now</button>
    </div>
</div> <!-- /.popup -->

<div class="cookie-placeholder"></div> <!-- cookie -->


<script src="{{ asset('js/app.js') }}"></script>

</body>
</html>