{% extends 'base.html.twig'%}
{% import 'agent/input.html.twig' as inputM %}
{% block pageValidationBlock %}
<link rel="stylesheet" href="/css/pageValidation.css">
{% endblock %}
{% block sideBarStyleSheet %}
<link href="/css/sidebar.css" rel=stylesheet>
{%endblock%}
{% block body %}
{% block sidebar%}
{% if deps is defined %}
{% include 'agent/sideBar.html.twig' with {'deps':deps, 'dep':depChoiced}%}
{% else %}
{% include 'agent/sideBar.html.twig' %}
{% endif %}
{% endblock sidebar %}
{% block content %}
<div class="container-fluid reset" id="principal">
<div class="header">
<i class="fa-solid fa-bars"></i>
<button type="button" class="btn btn-danger" id="unlink_All" aria-label="unlik">delier tout</button>
</div>
{% if codinsee is defined %}
{% include 'agent/ficheAgent.html.twig' with {'items':items,'dep':depChoiced, 'codinsee':codinsee}%}
{% else %}
{% include 'agent/ficheAgent.html.twig' with {'items':items,'dep':depChoiced}%}
{% endif %}
<div class="modal fade" id="modalPopup" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="bodyModal-js"></div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-mdb-dismiss="modal" id="btnLink" onclick="link(event)">Lié</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ChangementNom" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header" id="chgt_nom_title">
<h5 class="modal-title" id="changementNom">Changement de nom </h5>
<!--<span id="error_message" style="display:none;"> </span>-->
<button type="button" id="close-btn-nom" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="bodyModal-js">
<div class="container-fluid">
<div class="row col-md-4">
<select name="action_nom" id="actionNom">
<option value="nom">CHGTNOM</option>
</select>
</div >
<!--<div class="row col-md-4">
<input type="date" id="date_nom" onchange="getDate(event)" >
</div>-->
<div class="row col-md-4">
<textArea rows="6" cols="32" id="text_nom" ></textArea>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary modal_valid" id="btnChgtNom" data-action-id="action_nom" onclick="setEvenement(event)">valider</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="ChangementAdresse" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header" id="chgt_adresse_title">
<h5 class="modal-title" id="exampleModalLabel">Changement adresse</h5>
<!--<span id="error_message_adresse" style="display:none;"> </span>-->
<button type="button" id="btn-close-adresse" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="bodyModal-js" style="display:block">
<div class="container-fluid">
<div class="row col-md-4">
<select name="action_adresse" id="actionAdrr">
<option value="DEME">CHGTADR</option>
</select>
</div >
<!--<div class="row col-md-4">
<input type="date" id="date_addr" onchange="getDateAdresse(event)" required="required">
</div>-->
<div class="row col-md-4">
<textArea rows="6" cols="32" id="text_addr" required="required"></textArea>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" id="btnActionAddr" data-action-id="action_adresse" onclick="setEvenement(event)">valider</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="viewRappel" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Profile</h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close" ></button>
</div>
<div class="modal-body" id="bodyViewRappel-js"></div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="viewProfil" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Profil</h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="bodyViewProfil-js">
<div class="profil_container" id="profilView-js">
</div>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="seeFiche" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">see all fiche</h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="bodySeeFiche-js">
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="seeHistorical" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">historique de traitement </h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="bodySeeHistorical-js">
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="seeFicheHisto" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">historique de traitement </h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="bodySeeFicheHistorical-js">
<div class='d-flex justify-content-start flex-row mb-2 flex-wrap'></div>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="areUsureToDlink" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">êtes vous vraiment sûr de délier? </h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="dlinkBody-js">
<button type="button" class="btn btn-primary dlink" data-mdb-dismiss="modal"> oui </button>
<button type="button" class="btn btn-primary" data-mdb-dismiss="modal"> non </button>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="closingEtab" tabindex="-1" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Espace fermeture etab </h5>
<button type="button" class="btn-close" data-mdb-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="closingBody-js">
<div class="container-fluid">
<!--<div class="row col-md-4">
<input type="date" id="date_close_open" onchange="getDate(event)" required="required">
</div>-->
<div class="row col-md-4">
<textArea rows="6" cols="32" id="text_comment_close_open" required="required"></textArea>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger closeEtab" data-mdb-dismiss="modal" onclick="closedEtab(event)"> Fermer! </button>
<button type="button" class="btn btn-danger openEtab" data-mdb-dismiss="modal" onclick="openEtab(event)" disabled> Ouvrir! </button>
</div>
</div>
</div>
</div>
<div class="search-section w-50 mb-5">
<div class="input-group rounded">
<input type="search" class="form-control rounded" placeholder="mettre votre code postale" aria-label="Search" aria-describedby="search-addon" id="uniqSerach-js"/>
<span class="input-group-text border-0" id="search-addon">
<i class="fas fa-search"></i>
</span>
</div>
</div>
<div class="fixed">
<div class="table-data-js" id="list_etendue">
<div class="list_etendue_body"></div>
</div>
</div>
</div>
{% endblock content %}
{% endblock body %}
{% block agentJS %}
<script src="https://cdn.jsdelivr.net/npm/chart.js" defer></script>
<script type="text/javascript" src="/js/index.js" defer></script>
<script type="text/javascript" src="/js/rappelFiche.js" defer></script>
<script type="text/javascript" src="/js/sideBar.js" defer></script>
{% endblock %}