<header id="page-topbar">
<div class="layout-width">
<div class="navbar-header">
<div class="d-flex">
<!-- LOGO -->
<div class="navbar-brand-box horizontal-logo">
<a href="{{ path('dashboard') }}" class="logo logo-dark">
<span class="logo-sm">
<img src="{{ asset('logo.png') }}" alt="" height="22">
</span>
<span class="logo-lg">
<img src="{{ asset('logo.png') }}" alt="" height="17">
</span>
</a>
<a href="{{ path('dashboard') }}" class="logo logo-light">
<span class="logo-sm">
<img src="{{ asset('logo.png') }}" alt="" height="22">
</span>
<span class="logo-lg">
<img src="{{ asset('logo.png') }}" alt="" height="17">
</span>
</a>
</div>
</div>
{% if app.user and app.user.reportWork %}
<div class="d-flex align-items-center">
<div class="row">
<div class="col">
{% if is_started(app.user) %}
<button class="btn btn-success disabled">Start</button>
{% else %}
<a href="{{ path('work_start') }}" class="btn btn-success">Start</a>
{% endif %}
</div>
<div class="col">
{% if is_viewed(app.user) %}
<button class="btn btn-info disabled">Odpisane</button>
{% else %}
<a href="{{ path('work_viewed') }}" class="btn btn-info">Odpisane</a>
{% endif %}
</div>
<div class="col">
{% if is_ended(app.user) %}
<button class="btn btn-danger disabled">Koniec</button>
{% else %}
<button id="end-work" data-url="{{ path('work_stop') }}"
class="btn btn-danger">Koniec</button>
{% endif %}
</div>
</div>
</div>
{% endif %}
</div>
</div>
</header>
<!-- removeNotificationModal -->
<div id="removeNotificationModal" class="modal fade zoomIn" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="NotificationModalbtn-close"></button>
</div>
<div class="modal-body">
<div class="mt-2 text-center">
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
<h4>Are you sure ?</h4>
<p class="text-muted mx-4 mb-0">Are you sure you want to remove this Notification ?</p>
</div>
</div>
<div class="d-flex gap-2 justify-content-center mt-4 mb-2">
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn w-sm btn-danger" id="delete-notification">Yes, Delete It!</button>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->