{% extends "index.html" %}

  {% block page_content %}

    <!-- Install instructions for iOS -->
    <div id="menu-install-pwa-ios" class="menu menu-box-bottom menu-box-detached rounded" data-menu-height="360" data-menu-effect="menu-parallax" style="height: 360px; display: block;">
        <div class="row mx-0">
            <div class="col-12">
                <div class="col-3 mx-auto mt-3">
                    <svg class="svg-icon" viewBox="0 0 20 20">
                        <path fill="none" d="M15.608,6.262h-2.338v0.935h2.338c0.516,0,0.934,0.418,0.934,0.935v8.879c0,0.517-0.418,0.935-0.934,0.935H4.392c-0.516,0-0.935-0.418-0.935-0.935V8.131c0-0.516,0.419-0.935,0.935-0.935h2.336V6.262H4.392c-1.032,0-1.869,0.837-1.869,1.869v8.879c0,1.031,0.837,1.869,1.869,1.869h11.216c1.031,0,1.869-0.838,1.869-1.869V8.131C17.478,7.099,16.64,6.262,15.608,6.262z M9.513,11.973c0.017,0.082,0.047,0.162,0.109,0.226c0.104,0.106,0.243,0.143,0.378,0.126c0.135,0.017,0.274-0.02,0.377-0.126c0.064-0.065,0.097-0.147,0.115-0.231l1.708-1.751c0.178-0.183,0.178-0.479,0-0.662c-0.178-0.182-0.467-0.182-0.645,0l-1.101,1.129V1.588c0-0.258-0.204-0.467-0.456-0.467c-0.252,0-0.456,0.209-0.456,0.467v9.094L8.443,9.553c-0.178-0.182-0.467-0.182-0.645,0c-0.178,0.184-0.178,0.479,0,0.662L9.513,11.973z"></path>
                    </svg>
                </div>
                <h4 class="text-center mt-4 mb-2">Add to Home Screen</h4>
                <div class="col-12">
                    <p class="text-center">
                        Install on your home screen, and access it just like a regular app.
                    </p>
                    <p class="text-center">
                        Open your Browser menu and tap "Add to Home Screen".
                    </p>
                </div>
                <div class="col-12">
                    <a href="#" class="pwa-dismiss close-menu btn btn-block btn-secondary">Maybe later</a>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Install Prompt for Android -->
    <div id="menu-install-pwa-android" class="menu menu-box-bottom menu-box-detached rounded" data-menu-height="360" data-menu-effect="menu-parallax" style="height: 360px; display: block;">
        <div class="row mx-0">
            <div class="col-12">
                <div class="col-3 mx-auto mt-3">
                    <svg class="svg-icon" viewBox="0 0 20 20">
                        <path fill="none" d="M15.608,6.262h-2.338v0.935h2.338c0.516,0,0.934,0.418,0.934,0.935v8.879c0,0.517-0.418,0.935-0.934,0.935H4.392c-0.516,0-0.935-0.418-0.935-0.935V8.131c0-0.516,0.419-0.935,0.935-0.935h2.336V6.262H4.392c-1.032,0-1.869,0.837-1.869,1.869v8.879c0,1.031,0.837,1.869,1.869,1.869h11.216c1.031,0,1.869-0.838,1.869-1.869V8.131C17.478,7.099,16.64,6.262,15.608,6.262z M9.513,11.973c0.017,0.082,0.047,0.162,0.109,0.226c0.104,0.106,0.243,0.143,0.378,0.126c0.135,0.017,0.274-0.02,0.377-0.126c0.064-0.065,0.097-0.147,0.115-0.231l1.708-1.751c0.178-0.183,0.178-0.479,0-0.662c-0.178-0.182-0.467-0.182-0.645,0l-1.101,1.129V1.588c0-0.258-0.204-0.467-0.456-0.467c-0.252,0-0.456,0.209-0.456,0.467v9.094L8.443,9.553c-0.178-0.182-0.467-0.182-0.645,0c-0.178,0.184-0.178,0.479,0,0.662L9.513,11.973z"></path>
                    </svg>
                </div>
                <h4 class="text-center mt-4 mb-2">Add to Home Screen</h4>
                <div class="col-12">
                    <p class="text-center">
                        Install on your home screen, and access it just like a regular app.
                    </p>
                </div>
                <div class="col-12">
                    <a href="#" class="pwa-install mx-auto btn btn-block btn-primary">Add to Home Screen</a>
                    <a href="#" class="pwa-dismiss close-menu btn btn-block btn-secondary">Maybe later</a>
                </div>
            </div>
        </div>
    </div>

    <div class="menu-hider"></div>

    {% block content %}
        
    {% if request.MOBILE %}
        request.MOBILE:
        <strong>True</strong>
    {% endif %}
        
    {% endblock content %}
  
  {% endblock page_content %}