<!DOCTYPE html>
<html lang="en">
<head>
{% block header %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/logo/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/logo/favicon-32x32.png') }}">
{% block title %}
<title>Popsisign - {% block subtitle %}{% endblock %}</title>
{% endblock %}
{% block stylesheets %}
<!-- Global stylesheets -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
<link href="{{ asset('template/global_assets/css/icons/icomoon/styles.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('template/global_assets/css/icons/fontawesome/styles.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('template/assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('template/assets/css/bootstrap_limitless.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('template/assets/css/layout.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('template/assets/css/components.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('template/assets/css/colors.min.css') }}" rel="stylesheet" type="text/css">
<!-- /global stylesheets -->
<!-- Custom stylesheets -->
<link rel="stylesheet" href="{{ asset('custom/css/layout.css') }}">
<!-- /custom stylesheets -->
{% endblock %}
{% endblock %}
</head>
<body>
{% block body %}
{% block navbar %}
{% if app.user is defined and app.user is not same as(NULL) %}
<div class="navbar navbar-expand-md navbar-dark">
<div class="navbar-brand">
<a href="{{ path('procedure_list') }}" class="d-inline-block">
<img src="{{ asset('template/global_assets/images/logo_popsi.png') }}" alt="">
</a>
</div>
<div class="d-md-none">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-mobile">
<i class="icon-tree5"></i>
</button>
<button class="navbar-toggler sidebar-mobile-main-toggle" type="button">
<i class="icon-paragraph-justify3"></i>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-mobile">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="navbar-nav-link sidebar-control sidebar-main-toggle d-none d-md-block">
<i class="icon-paragraph-justify3"></i>
</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown dropdown-user">
<a href="#" class="navbar-nav-link d-flex align-items-center dropdown-toggle" data-toggle="dropdown">
<img src="{{ asset('template/global_assets/images/placeholders/placeholder.jpg') }}" class="rounded-circle mr-2" height="34" alt="">
<span>{{ app.user.firstname }}</span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a href="{{ path('user_edit_profile', {'id':app.user.id}) }}" class="dropdown-item"><i class="icon-user-plus"></i> My profile</a>
{# <a href="#" class="dropdown-item"><i class="icon-coins"></i> My balance</a>#}
{# <a href="#" class="dropdown-item"><i class="icon-comment-discussion"></i> Messages <span class="badge badge-pill bg-blue ml-auto">58</span></a>#}
<div class="dropdown-divider"></div>
{#{% if is_granted('ROLE_ADMIN') %}
<a href="{{ path('user_list') }}" class="dropdown-item"><i class="icon-cog5"></i> Account settings</a>
{% endif %}#}
<a href="{{ path('app_logout') }}" class="dropdown-item"><i class="icon-switch2"></i> Logout</a>
</div>
</li>
</ul>
</div>
</div>
<!-- /main navbar -->
{% endif %}
{% endblock %}
<!-- Page content -->
<div class="page-content">
<div class="sidebar sidebar-dark sidebar-main sidebar-expand-md">
<!-- Sidebar mobile toggler -->
<div class="sidebar-mobile-toggler text-center">
<a href="#" class="sidebar-mobile-main-toggle">
<i class="icon-arrow-left8"></i>
</a>
Navigation
<a href="#" class="sidebar-mobile-expand">
<i class="icon-screen-full"></i>
<i class="icon-screen-normal"></i>
</a>
</div>
<!-- /sidebar mobile toggler -->
<!-- Sidebar content -->
<div class="sidebar-content">
<!-- User menu -->
<div class="sidebar-user">
<div class="card-body">
<div class="media">
<div class="mr-3">
<a href="#"><img src="{{ asset('template/global_assets/images/placeholders/placeholder.jpg') }}" class="rounded-circle" alt="" width="38" height="38"></a>
</div>
<div class="media-body">
<div class="media-title font-weight-semibold">{{ app.user.firstname }} {{ app.user.lastname }}</div>
<div class="font-size-xs opacity-50">
<i class="icon-office font-size-sm"></i> {{ app.user.company.name }}
</div>
</div>
{# <div class="ml-3 align-self-center">
<a href="#" class="text-white"><i class="icon-cog3"></i></a>
</div> #}
</div>
</div>
</div>
<!-- /user menu -->
<!-- Main navigation -->
<div class="card card-sidebar-mobile">
<ul class="nav nav-sidebar" data-nav-type="accordion">
<!-- Main -->
<li class="nav-item-header"><div class="text-uppercase font-size-xs line-height-xs">Main</div> <i class="icon-menu" title="Main"></i></li>
{# <li class="nav-item">#}
{# <a href="{{ path('dashboard_index') }}" class="nav-link">#}
{# <i class="icon-home4"></i>#}
{# <span>#}
{# Dashboard#}
{# </span>#}
{# </a>#}
{# </li>#}
<li class="nav-item nav-item-submenu">
<a href="#" class="nav-link"><i class="icon-quill4"></i> <span>Procedures</span></a>
<ul class="nav nav-group-sub" data-submenu-title="Layouts">
<li class="nav-item"><a href="{{ path('procedure_list') }}" class="nav-link active"><i class="icon-list-unordered"></i> List</a></li>
<li class="nav-item"><a href="{{ path('procedure_create') }}" class="nav-link"><i class="icon-pen-plus"></i> Create</a></li>
</ul>
</li>
<li class="nav-item nav-item-submenu">
<a href="#" class="nav-link"><i class="icon-users2"></i> <span>Contacts</span></a>
<ul class="nav nav-group-sub" data-submenu-title="Layouts">
<li class="nav-item"><a href="{{ path('contact_list') }}" class="nav-link"><i class="icon-list-unordered"></i> List</a></li>
<li class="nav-item"><a href="{{ path('contact_new') }}" class="nav-link"><i class="icon-user-plus"></i> Create</a></li>
</ul>
</li>
<!-- /main -->
{% if is_granted('ROLE_ADMIN') %}
<!-- admin -->
<li class="nav-item-header"><div class="text-uppercase font-size-xs line-height-xs">Admin</div> <i class="icon-menu" title="Admin"></i></li>
<li class="nav-item nav-item-submenu">
<a href="#" class="nav-link"><i class="icon-quill4"></i> <span>Users</span></a>
<ul class="nav nav-group-sub" data-submenu-title="Layouts">
<li class="nav-item"><a href="{{ path('user_list') }}" class="nav-link active"><i class="icon-list-unordered"></i> List</a></li>
<li class="nav-item"><a href="{{ path('user_new') }}" class="nav-link"><i class="icon-pen-plus"></i> Create</a></li>
</ul>
</li>
<!-- /admin -->
{% endif %}
</ul>
</div>
<!-- /main navigation -->
</div>
<!-- /sidebar content -->
</div>
<div class="content-wrapper">
<div class="page-header page-header-light">
<div class="breadcrumb-line breadcrumb-line-light header-elements-md-inline">
<div class="d-flex">
<div class="breadcrumb">
{% block Pipeline %}
{% set current_path = app.request.get('_route') %}
{% set path_tab = current_path | split('_') %}
<a href="{{ path('procedure_list') }}" class="breadcrumb-item"><i class="icon-home2 mr-2"></i> Home</a>
{% if path_tab[0] != 'dashboard' %}
{% for key, menu in path_tab %}
{% if key == path_tab|length - 1 %}
<span class="breadcrumb-item active">{{ menu|capitalize }}</span>
{% else %}
<a href="{{ path(path_tab[0] ~ '_list') }}" class="breadcrumb-item">{{ menu|capitalize }}</a>
{% endif %}
{% endfor %}
{% endif %}
{# {{ dump(current_path) }}#}
{% endblock %}
</div>
<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
</div>
<div class="header-elements d-none">
<div class="breadcrumb justify-content-center">
<a href="#" class="breadcrumb-elements-item" data-toggle="modal" data-target="#helpModal">
<i class="icon-comment-discussion mr-2"></i>
Support
</a>
</div>
</div>
</div>
</div>
<div class="content">
{% block flashmessages %}
<!-- Content area -->
<div class="container flashmessages">
{% for flash_message in app.session.flashBag.get('success') %}
<div class="alert alert-success text-center">
<button type="button" class="close" data-dismiss="alert">x</button>
<strong>Success! </strong> {{ flash_message }}
</div>
{% endfor %}
{% for flash_message in app.session.flashBag.get('info') %}
<div class="alert alert-warning text-center">
<button type="button" class="close" data-dismiss="alert">x</button>
<strong>Information: </strong> {{ flash_message }}
</div>
{% endfor %}
{% for flash_message in app.session.flashBag.get('warning') %}
<div class="alert alert-danger text-center">
<button type="button" class="close" data-dismiss="alert">x</button>
<strong>Warning! </strong> {{ flash_message }}
</div>
{% endfor %}
</div>
{% endblock %}
{% block content %}{% endblock %}
<!-- Modal -->
<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="helpModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>If you have questions or issues, please contact support IT via Discord or send an email to <a href="mailto:it@popsicube.fr">it@popsicube.fr</a></p>
<p>Thanks</p>
<p>You can find the manual here :
</br><a href="{{ asset('template/global_assets/pdf/POPSISIGN-GUIDE.pdf') }}" download>Manual</a></p>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</div>
{% block footer %}
<!-- Footer -->
<div class=" navbar navbar-expand-lg navbar-light">
<div class="text-center d-lg-none w-100">
<button type="button" class="navbar-toggler dropdown-toggle" data-toggle="collapse" data-target="#navbar-footer">
<i class="icon-unfold mr-2"></i>
Footer
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-footer">
<span class="navbar-text">
© 2021 <a href="#">Popsisign</a> by <a href="https://popsisicube-fovea.com" target="_blank">© POPSICUBE-FOVEA</a>
</span>
{# <ul class="navbar-nav ml-lg-auto">
<li class="nav-item"><a href="#" class="navbar-nav-link" target="_blank"><i class="icon-lifebuoy mr-2"></i> Support</a></li>
<li class="nav-item"><a href="#" class="navbar-nav-link" target="_blank"><i class="icon-file-text2 mr-2"></i> Docs</a></li>
</ul> #}
</div>
</div>
<!-- /footer -->
{% endblock %}
</div>
</div>
<!-- Core JS files -->
<script src="{{ asset('template/global_assets/js/main/jquery.min.js') }}"></script>
<script src="{{ asset('lib/jquery-ui/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('template/global_assets/js/main/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('template/global_assets/js/plugins/loaders/blockui.min.js') }}"></script>
<!-- /core JS files -->
<!-- Theme JS files -->
<script src="{{ asset('template/global_assets/js/plugins/visualization/d3/d3.min.js') }}"></script>
<script src="{{ asset('template/global_assets/js/plugins/visualization/d3/d3_tooltip.js') }}"></script>
<script src="{{ asset('template/global_assets/js/plugins/forms/styling/switchery.min.js') }}"></script>
<script src="{{ asset('template/global_assets/js/plugins/ui/moment/moment.min.js') }}"></script>
<script src="{{ asset('template/global_assets/js/plugins/pickers/daterangepicker.js') }}"></script>
<script src="{{ asset('template/global_assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
<script src="{{ asset('template/assets/js/app.js') }}"></script>
{# <script src="{{ asset('template/global_assets/js/demo_pages/dashboard.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/streamgraph.js') }}'"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/sparklines.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/lines.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/areas.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/donuts.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/bars.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/progress.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/heatmaps.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/pies.js') }}"></script>#}
{# <script src="{{ asset('template/global_assets/js/demo_charts/pages/dashboard/light/bullets.js') }}"></script>#}
<!-- /theme JS files -->
<!-- Custom JS -->
<script src="{{ asset('custom/js/layout.js') }}"></script>
<!-- /custom JS -->
<!-- FOS JS Routing -->
<script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
<script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
<!-- /FOS JS Routing -->
<!-- JQUERY Validate -->
{# <script src="{{ asset('bundles/jquery-validation/dist/jquery.validate.min.js') }}"></script>#}
<!-- /JQUERY Validate -->
<script>
$(document).on('submit','form',function(){
$('#submitLoading').modal();
});
</script>
{% block javascripts %}{% endblock %}
{% endblock %}
</body>
</html>