{% if app.user %}
{% set koszyk = app.user.koszyk %}
{% else %}
{% set koszyk = app.session.get("koszyk") %}
{% endif %}
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
<title>InforPol NET:{% block TITLE %}Szablon CORK:FULL WIDTH{% endblock %}</title>
<link rel="icon" type="image/png" href="{{ asset ("obrazki/ndc_ico.png") }}"/>
<link href="{{ asset ("layouts/vertical-light-menu/css/light/loader.css") }}" rel="stylesheet" type="text/css" />
<link href="{{ asset ("layouts/vertical-light-menu/css/dark/loader.css") }}" rel="stylesheet" type="text/css" />
<script src="{{ asset ("layouts/vertical-light-menu/loader.js") }}"></script>
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
<link href="{{ asset ("src/bootstrap/css/bootstrap.min.css") }}" rel="stylesheet" type="text/css" />
<link href="{{ asset ("layouts/vertical-light-menu/css/light/plugins.css") }}" rel="stylesheet" type="text/css" />
<link href="{{ asset ("layouts/vertical-light-menu/css/dark/plugins.css") }}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<!-- END GLOBAL MANDATORY STYLES -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
<link rel="stylesheet" type="text/css" href="{{ asset ("src/assets/css/light/elements/alert.css") }}">
<link rel="stylesheet" type="text/css" href="{{ asset ("src/assets/css/dark/elements/alert.css") }}">
<!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->
{% block STYLES %}
{% endblock %}
</head>
<body class="layout-boxed" layout="full-width">
<!-- BEGIN LOADER -->
<div id="load_screen">
<div class="loader">
<div class="loader-content">
<div class="spinner-grow align-self-center"></div>
</div>
</div>
</div>
<!-- END LOADER -->
<!-- BEGIN NAVBAR -->
{% include "rama-top-menu.html.twig" %}
<!-- END NAVBAR -->
<!-- BEGIN MAIN CONTAINER -->
<div class="main-container " id="container">
<div class="overlay"></div>
<div class="search-overlay"></div>
<!-- BEGIN SIDEBAR -->
<div class="sidebar-wrapper sidebar-theme">
<nav id="sidebar">
<div class="navbar-nav theme-brand flex-row text-center">
<div class="nav-logo">
<div class="nav-item theme-logo">
<a href="{{ path ("app_welcome") }}">
<img src="{{ asset ("obrazki/logo-kula.svg") }}" alt="logo">
</a>
</div>
<div class="nav-item theme-text">
<a href="{{ path ("app_welcome") }}" class="nav-link"><span style="font-size: 0.8em;"> InforPol NET</span></a>
</div>
</div>
<div class="nav-item sidebar-toggle">
<div class="btn-toggle sidebarCollapse">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-left"><polyline points="11 17 6 12 11 7"></polyline><polyline points="18 17 13 12 18 7"></polyline></svg>
</div>
</div>
</div>
<div class="shadow-bottom"></div>
<ul class="list-unstyled menu-categories" id="accordionExample">
<li class="menu active"></li>
{% if app.user is null %}
{% include "main_menu_anonymous.html.twig" %}
{% elseif "ROLE_ADMIN" in app.user.roles %}
{% include "main_menu_admin.html.twig" %}
{% else %}
{% include "main_menu_user.html.twig" %}
{% endif %}
</ul>
</nav>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT AREA -->
<div id="content" class="main-content">
<div class="layout-px-spacing">
<div class="middle-content container-xxl p-0">
<!-- BREADCRUMB -->
<div class="page-meta">
<nav class="breadcrumb-style-one" aria-label="breadcrumb">
<ol class="breadcrumb">
{% block BREADCRUMB %}
<!--<li class="breadcrumb-item"><a href="#">Layouts</a></li>
<li class="breadcrumb-item active" aria-current="page">Collapsible Menu</li>-->
{% endblock %}
</ol>
</nav>
</div>
<!-- /BREADCRUMB -->
<div class="row layout-top-spacing">
<!-- Komunikaty -->
{% if messages is defined %}
{% for MESSAGE in messages %}
<!-- MESSAGE -->
<div class="col-12">
<div class="alert alert-arrow-left alert-icon-left alert-light-{% if MESSAGE.type is defined %}{{ MESSAGE.type }}{% else %}info{% endif %} alert-dismissible fade show mb-4" role="alert">
{% if MESSAGE.icon is defined %}
{{ MESSAGE.icon|raw }}
{% else %}
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>
{% endif %}
{{ MESSAGE.body|raw }}
</div>
</div>
<!-- /MESSAGE -->
{% endfor %}
{% endif %}
<!-- /Komunikaty -->
{% block WORK_AREA %}
<!-- 4 CARDS -->
<div class="col-xl-3 col-lg-6 col-md-6 mb-4">
<div class="card bg-primary">
<div class="card-body pt-3">
<h5 class="card-title mb-3">Card Title</h5>
<p class="card-text">Powerful CRM admin dashboard template based on Bootstrap and Sass for all kind of back-end projects.</p>
</div>
<div class="card-footer px-4 pt-0 border-0">
<a href="https://themeforest.net/item/cork-responsive-admin-dashboard-template/25582188" target="_blank">Visit on Themeforest.</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-4">
<div class="card bg-secondary">
<div class="card-body pt-3">
<h5 class="card-title mb-3">Card Title</h5>
<p class="card-text">Powerful CRM admin dashboard template based on Bootstrap and Sass for all kind of back-end projects.</p>
</div>
<div class="card-footer px-4 pt-0 border-0">
<a href="https://themeforest.net/item/cork-responsive-admin-dashboard-template/25582188" target="_blank">Visit on Themeforest.</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-4">
<div class="card bg-dark">
<div class="card-body pt-3">
<h5 class="card-title mb-3">Card Title</h5>
<p class="card-text">Powerful CRM admin dashboard template based on Bootstrap and Sass for all kind of back-end projects.</p>
</div>
<div class="card-footer px-4 pt-0 border-0">
<a href="https://themeforest.net/item/cork-responsive-admin-dashboard-template/25582188" target="_blank">Visit on Themeforest.</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-4">
<div class="card bg-danger">
<div class="card-body pt-3">
<h5 class="card-title mb-3">Card Title</h5>
<p class="card-text">Powerful CRM admin dashboard template based on Bootstrap and Sass for all kind of back-end projects.</p>
</div>
<div class="card-footer px-4 pt-0 border-0">
<a href="https://themeforest.net/item/cork-responsive-admin-dashboard-template/25582188" target="_blank">Visit on Themeforest.</a>
</div>
</div>
</div>
<!-- /4 CARDS -->
<!-- TABLE WITH SHADOW -->
<div class="col-lg-12 col-md-12 layout-spacing">
<div class="statbox widget box box-shadow">
<div class="widget-header">
<div class="row">
<div class="col-xl-12 col-md-12 col-sm-12 col-12">
<h4>Table</h4>
</div>
</div>
</div>
<div class="widget-content widget-content-area">
<div class="table-responsive">
<table class="table table-bordered mb-4">
<thead>
<tr>
<th>Name</th>
<th>Date</th>
<th>Sale</th>
<th class="text-center">Status</th>
<th class="text-center">Action</th>
</tr>
<tr aria-hidden="true" class="mt-3 d-block table-row-hidden"></tr>
</thead>
<tbody>
<tr>
<td>Shaun</td>
<td>10/08/2022</td>
<td>320</td>
<td class="text-center"><span class="badge badge-success">Approved</span></td>
<td class="text-center">
<div class="dropdown custom-dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
<a class="dropdown-item" href="javascript:void(0);">Download</a>
<a class="dropdown-item" href="javascript:void(0);">Share</a>
<a class="dropdown-item" href="javascript:void(0);">Edit</a>
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>Alma</td>
<td>11/08/2022</td>
<td>420</td>
<td class="text-center"><span class="badge badge-primary">In Progress</span></td>
<td class="text-center">
<div class="dropdown custom-dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink2">
<a class="dropdown-item" href="javascript:void(0);">Download</a>
<a class="dropdown-item" href="javascript:void(0);">Share</a>
<a class="dropdown-item" href="javascript:void(0);">Edit</a>
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>Kelly</td>
<td>12/08/2022</td>
<td>130</td>
<td class="text-center"><span class="badge badge-warning">Suspended</span></td>
<td class="text-center">
<div class="dropdown custom-dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink3">
<a class="dropdown-item" href="javascript:void(0);">Download</a>
<a class="dropdown-item" href="javascript:void(0);">Share</a>
<a class="dropdown-item" href="javascript:void(0);">Edit</a>
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>Xavier</td>
<td>13/08/2022</td>
<td>260</td>
<td class="text-center"><span class="badge badge-danger">Blocked</span></td>
<td class="text-center">
<div class="dropdown custom-dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink4">
<a class="dropdown-item" href="javascript:void(0);">Download</a>
<a class="dropdown-item" href="javascript:void(0);">Share</a>
<a class="dropdown-item" href="javascript:void(0);">Edit</a>
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>Andy</td>
<td>14/08/2022</td>
<td>99</td>
<td class="text-center"><span class="badge badge-secondary">On leave</span></td>
<td class="text-center">
<div class="dropdown custom-dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink5">
<a class="dropdown-item" href="javascript:void(0);">Download</a>
<a class="dropdown-item" href="javascript:void(0);">Share</a>
<a class="dropdown-item" href="javascript:void(0);">Edit</a>
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>Justin</td>
<td>15/08/2022</td>
<td>555</td>
<td class="text-center"><span class="badge badge-info">Pending</span></td>
<td class="text-center">
<div class="dropdown custom-dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink6">
<a class="dropdown-item" href="javascript:void(0);">Download</a>
<a class="dropdown-item" href="javascript:void(0);">Share</a>
<a class="dropdown-item" href="javascript:void(0);">Edit</a>
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
</div>
</div>
</td>
</tr>
<tr>
<td>Amy</td>
<td>16/08/2022</td>
<td>300</td>
<td class="text-center"><span class="badge badge-dark">Deleted</span></td>
<td class="text-center">
<div class="dropdown custom-dropdown">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink7" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink7">
<a class="dropdown-item" href="javascript:void(0);">Download</a>
<a class="dropdown-item" href="javascript:void(0);">Share</a>
<a class="dropdown-item" href="javascript:void(0);">Edit</a>
<a class="dropdown-item" href="javascript:void(0);">Delete</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- /TABLE WITH SHADOW -->
{% endblock %}
</div>
</div>
</div>
<div class="footer-wrapper">
<div class="footer-section f-section-1">
<p class="">Copyright © <span class="dynamic-year">2022</span> <a target="_blank" href="https://designreset.com/cork-admin/">DesignReset</a>, All rights reserved.</p>
</div>
<div class="footer-section f-section-2">
<p class="">Coded with <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></p>
</div>
</div>
</div>
<!-- END CONTENT AREA -->
</div>
<!-- END MAIN CONTAINER -->
<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
<script src="{{ asset ("src/plugins/src/global/vendors.min.js") }}"></script>
<script src="{{ asset ("src/bootstrap/js/bootstrap.bundle.min.js") }}"></script>
<script src="{{ asset ("src/plugins/src/perfect-scrollbar/perfect-scrollbar.min.js") }}"></script>
<script src="{{ asset ("src/plugins/src/mousetrap/mousetrap.min.js") }}"></script>
<script src="{{ asset ("layouts/vertical-light-menu/app.js") }}"></script>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<!-- END GLOBAL MANDATORY SCRIPTS -->
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
{% block SCRIPTS %}
{% endblock %}
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
</body>
</html>