<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-10125060-7"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-10125060-7');
</script>
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '522752151603497');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=522752151603497&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<title>{% block title %}Dobrodošli!{% endblock %}</title>
{% block stylesheets %}
{% endblock %}
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/favicon.png') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="https://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
<link rel="stylesheet" href={{ asset('build/style.min.css') }}>
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "gyp8xanb57");
</script>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="/dashboard" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>T</b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg">
<img width="140" height="35" src={{ asset('images/logo_new.png') }} />
</span>
</a>
{% block header %}{% endblock %}
</header>
{% block mainslider %}
<aside class="main-sidebar">
<section class="sidebar">
<!-- Sidebar Menu -->
<ul class="sidebar-menu">
<li class="header">PREČICE</li>
<!-- Optionally, you can add icons to the links -->
<li>
<a target="_blank" href={{ asset('uputstvo_v5.pdf') }} ><i class="fa fa-book"></i>
<span>Uputstvo</span>
</a>
</li>
</ul>
</section>
</aside>
{% endblock %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="overflow: auto">
<!-- Main content -->
<section class="content">
<!-- Your Page Content Here -->
{% include('@templates/messages.html.twig') %}
{% block body %}{% endblock %}
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- Main Footer -->
<footer class="main-footer">
<!-- To the right -->
<!-- Default to the left -->
<strong>Copyright © {{ "now"|date("Y") }} <a href="/">Troskovi.com</a></strong>
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li class="active">
<a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a>
</li>
<li>
<a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Home tab content -->
<div class="tab-pane active" id="control-sidebar-home-tab">
<h3 class="control-sidebar-heading">Recent Activity</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript:;">
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
<div class="menu-info">
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
<p>Will be 23 on April 24th</p>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
<h3 class="control-sidebar-heading">Tasks Progress</h3>
<ul class="control-sidebar-menu">
<li>
<a href="javascript:">
<h4 class="control-sidebar-subheading">
Custom Template Design
<span class="pull-right-container">
<span class="label label-danger pull-right">70%</span>
</span>
</h4>
<div class="progress progress-xxs">
<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
</div>
</a>
</li>
</ul>
<!-- /.control-sidebar-menu -->
</div>
<!-- /.tab-pane -->
<!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
<!-- /.tab-pane -->
<!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab">
<form method="post">
<h3 class="control-sidebar-heading">General Settings</h3>
<div class="form-group">
<label class="control-sidebar-subheading">
Report panel usage
<input type="checkbox" class="pull-right" checked>
</label>
<p>Some information about this general settings option</p>
</div>
<!-- /.form-group -->
</form>
</div>
<!-- /.tab-pane -->
</div>
</aside>
<!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel"></h4>
</div>
<div class="modal-body" id="modal-bodyku">
</div>
<div class="modal-footer" id="modal-footerq">
</div>
</div>
</div>
</div>
</div>
<script src={{ asset('build/app.min.js') }}></script>
<script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
{% block javascripts %}
<script type="text/javascript">
$(document).ready(function () {
$.widget.bridge('uibutton', $.ui.button);
base.init();
if ('{{ app.environment }}' === 'prod') {
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
$('.statsClick').each(function () {
$(this).click(function () {
gtag('event', $(this).text(), {
'event_category': 'KLIKNUTO',
'event_label': $(this).text()
});
})
});
$('#opremaStats').click(function () {
gtag('event', 'Oprema', {
'event_category': 'KLIKNUTO',
'event_label': 'Oprema'
});
});
$('#problemiStats').click(function () {
gtag('event', 'Problemi', {
'event_category': 'KLIKNUTO',
'event_label': 'Problemi'
});
});
$('#partneriStats').click(function () {
gtag('event', 'Partneri', {
'event_category': 'KLIKNUTO',
'event_label': 'Partneri'
});
});
}
});
</script>
{% endblock %}
</body>
</html>