<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Bienvenue!{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle`
and uncomment the following Encore helpers to start using Symfony UX #}
{% block stylesheets %}
{#{{ encore_entry_link_tags('app') }}#}
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/axentix@1.1.0/dist/css/axentix.min.css">
<link href="{{ asset('js/pagination/dist/pagination.css')}}" rel="stylesheet">
<link href="{{ asset('js/jquery-confirm-v3.3.4/dist/jquery-confirm.min.css')}}" rel="stylesheet">
{% endblock %}
{% block javascripts %}
{#{{ encore_entry_script_tags('app') }}#}
{% endblock %}
<script src="{{ asset('js/jquery-310/jquery.min.js')}}"></script>
<script src="{{ asset('js/pagination/src/pagination.js')}}"></script>
<script src="{{ asset('js/jquery-confirm-v3.3.4/dist/jquery-confirm.min.js')}}"></script>
<script src="{{ asset('js/popper.js')}}"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,600,700">
<link href="{{ asset('css/boostrap-500/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{ asset('js/Multi-Level-Sidebar-Menu-HC-MobileNav/dist/demo.css')}}" rel="stylesheet">
<link href="{{ asset('js/Multi-Level-Sidebar-Menu-HC-MobileNav/dist/hc-offcanvas-nav.css')}}" rel="stylesheet">
<script src="{{ asset('js/Multi-Level-Sidebar-Menu-HC-MobileNav/dist/hc-offcanvas-nav.js?ver=6.1.3')}}"></script>
<link href="{{ asset('css/style.css')}}" rel="stylesheet">
</head>
<body>
<header style="padding:0;">
{% if isDesktop %}
<nav class="navbar navbar-expand-lg shadow-1 primary dividerBottom" style="position:fixed;">
<a href="{{ path('app_home') }}" class="navbar-brand" style="padding-left:10pt;font-family:Palatino;"><b style="color:DodgerBlue;font-size:20pt;">ILIVIO</b>. Votre plateforme de facturation</a>
<div class="navbar-menu ml-auto">
<a class="navbar-link btn-warning" style="border-radius:0;background-color:;color:;color:black;min-width:120pt;text-align:center;" href="{{ path('demo_new') }}" >Démo</a>
<a class="navbar-link btn-primary" style="display:none;border-radius:0;background-color:;color:;color:white;min-width:120pt;text-align:center;cursor:not-allowed;" href="#" >Espace client</a>
<a class="navbar-link btn-danger" style="border-radius:0;background-color:;color:;color:white;min-width:120pt;text-align:center;" href="#" onclick="window.location.href='{{ path("view_invoices") }}'">Espace professionnel</a>
</div>
</nav>
{% else %}
<div class="wrapper cf" style="margin:0;padding:0;">
<div class="fixed-top shadow-2" style="padding:0;background-color:white;color:DodgerBlue;border-bottom: 2pt solid DodgerBlue;">
<div class="row" style="background-color:;padding:0;padding-left:10pt;">
<span class="toggle col-1"><img src="{{ asset('img/ilivio.png')}}" style="width:54pt;padding:5pt;"/></span>
<div class="col" style="background-color:;padding-left:5pt;padding-top:15pt;">
ILIVIO
<div class="" style="color:gray;font-size:12pt;">
Votre plateforme de facturation
</div>
</div>
</div>
</div>
<nav id="main-nav">
<ul class="first-nav">
<ul>
<div class="col-xs-2 col-sm-2 gradianBlue " style="padding:15pt;padding-top:35pt;min-height:;">
<div style="font-size:11pt;border-radius:5pt;background-color:DodgerBlue;color:white;padding:10pt;margin:10pt;width:%;margin:0 auto;">
<div style="margin-top:-40pt;text-align:center;">
{% if app.user.companies[0].logo is defined and app.user.companies[0].logo|trim is not empty%}
<img class="rounded-circle" alt="Sample image" src="/img/{{ app.user.companies[0].logo }}" width="80" height="80" style="border:1px solid silver;">
{% else %}
<img src="{{ asset('img/user.png')}}" style="width:auto;"/>
{% endif %}
</div>
<div style="text-align:left;">{% if app.user is defined and app.user.companies[0].name is defined %} {{ user.companies[0].name }}{% endif %}</div>
<div style="text-align:left;">{% if app.user %} {{ app.user.firstName }} {{ app.user.lastName|upper }}{% endif %}</div>
<div style="text-align:left;">{% if app.user %} {{ app.user.email }}{% endif %}</div>
<div style="text-align:left;">{% if app.user %} Dernière connexion le {{ app.user.connectedAt|date('d/m/Y à H:m') }}{% endif %} </div>
<div class="dividerTop" style="margin:5pt;margin-left:0;text-align:center;"><a class="" href="{% if app.user %} /logout {% else %} /login {% endif %}" style="color:white;">{% if app.user %} Se déconnecter {% else %} Se connecter {% endif %}</a></div>
</div>
</div>
</ul>
<li class="">
<a href="{{ path('view_invoices') }}"><i class="fas fa-file-invoice" style="font-size:16pt;padding:5pt;"></i> Factures</a>
<ul class="row" id="invoiceMenu">
<div class="" style="">
<h5 class=""><i class="fas fa-file-invoice" style="font-size:42pt;"></i></h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</ul>
</li>
<li class="">
<a href="{{ path('view_products') }}" ><i class="fas fa-cube" style="font-size:16pt;padding:5pt;"></i> Produits</a>
<ul class="row" id="invoiceProduct">
<div class="" style="">
<h5 class=""><i class="fas fa-cube" style="font-size:42pt;"></i></h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</ul>
</li>
<li class="">
<a href="{{ path('view_customers') }}" ><i class="far fa-address-book" style="font-size:16pt;padding:5pt;"></i> Clients</a>
<ul class="row" id="customerMenu">
<div class="" style="">
<h5 class=""><i class="far fa-address-book" style="font-size:42pt;"></i></h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</ul>
</li>
{% if app.user.companies[0].name is defined %}
<li style="">
<a href="{{ path('view_companies') }}" ><i class="fas fa-building" style="font-size:16pt;padding:5pt;"></i> Entreprise</a>
</li>
<li style="">
<a href="{{ path('view_tax_rates') }}" ><i class="fas fa-percent" style="font-size:16pt;padding:5pt;"></i> Taxes</a>
</li>
{% endif %}
</ul>
<h5 style="text-align:center;font-size:10pt;color:silver;">
Ilivio © {{ "now"|date("Y") }} <br> Powered by Swadrii GROUP
</h5>
</nav>
</div>
{% endif %}
</header>
<main class="" style="">
<div class="container" style="">
<div class="row">
<div class="col col-xs-12 col-sm-12 col-md-12 col-lg-12" style="">
{% for message in app.flashes('warning') %}
<div class="alert alert-warning" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('danger') %}
<div class="alert alert-danger" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('primary') %}
<div class="alert alert-primary" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('secondary') %}
<div class="alert alert-secondary" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('success') %}
<div class="alert alert-success" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('info') %}
<div class="alert alert-info" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('light') %}
<div class="alert alert-light" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% for message in app.flashes('dark') %}
<div class="alert alert-dark" role="alert" style="margin-top:68pt;">{{ message }}</div>
{% endfor %}
{% block body %}
{% endblock %}
</div>
</div>
</div>
</main>
<script src="{{ asset('js/boostrap-500/bootstrap.bundle.min.js')}}"></script>
<script>
(function($) {
'use strict';
// call our plugin
var Nav = new hcOffcanvasNav('#main-nav', {
disableAt: false,
customToggle: '.toggle',
levelSpacing: 40,
navTitle: 'ILIVIO',
levelTitles: true,
levelTitleAsBack: true,
pushContent: '#container',
labelClose: false
});
// add new items to original nav
$('#main-nav').find('li.add').children('a').on('click', function() {
var $this = $(this);
var $li = $this.parent();
var items = eval('(' + $this.attr('data-add') + ')');
$li.before('<li class="new"><a href="#">'+items[0]+'</a></li>');
items.shift();
if (!items.length) {
$li.remove();
}
else {
$this.attr('data-add', JSON.stringify(items));
}
Nav.update(true); // update DOM
});
// demo settings update
const update = function(settings) {
if (Nav.isOpen()) {
Nav.on('close.once', function() {
Nav.update(settings);
Nav.open();
});
Nav.close();
}
else {
Nav.update(settings);
}
};
$('.actions').find('a').on('click', function(e) {
e.preventDefault();
var $this = $(this).addClass('active');
var $siblings = $this.parent().siblings().children('a').removeClass('active');
var settings = eval('(' + $this.data('demo') + ')');
if ('theme' in settings) {
$('body').removeClass().addClass('theme-' + settings['theme']);
}
else {
update(settings);
}
});
$('.actions').find('input').on('change', function() {
var $this = $(this);
var settings = eval('(' + $this.data('demo') + ')');
if ($this.is(':checked')) {
update(settings);
}
else {
var removeData = {};
$.each(settings, function(index, value) {
removeData[index] = false;
});
update(removeData);
}
});
})(jQuery);
</script>
</body>
</html>