<!DOCTYPE html>
<html lang="en">
<!-- begin::Head -->
<head>
<meta charset="utf-8"/>
<title>{% block title %}{% endblock %}</title>
<meta name="description" content="Flaticon icons">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<!--begin::Web font -->
<script src="{{ asset('assets_custom/js/webfont.js') }}"></script>
<script>
WebFont.load({
google: {"families": ["Poppins:300,400,500,600,700", "Roboto:300,400,500,600,700"]},
active: function () {
sessionStorage.fonts = true;
}
});
</script>
<!--end::Web font -->
{% block stylesheets_top %}{% endblock %}
<!--begin:: Global Mandatory Vendors -->
<link href="{{ asset('vendors/perfect-scrollbar/css/perfect-scrollbar.css') }}" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="{{ asset('bundles/whiteoctoberpagerfanta/css/pagerfantaDefault.css') }}"
type="text/css" media="all"/>
<!--end:: Global Mandatory Vendors -->
<!--begin:: Global Optional Vendors -->
<link href="{{ asset('vendors/vendors/line-awesome/css/line-awesome.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('vendors/vendors/flaticon/css/flaticon.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('vendors/vendors/metronic/css/styles.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('vendors/vendors/fontawesome5/css/all.min.css') }}" rel="stylesheet" type="text/css"/>
<!--end:: Global Optional Vendors -->
<!--begin::Global Theme Styles -->
{# <link href="{{ asset('assets/vendors/base/vendors.bundle.css') }}" rel="stylesheet" type="text/css"/> #}
<link href="{{ asset('assets/demo/default/base/style.bundle.css') }}" rel="stylesheet" type="text/css"/>
<!--end::Global Theme Styles -->
{% block stylesheets_bottom %}
<link href="{{ asset('assets_custom/css/style.css') }}?v=2" rel="stylesheet" type="text/css"/>
{% endblock %}
<!-- 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-T596CB6');</script>
<!-- End Google Tag Manager -->
<link rel="shortcut icon" href="{{ asset('assets/demo/default/media/img/logo/favicon.ico') }}"/>
</head>
<!-- end::Head -->
<!-- begin::Body -->
<body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--fixed m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default m-brand--minimize m-aside-left--minimize">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T596CB6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% block body %}
<!-- begin:: Page -->
<div class="m-grid m-grid--hor m-grid--root m-page">
<!-- BEGIN: Header -->
{{ include('include/header.html.twig') }}
<!-- END: Header -->
<!-- begin::Body -->
<div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
<!-- BEGIN: Left Aside -->
{{ render(url('app_navbar')) }}
<!-- END: Left Aside -->
<div class="m-grid__item m-grid__item--fluid m-wrapper">
<!-- BEGIN: Subheader -->
{% block subheader %}{% endblock %}
<main role="main" class="amac-alert-message">
{% include 'flash_messages.html.twig' %}
</main>
<!-- END: Subheader -->
<div class="m-content">
<div class="row">
{% block custom_layout %}
<div class="col-md-12">
<!--begin::Portlet-->
{% block content %}{% endblock %}
<!--end::Portlet-->
</div>
{% endblock %}
</div>
</div>
</div>
</div>
<!-- end:: Body -->
<!-- begin::Footer -->
{{ include('include/footer.html.twig') }}
<!-- end::Footer -->
<!-- constants -->
</div>
<!-- end:: Page -->
<!-- begin::Quick Sidebar -->
<!-- end::Quick Sidebar -->
<!-- begin::Scroll Top -->
<div id="m_scroll_top" class="m-scroll-top">
<i class="la la-arrow-up"></i>
</div>
<!-- end::Scroll Top -->
<!-- begin::Quick Nav -->
{% block quick_nav %}{% endblock %}
<!-- Login zalo -->
<div id="amac-constants"
data-zalo-auth-redirect-url="{{ zalo_auth_redirect_url }}"
data-zalo-app-id="{{ zalo_app_id }}"
>
</div>
<div id="zalo-login"
class="zalo-chat-widget"
data-oaid="232951371045004720"
data-welcome-message="Rất vui khi được hỗ trợ bạn!"
data-autopopup="0" data-width="350" data-height="420"
style="margin-right: 50px; margin-bottom: 20px"></div>
<!-- begin::Quick Nav -->
{% endblock %}
<!--begin:: Global Mandatory Vendors -->
<script src="{{ asset('vendors/jquery/dist/jquery.js') }}" type="text/javascript"></script>
<script src="{{ asset('vendors/popper.js/dist/umd/popper.js') }}" type="text/javascript"></script>
<script src="{{ asset('vendors/bootstrap/dist/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('vendors/moment/min/moment.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('vendors/tooltip.js/dist/umd/tooltip.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('vendors/perfect-scrollbar/dist/perfect-scrollbar.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets_custom/js/sweetalert2.all.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets_custom/js/jquery.playSound.js') }}"></script>
<!--end:: Global Mandatory Vendors -->
<!--begin::Global Theme Bundle -->
<script src="{{ asset('assets/demo/default/base/scripts.bundle.js') }}" type="text/javascript"></script>
<script>
var $s3_endpoint='{{ get_env('S3_ENDPOINT') }}';
var $digital_endpoint='{{ get_env('DIGITAL_ENDPOINT_URL') }}';
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EXF3RKYSXG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
{% if app.user %}
gtag('set', {
user_id: '{{ app.user.id }}'
});
{% endif %}
gtag('config', 'G-EXF3RKYSXG');
</script>
<script src="{{ asset('assets_custom/js/order_now_quantity.js') }}?v=14"
type="application/javascript"></script>
<script src="{{asset('assets_custom/js/notification/index.js')}}?v=4" type="application/javascript"></script>
{% block script_custom %}{% endblock %}
</body>
<!-- end::Body -->
</html>