{# Render assets that get included on all pages. #}
{%- macro render() -%}
  {{ stylesheet_tag('vendor_css', 'app_css') | safe }}

    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" />
   <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  {{ situational() }}
{%- endmacro -%}


{# Render assets that get situationally loaded based on the endpoint. #}
{%- macro situational() -%}
  {% if request.endpoint in ('billing.create',
                             'billing.update',
                             'billing.cancel',
                             'billing.update_payment_method') %}
      <script src="https://js.stripe.com/v2/"></script>
  {% endif %}

{%- endmacro -%}


{# Render polyfills for out dated browsers. #}
{%- macro polyfills() -%}
    <!--[if lt IE 9]>
    <script
            src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
{%- endmacro -%}