<!DOCTYPE html>
{% set jobPage = app.request.getSchemeAndHttpHost() == 'https://hr.mediatropy.com' ? "https://mediatropy.com/id/careers/" : "https://web2019.mediatropy.com/id/careers/" %}
{% set covid19 = app.request.server.get('FEATURE_COVID19') %}
{#
// BETA FEATURE:
- import objective
#}
{% set _betaFeature = true %}
<html>
<head>
{% if app.environment == 'prod' %}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TW6Z8NW2');</script>
<!-- End Google Tag Manager -->
{% endif %}
<meta charset="UTF-8">
{% if app.environment == 'prod' %}
{# PRODUCTION ONLY #}
<meta name="robots" content="">
{% else %}
{# DEVELOPMENT ONLY #}
<meta name="robots" content="noindex">
{% endif %}
<title>
{% block title %}
{{ 'seo.title' | trans }}{{ is_granted('IS_IMPERSONATOR') ? ' [IMPERSONATE]'}}
{% endblock %}
</title>
<meta name="keywords" content="{{ 'seo.keywords' | trans }}">
<meta name="description" content="{{ 'seo.description' | trans }}">
<meta name="author" content="{{ 'seo.author' | trans }}">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<link href="{{ asset('assets/images/') ~ 'seo.favicon' | trans }}" rel="icon" type="image/png"/>
<link href="{{ asset('node_modules/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/bootstrap-table/dist/bootstrap-table.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/jquery-confirm/dist/jquery-confirm.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/malihu-custom-scrollbar-plugin-3.1.7/jquery.mCustomScrollbar.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/@selectize/selectize/dist/css/selectize.bootstrap4.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/@fullcalendar/core/main.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/@fullcalendar/list/main.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/@fullcalendar/daygrid/main.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/@fullcalendar/timegrid/main.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/@fullcalendar/bootstrap/main.min.css') }}" rel="stylesheet">
<link href="{{ asset('node_modules/ckeditor4/plugins/codesnippet/lib/highlight/styles/monokai_sublime.css') }}" rel="stylesheet">
<link href="{{ asset('assets/fonts/style.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/style-icon.min.css') }}" rel="stylesheet">
{% if app.environment == 'prod' %}
<link href="{{ asset('assets/css/style.min.css') }}" rel="stylesheet">
{% else %}
<link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
{% endif %}
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block css %}{% endblock %}
{% block js_head %}{% endblock %}
</head>
<body>
{% if app.environment == 'prod' %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TW6Z8NW2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% endif %}
{% block body %}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
{% block content %}{% endblock %}
{% if app.environment != 'prod' %}
{% set prodDebug = app.request.getSchemeAndHttpHost() == 'https://hr.mediatropy.com' ? true : false %}
{% set staging = app.request.getSchemeAndHttpHost() == 'https://hr-staging.mediatropy.com' ? true : false %}
<div class="environment-marker {{ not staging ? 'dev' }}">{{ prodDebug ? 'DEBUG' : staging ? 'STAGING' : 'DEV/TEST' }}</div>
<div class="environment-marker flip {{ not staging ? 'dev' }}">{{ prodDebug ? 'DEBUG' : staging ? 'STAGING' : 'DEV/TEST' }}</div>
{% endif %}
{% if is_granted('IS_IMPERSONATOR') %}
<div class="impersonator-marker">
{% if is_granted("ROLE_STAFF") == 'main' %}
<a href="{{ path('user_impersonator', {'_switch_user': '_exit'}) }}" title="user: {{ app.user.email }}">Exit User Impersonation</a>
{% else %}
{% set returnId = app.request.cookies.get('impersonate_return_id') %}
{% set returnPath = app.request.cookies.get('impersonate_return_path')%}
<a href="{{ path(returnPath, {'_id': returnId, '_switch_user': '_exit'}) }}" title="user: {{ app.user.email }}">Exit Client Impersonation</a>
{% endif %}
</div>
{% endif %}
{% block footer %}{% endblock %}
<script type="text/javascript" src="{{ asset('node_modules/jquery/dist/jquery.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/popper.js/dist/umd/popper.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/bootstrap/dist/js/bootstrap.bundle.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/bootstrap-table/dist/bootstrap-table.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/jquery-confirm/dist/jquery-confirm.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/malihu-custom-scrollbar-plugin-3.1.7/jquery.mCustomScrollbar.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/@selectize/selectize/dist/js/standalone/selectize.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/@selectize/selectize/dist/js/selectize.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/ckeditor4/ckeditor.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/ckeditor4/adapters/jquery.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/ckeditor4/plugins/codesnippet/lib/highlight/highlight.pack.js') }}"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script type="text/javascript" src="{{ asset('node_modules/@fullcalendar/core/main.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/@fullcalendar/list/main.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/@fullcalendar/interaction/main.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/@fullcalendar/daygrid/main.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/@fullcalendar/timegrid/main.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/@fullcalendar/bootstrap/main.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/moment/min/moment.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('node_modules/moment-timezone/builds/moment-timezone-with-data.min.js') }}"></script>
<script type="text/javascript" src="{{ path('js_translations') }}"></script>
{% if app.environment == 'prod' %}
<script type="text/javascript" src="{{ asset('assets/js/function.min.js') }}"></script>
{% else %}
<script type="text/javascript" src="{{ asset('assets/js/function.js') }}"></script>
{% endif %}
<script>
var assetPath = '{{ asset('') }}';
</script>
{% block js_footer %}{% endblock %}
</body>
</html>