{% extends 'frontend/base.html.twig' %}
{% block JS %}
<script src="/assets/frontend/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/assets/frontend/js/jquery.photoswipe-global.js"></script>
<script type="text/javascript" src="/assets/frontend/js/photoswipe.min.js"></script>
<script type="text/javascript" src="/assets/frontend/js/photoswipe-ui-default.js"></script>
<script type="text/javascript" src="/assets/frontend/js/jquery.photoswipe-global.js"></script>
<script src="/assets/frontend/js/popper.min.js"
integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ"
crossorigin="anonymous"></script>
<script type="text/javascript" src="/assets/frontend/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/assets/frontend/js/slick.min.js"></script>
<script type="text/javascript" src="/assets/frontend/js/jquery.mmenu.js"></script>
<script type="text/javascript">
$(function() {
$('nav#menu').mmenu();
});
</script>
<script type="text/javascript" src="/assets/frontend/js/main.js"></script>
<script type="text/javascript" src="/assets/frontend/js/registration.js"></script>
<script type="text/javascript" src="/assets/frontend/js/category-filter.js"></script>
<script type="text/javascript" src="/assets/frontend/js/scroll-down.js"></script>
<script type="text/javascript" src="/assets/frontend/js/show-more.js"></script>
<script type="text/javascript" src="/assets/frontend/js/region-currency-lang-select.js"></script>
<script type="text/javascript" src="/assets/frontend/js/custom-select.js"></script>
<script src="{{ asset('build/omelo/page.js') }}"></script>
<script>
{{page.javascript}}
</script>
{% endblock %}
{% block CSS %}
<style>
{{page.styleSheet}}
</style>
<link rel="stylesheet" href="/assets/frontend/css/owl.carousel.min.css">
<link href="/assets/frontend/css/producer.css" rel="stylesheet" type="text/css" media="all">
<link href="/assets/frontend/css/responsive.css" rel="stylesheet" type="text/css" media="all">
<link href="/assets/frontend/css/jquery.mmenu.css" rel="stylesheet" type="text/css" media="all">
<script src="/assets/frontend/js/874ad7ad81.js"></script>
<link href="/assets/frontend/css/jquery.gallery.css" rel="stylesheet" type="text/css" media="all">
<!-- Add photoswipe -->
<link rel="stylesheet" type="text/css" href="/assets/frontend/css/photoswipe.css"/>
<link rel="stylesheet" type="text/css" href="/assets/frontend/css/default-skin.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="/assets/frontend/css/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="/assets/frontend/css/slick-theme.css"/>
<link href="{{asset('build/omelo/page.css')}}" rel="stylesheet" type="text/css" />
<link href="/assets/frontend/css/styles.css" rel="stylesheet" type="text/css" media="all">
{% endblock %}
{% block title %}{% if page is defined %}{{page.metaTitle}}{%endif %}{% endblock %}
{% block metaDescription %}{% if page is defined %}{{page.metaDescription}}{%endif %}{% endblock %}
{% block content %}
{% block template %}
{% endblock %}
<div class="stick-out-adv-panel" style="display:none;">
Layout
</div>
<div class="omelo-advanced-panel" style="display:none;">
<div id="omelo-accordion">
<h3>Colonnes</h3>
<div>
<div class="row panel-edit-hidden">
<div class="col-sm-8">
Nombre:
</div>
<div class="col-sm-4">
<select id="panel-col-amount">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-8">
Couleur fond:
</div>
<div class="col-sm-4">
<input type=color class="fullwidth" id="panel-col-background-color" value="#ffffff">
</div>
</div>
<div class="row">
<div class="col-sm-8">
Largeur en %:
</div>
<div class="col-sm-4">
<input type=text class="fullwidth" id="panel-col-width" value="100">
</div>
</div>
<div class="row">
<div class="col-sm-8">
radius en px:
</div>
<div class="col-sm-4">
<input type=text class="fullwidth" id="panel-col-radius" value="0">
</div>
</div>
<div class="row panel-edit-hidden">
<div class="col-sm-5">
Injecter:
</div>
<div class="col-sm-7">
<select id="panel-col-inject">
<option value="bottom">Bas</option>
<option value="current">Selection</option>
<option value="top">Haut</option>
</select>
</div>
</div>
<a href="#" class="btn-sm btn-white pull-right m-t-10 panel-edit-hidden" id="panel-add-col">Ajouter</a>
<div class="btn-group panel-edit-show pull-right m-t-10" style="display:none;">
<a href="#" class="btn-sm btn-white m-t-10" id="panel-col-edit-cancel">Cancel</a>
<a href="#" class="btn-sm btn-white m-t-10" id="panel-col-edit-confirm">Appliquer</a>
</div>
<br><br>
<hr>
<h4>Liste</h4>
<ul id="panel-col-list">
{#
{% if panelList is defined %}
{% set col = 0 %}
{% for list in panelList %}
<li class="template-row-hover" data-row="{{list}}">Section {{col}}<i class="fa fa-trash pull-right panel-col-del"></i><i class="fa fa-pencil pull-right panel-col-edit"></i></li>
{% set col = col + 1 %}
{% endfor %}
{% else %}
<li class="template-row-hover" data-row="template_row_0">Section 0<i class="fa fa-trash pull-right panel-col-del"></i><i class="fa fa-pencil pull-right panel-col-edit"></i></li>
{% endif %}
#}
</ul>
</div>
<h3>Settings</h3>
<div>
<p>
Settings
</p>
</div>
</div>
</div>
{% endblock %}