<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Alis">
<meta name="theme-color" content="#7952b3">
{% if page_refresh is defined and page_refresh > 0 -%}
<meta http-equiv="Refresh" content="{{ page_refresh }}">
{%- endif %}
<title>{% block titleup %}Alis - {% block title %}{% endblock %}{% endblock %}</title>
<link rel="icon" href="{{ asset('favicon.ico') }}" type="image/png" sizes="16x16">
<link rel="canonical" href="https://alis.infospid.com">
{% include 'common_include.html.twig' with {'include_file':'css'} %}
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,100;1,200;1,300;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('assets/alis/1.0/css/style.css') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}">
<link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
{% block stylesheets %}
{% endblock %}
{% include 'common_include.html.twig' with {'include_file':'js'} %}
<script src="{{ asset('assets/alis/1.0/js/script.js') }}" defer></script>
</head>
<body class="{{ bodyclass|default('bg-light') }}">
<div id="loading-layer">
<p class="text-center"><i class="fa fa-spin fa-circle-notch fa-4x"></i></p>
<p id="loading-text" class="text-center"></p>
</div>
{% block body %}
{% include 'base_nav.html.twig' %}
{% block container %}
<main class="container-fluid">
{% if recherche_rapide is not defined or recherche_rapide != 'disabled' %}
<div class="row">
<form class="mt-3" action="{{ path('recherche_rapide') }}" method="POST">
<div class="row g-1 align-items-center">
<div class="col-auto">
<label for="" class="col-form-label">Recherche rapide </label>
</div>
<div class="col-auto">
<input type="text" id="annonce" name="annonce" class="form-control form-control-sm" aria-describedby="" placeholder="Numéro annonce">
</div>
<div class="col-auto">
<input type="text" id="client" name="client" class="form-control form-control-sm" aria-describedby="" placeholder="Numéro client">
</div>
<div class="col-auto">
<input type="text" id="facture" name="facture" class="form-control form-control-sm" aria-describedby="" placeholder="Numéro facture">
</div>
<input type="hidden" name="current_path" value="{{ app.request.get('_route') }}">
<div class="col-auto">
<button type="submit" class="btn btn-sm"><i class="fa fa-search"></i></button>
</div>
</div>
</form>
</div>
{% endif %}
<div class="row">
<div class="col-md-6 offset-md-3 p-2 mb-2">
{% include 'base_flash.html.twig' %}
</div>
</div>
<div class="row rounded p-3 mb-2 shadow-lg">
{% block content %}
{% endblock %}
</div>
</main>
{% endblock %}
{% endblock %}
{% block javascripts %}{% endblock %}
{% if app.user and app.user.notificationsunseen is not empty %}
<div aria-live="polite" aria-atomic="true" class="position-relative">
<div class="toast-container position-absolute top-50 start-50 translate-middle">
{% for notification in app.user.notificationsunseen %}
<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-bs-autohide="false">
<div class="toast-header">
<strong class="me-auto">{{ notification.subject }}</strong>
<small>{{ notification.date|fulldate }}</small>
{#<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>#}
</div>
<div class="toast-body" style="min-height: 200px;">
{{ notification.message|raw }}
</div>
<div class="mt-2 pt-2 border-top toast-body text-end">
<button type="button" class="btn btn-primary btn-sm mark-notification" data-mark-url="{{ path('app_alis_notification_mark', {id: notification.id}) }}" data-bs-dismiss="toast">Lu</button>
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="toast">Fermer</button>
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
</body>
</html>