templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta
  5.         http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.         <!-- Meta, title, CSS, favicons, etc. -->
  7.         <meta charset="utf-8">
  8.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.         <meta name="viewport" content="width=device-width, initial-scale=1">
  10.         <link rel="icon" href=" {{ asset('assets/images/icone-assist.ico') }} " type="image/ico"/>
  11.         <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  12.         <title>
  13.             {% block title %}{% endblock %}
  14.             | Assist RH</title>
  16.         <!-- Bootstrap -->
  18.         <!-- Custom fonts -->
  19.         <link rel="stylesheet" href="{{ asset('assets/build/fonts/Montserrat/Montserrat.css') }}"/>
  20.         <link rel="stylesheet" href="{{ asset('assets/build/fonts/Poppins/Poppins.css') }}"/>
  22.         <style>
  23.             /* Changer font de toutes les pages */
  24.             *:not(i) {
  25.                 font-family: Montserrat;
  26.             }
  27.         </style>
  30.         {# <link href=" {{ asset('assets/cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css ') }}"> #}
  31.         {# <link href=" {{ asset('assets/build/css/jquery.dataTables.min.css') }}"> #}
  32.         <link
  33.         href=" {{ asset('assets/vendors/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
  34.         <!-- Font Awesome -->
  35.         <link
  36.         href=" {{ asset('assets/vendors/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
  37.         <!-- NProgress -->
  38.         <link
  39.         href=" {{ asset('assets/vendors/nprogress/nprogress.css') }}" rel="stylesheet">
  40.         <!-- iCheck -->
  41.         <link
  42.         href=" {{ asset('assets/vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">
  43.         <!-- bootstrap-daterangepicker -->
  44.         <link
  45.         href=" {{ asset('assets/vendors/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">
  46.         <!-- bootstrap-wysiwyg -->
  47.         <link href=" {{ asset('assets/vendors/google-code-prettify/bin/prettify.min.css') }}" rel="stylesheet">
  48.         <!-- Select2 -->
  49.         <!--    <link href=" {{ asset('assets/vendors/select2/dist/css/select2.min.css') }}" rel="stylesheet">-->
  50.         <!-- Switchery -->
  51.         <link
  52.         href=" {{ asset('assets/vendors/switchery/dist/switchery.min.css') }}" rel="stylesheet"> <!-- starrr -->
  53.         <link
  54.         href=" {{ asset('assets/vendors/starrr/dist/starrr.css') }}" rel="stylesheet">
  56.         <!-- Data table css -->
  57.         <link
  58.         href="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.css') }}" rel="stylesheet"/>
  59.         <!-- Button Datatable -->
  60.         <link href="https://cdn.datatables.net/buttons/2.3.4/css/buttons.dataTables.min.css" rel="stylesheet">
  61.         <link
  62.         href="{{ asset('assets/plugins/datatable/dataTables.colVis.css') }}" rel="stylesheet">
  64.         <!-- bootstrap-datetimepicker -->
  65.         <link
  66.         href=" {{ asset('assets/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css') }}" rel="stylesheet">
  67.         <!-- bootstrap toggle -->
  68.         <link
  69.         href=" {{ asset('assets/build/css/bootstrap4-toggle.min.css') }}" rel="stylesheet">
  70.         <!-- Ion.RangeSlider -->
  72.         <link href=" {{ asset('assets/vendors/normalize-css/normalize.css') }}" rel="stylesheet">
  73.         <link href=" {{ asset('assets/vendors/ion.rangeSlider/css/ion.rangeSlider.css') }}" rel="stylesheet">
  74.         <link
  75.         href=" {{ asset('assets/vendors/ion.rangeSlider/css/ion.rangeSlider.skinFlat.css') }}" rel="stylesheet">
  76.         <!-- Bootstrap Colorpicker -->
  77.         <link href=" {{ asset('assets/vendors/mjolnic-bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css') }}" rel="stylesheet">
  78.         <link
  79.         href=" {{ asset('assets/vendors/cropper/dist/cropper.min.css') }}" rel="stylesheet">
  80.         <!-- bootstrap-daterangepicker -->
  81.         <link
  82.         href=" {{ asset('assets/vendors/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">
  83.         <!-- bootstrap-datetimepicker -->
  84.         <link
  85.         href=" {{ asset('assets/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css') }}" rel="stylesheet">
  86.         <!-- Dropzone -->
  87.         <link
  88.         href=" {{ asset('assets/vendors/dropzone/dist/min/dropzone.min.css') }}" rel="stylesheet">
  89.         <!-- Apex Charts -->
  90.         <link
  91.         href=" {{ asset('assets/build/css/styles.css') }}" rel="stylesheet"/>
  92.         <!-- Custom Theme Style -->
  93.         <link
  94.         href=" {{ asset('assets/build/css/custom.css') }}" rel="stylesheet">
  96.         <!-- My custom -->
  97.         <link
  98.         href=" {{ asset('assets/build/css/custom2.css') }}" rel="stylesheet">
  100.         <!-- Toastr JS -->
  101.         <link
  102.         href="{{ asset('assets/plugins/toastr/toastr.min.css') }}" rel="stylesheet">
  104.         <!-- SELECT PICKER -->
  105.         <link href="{{ asset('assets/plugins/bootstrap-select-1.13.14/dist/css/bootstrap-select.min.css') }}" rel="stylesheet">
  108.         <style>
  109.             .custom-label{
  110.                 font-size: 20px;
  111.                 font-weight: 600;
  113.             }
  114.             .btn-success {
  115.                 background-color: #8ec046 !important;
  116.             }
  118.             .paginate_button .page-item .previous {
  119.                 background-color: red;
  120.             }
  122.             .dataTables_paginate .page-link {
  123.                 background-color: transparent !important;
  124.                 border: 0 !important;
  125.                 margin: 3px !important;
  126.                 color: rgb(128, 128, 128);
  127.             }
  129.             .page-item:first-child .page-link,
  130.             .page-item:last-child .page-link {
  131.                 border-radius: 5px !important;
  132.                 background-color: transparent !important;
  133.                 border: 1px solid #001F3E !important;
  134.                 margin: 3px !important;
  135.                 color: #001F3E !important;
  136.             }
  138.             .dataTables_paginate .paginate_button.active .page-link {
  139.                 border: 0 !important;
  140.                 border-radius: 5px !important;
  141.                 color: black !important;
  142.                 margin: 3px !important;
  143.             }
  145.             .dataTables_scroll {
  146.                 margin-left: 0.5rem !important;
  147.                 margin-right: 0.5rem !important;
  148.             }
  150.             .dataTables_scrollHeadInner > table {
  151.                 margin-top: 5px !important;
  152.             }
  154.             /* Css button colvis datatable */
  155.             ul.ColVis_collection li label {
  156.                 margin-bottom: 0;
  157.             }
  159.             div.ColVis {
  160.                 margin-left: 10px !important;
  161.                 margin-bottom: 0 !important;
  162.             }
  164.             ul.ColVis_collection {
  165.                 left: 289px !important;
  166.                 top: 250px !important;
  167.                 width: 184px !important;
  168.             }
  170.             div.ColVis > button.ColVis_MasterButton {
  171.                 height: 32px !important;
  172.                 padding: 3px 10px !important;
  173.                 margin-right: 6px;
  174.             }
  176.             li.ajout-pointage > a.vert-fluo {
  177.                 height: 30px;
  178.             }
  180.             .dt-buttons > button.dt-button {
  181.                 border: 1px solid #869CB0;
  182.                 background: white !important;
  183.                 color: #869CB0 !important;
  184.             }
  186.             .dt-buttons > button.dt-button:hover {
  187.                 border: 1px solid #869CB0;
  188.                 color: #001F3E !important;
  189.             }
  191.             .dt-buttons {
  192.                 margin-left: 7px;
  193.             }
  195.             /*RADIO ESPACE*/
  196.             .radio-custom input {
  197.                 margin-right: 5px;
  198.             }
  200.             input[type=radio]:checked {
  201.                 accent-color: #69912f;
  202.             }
  204.             /*SELECT PICKER*/
  205.             .bootstrap-select > .dropdown-toggle {
  206.                 border-radius: 5px !important;
  207.             }
  208.             select > option {
  209.                 font-family: Montserrat !important;
  210.             }
  211.             input[type="file"] {
  212.                 display: none;
  213.             }
  215.             .detaile {
  216.                 display: flex;
  217.                 flex-direction: column;
  218.                 margin-right: 5px;
  219.             }
  220.             .detaile input::placeholder{
  221.                 font-weight: 600;
  222.                 font-size:14px;
  223.             }
  224.             .enter {
  225.                 display: flex;
  226.                 flex-direction: column;
  227.                 margin-right: 5px;
  228.             }
  229.             .enter label {
  230.                 display: flex;
  231.                 justify-content: end;
  232.             }
  233.             .enter input {
  234.                 position: relative;
  235.             }
  236.             .enter input::placeholder {
  237.                 position: absolute;
  238.                 right: 8px;
  239.                 color: #000!important;
  240.                 font-weight: 600;
  241.                 font-size: 16px;
  242.             }
  244.             .after-detail input::placeholder{
  245.                 font-size:14px;
  246.                 font-weight: 600;
  247.             }
  248.             .quantite {
  249.                 display: flex;
  250.                 flex-direction: column;
  251.             }
  253.             .quantite input {
  254.                 position: relative;
  255.             }
  256.             .quantite input::placeholder {
  257.                 position: absolute;
  258.                 right: 8px;
  259.                 color: #000!important;
  260.                 font-weight: 700;
  261.             }
  263.             .quantite label {
  264.                 display: flex;
  265.                 justify-content: end;
  266.             }
  268.             .link {
  269.                 color: #000;
  270.                 font-size: 16px;
  271.                 font-weight: 700;
  272.             }
  273.             .link-first {
  274.                 color: #000;
  275.                 font-size: 16px;
  276.                 font-weight: 700;
  277.                 position: relative;
  278.             }
  279.             .link-first::after {
  280.                 content: "";
  281.                 background: #000;
  282.                 width: 2px;
  283.                 height: 30px;
  284.                 right: -13px;
  285.                 top: 6px;
  286.                 position: absolute;
  287.             }
  289.             .ajouter {
  290.                 background: #8ec046;
  291.                 width: 150px;
  292.                 height: 46px;
  293.                 color: #000;
  294.                 font-weight: 700;
  295.                 font-size: 16px;
  296.                 border-radius: 50px;
  297.                 border: none;
  298.                 padding-left: 40px;
  299.                 padding-right: 40px;
  300.             }
  301.             .rectificatif {
  302.                 background: #FED9151A;
  303.                 width: 178px;
  304.                 height: 46px;
  305.                 color: #A87E3F;
  306.                 font-weight: 700;
  307.                 font-size: 16px;
  308.                 border-radius: 50px;
  309.                 border: 2px solid #A87E3F;
  310.                 padding-left: 12px;
  311.             }
  313.             #number {
  314.                 position: relative;
  315.             }
  316.             #number::before {
  317.                 content: "";
  318.                 width: 14px;
  319.                 height: 14px;
  320.                 border-radius: 50%;
  321.                 background: #49AD19;
  322.                 position: absolute;
  323.                 left: 10px;
  324.                 top: 15px;
  325.             }
  327.             .add {
  328.                 width: 30px;
  329.                 height: 30px;
  330.                 padding: 9px 9px 9px 10px;
  331.                 border-radius: 50%;
  332.                 background: #f0f7da;
  333.                 margin-right: 5px;
  334.             }
  335.             .add i {
  336.                 font-size: 16px;
  337.                 color: #8ec046;
  338.             }
  341.             .custom-table tr {
  342.                 height: 30px;
  343.             }
  345.             .cumul-precedent{
  346.                 font-size: 18px!important;
  347.                 color: gray;
  348.                 font-weight: 600;
  349.                 text-align: center;
  350.                 margin-top: 8px;
  351.                 margin-left: 15px;
  352.             }
  354.             .custom-label-gris{
  355.                 font-size: 20px;
  356.                 font-weight: 600;
  357.             }
  359.             .text-before-pourcentage{
  360.                 font-size: 26px;
  361.                 font-weight: 600;
  362.                 color: #000;
  363.             }
  365.             .cumul-total{
  366.                 font-size: 20px!important;
  367.                 font-weight: 600;
  368.                 color: #000;
  369.                 margin-left: 8px;
  370.             }
  372.             .pourcentage{
  373.                 font-size: 40px !important;
  374.                 color: #8ec046;
  375.                 margin-top: -20px;
  376.                 padding-left: 25px;
  377.             }
  379.             .input-terrassement{
  380.                 padding-top: 30px;
  381.             }
  383.             .input-unite input,
  384.             .input-unite-gris input{
  385.                 height: 45px;
  386.             }
  388.             .input-total input,
  389.             .input-total-gris input{
  390.                 height: 45px;
  391.                 position: relative;
  392.             }
  394.             .input-total input::placeholder{
  395.                 font-size: 16px;
  396.                 font-weight: 600;
  397.                 color: #000;
  398.                 position: absolute;
  399.                 right: 10px;
  400.             }
  402.             .input-total-gris input::placeholder{
  403.                 font-size: 16px;
  404.                 font-weight: 600;
  405.                 color: #6e6e6e;
  406.                 position: absolute;
  407.                 right: 10px;
  408.             }
  410.             .input-terrassement input,
  411.             .input-situation input{
  412.                 height: 45px;
  413.             }
  415.             .input-terrassement input::placeholder,
  416.             .input-situation input::placeholder{
  417.                 font-size: 16px;
  418.                 font-weight: 600;
  419.                 color: #000;
  420.             }
  422.             .input-chapitre input,
  423.             .input-chapitre-gris input{
  424.                 height: 45px;
  425.                 position: relative;
  426.             }
  428.             .input-chapitre input::placeholder{
  429.                 position: absolute;
  430.                 right: 10px;
  431.                 top: 12px;
  432.                 font-size: 16px;
  433.                 font-weight: 600;
  434.                 color: #000;
  435.             }
  437.             .input-chapitre-gris input::placeholder{
  438.                 position: absolute;
  439.                 right: 10px;
  440.                 top: 12px;
  441.                 font-size: 16px;
  442.                 font-weight: 600;
  443.                 color: #6e6e6e;
  444.             }
  446.             .input-unite input::placeholder{
  447.                 position: absolute;
  448.                 right: 45%;
  449.                 top: 13px;
  450.                 font-size: 16px;
  451.                 font-weight: 600;
  452.                 color: #000;
  453.             }
  455.             .input-unite-gris input::placeholder{
  456.                 position: absolute;
  457.                 right: 25px;
  458.                 top: 12px;
  459.                 font-size: 16px;
  460.                 font-weight: 600;
  461.                 color: #6e6e6e;
  462.             }
  464.             @media(min-width: 2201px) {
  465.                 .annexe{
  466.                     padding-left: 85px;
  467.                 }
  468.                 .plan{
  469.                     padding-left: 39rem;
  470.                 }
  471.                 .link {
  472.                     color: #000;
  473.                 }
  474.                 .link-first {
  475.                     color: #000;
  476.                     position: relative;
  477.                 }
  478.                 .link-first::after {
  479.                     content: "";
  480.                     background: #000;
  481.                     width: 2px;
  482.                     height: 30px;
  483.                     left: 148px;
  484.                     top: 6px;
  485.                     position: absolute;
  486.                 }
  487.                 .ajouter {
  488.                     background: #8ec046;
  489.                     width: 150px;
  490.                     height: 40px;
  491.                     color: #000;
  492.                     font-weight: 700;
  493.                     font-size: 16px;
  494.                     border-radius: 50px;
  495.                     border: none;
  496.                     padding-left: 40px;
  497.                     padding-right: 40px;
  498.                     padding-top: 10px;
  499.                 }
  500.                 .copier {
  501.                     background: #FCDC12;
  502.                     width: 140px;
  503.                     height: 40px;
  504.                     color: #000;
  505.                     font-weight: 700;
  506.                     font-size: 14px;
  507.                     border-radius: 50px;
  508.                     border: none;
  509.                     text-align: center;
  510.                     padding-top: 10px;
  511.                     
  512.                 }
  513.                 
  514.                 .custom-table {
  515.                     margin-left: 12%;
  516.                 }
  517.                 .forme {
  518.                     padding-right: -20px;
  519.                 }
  520.                 .images-add {
  521.                     display: flex;
  522.                     justify-content: space-between;
  523.                     padding-left: 80px;
  524.                     padding-right: 100px;
  525.                     margin-top: 20px;
  526.                     margin-bottom: 50px;
  527.                 }
  529.                 .images-add img {
  530.                     width: 220px;
  531.                     height: 130px;
  532.                     border-radius: 13px;
  533.                 }
  535.                 .btn-custom {
  536.                     background: #d3d3d3;
  537.                     border-radius: 10px;
  538.                     width: 178px;
  539.                     text-align: center;
  540.                     padding-top: 50px;
  541.                 }
  542.                 .imprimer {
  543.                     background: #cbe7a3;
  544.                     color: #000;
  545.                     font-weight: 700;
  546.                     font-size: 14px;
  547.                     border-radius: 50px;
  548.                     border: 2px solid #8ec046;
  549.                     padding-top: 8px;
  550.                     padding-left: 20px;
  551.                     padding-bottom: 10px; 
  552.                     padding-right: 20px;
  553.                     height:40px;
  554.                 }
  555.                 .rectificatif {
  556.                     background: #FED9151A;
  557.                     width: 158px;
  558.                     height: 40px;
  559.                     color: #A87E3F;
  560.                     font-weight: 700;
  561.                     font-size: 14px;
  562.                     border-radius: 50px;
  563.                     border: 2px solid #A87E3F;
  564.                     padding-left: 20px;
  565.                     padding-top: 8px;
  566.                 }
  567.                 .ajouter-inactif{
  568.                     background: rgba(0, 0,0,0.1);
  569.                     width: 140px;
  570.                     height: 40px;
  571.                     color: #fff;
  572.                     font-weight: 700;
  573.                     font-size: 14px;
  574.                     border-radius: 50px;
  575.                     border: none;
  576.                     padding-left: 40px;
  577.                     padding-right: 40px;
  578.                     padding-top: 10px;
  579.                     cursor: not-allowed;
  580.                 }
  581.                 .rectificatif-inactif{
  582.                     background-color: rgba(0, 0, 0, 0.1) ;
  583.                     width: 158px;
  584.                     height: 40px;
  585.                     color: rgba(0, 0, 0, 0.3);
  586.                     font-weight: 700;
  587.                     font-size: 14px;
  588.                     border-radius: 50px;
  589.                     padding-left: 20px;
  590.                     padding-top: 8px;
  591.                     cursor: not-allowed;
  592.                 }
  593.                 .ajouter1 {
  594.                     background: #8ec046;
  595.                     width: 150px;
  596.                     height: 46px;
  597.                     color: #000;
  598.                     font-weight: 700;
  599.                     font-size: 14px;
  600.                     border-radius: 50px;
  601.                     border: none;
  602.                     padding-left: 40px;
  603.                     padding-right: 40px;
  604.                 }
  605.                 .btnes{
  606.                     display: flex;
  607.                 }
  608.                 .table-head1 {
  609.                     padding-right: 13%;
  610.                     padding-left: 150px;
  611.                     border-top-left-radius: 10px;
  612.                     border-top-right-radius: 10px;
  613.                 }
  614.             }
  617.             @media((min-width: 2101px) and (max-width: 2201px)) {
  618.                 .annexe{
  619.                     padding-left: 80px;
  620.                 }
  621.                 .plan{
  622.                     padding-left: 9rem;
  623.                 }
  624.                 .link {
  625.                     color: #000;
  626.                     font-weight: 700;
  627.                     font-size: 14px;
  628.                 }
  629.                 .link-first {
  630.                     color: #000;
  631.                     font-weight: 700;
  632.                     font-size: 14px;
  633.                     position: relative;
  634.                 }
  635.                 .link-first::after {
  636.                     content: "";
  637.                     background: #000;
  638.                     width: 2px;
  639.                     height: 30px;
  640.                     left: 147px;
  641.                     top: 6px;
  642.                     position: absolute;
  643.                 }
  644.                 .table-head1 {
  645.                     padding-right: 150px;
  646.                     padding-left: 110px;
  647.                     border-top-left-radius: 10px;
  648.                     border-top-right-radius: 10px;
  649.                 }
  650.                 .custom-table {
  651.                     margin-left: 100px;
  652.                 }
  653.                 .forme {
  654.                     padding-right: -20px;
  655.                 }
  658.                 .images-add img {
  659.                     border-radius: 13px;
  660.                 }
  662.                 .btn-custom {
  663.                     background: #d3d3d3;
  664.                     border-radius: 10px;
  665.                     width: 178px;
  666.                     text-align: center;
  667.                     padding-top: 50px;
  668.                 }
  669.                 .images-add2 {
  670.                     display: flex;
  671.                     justify-content: space-between;
  672.                     margin-top: 20px;
  673.                     margin-bottom: 50px;
  674.                     padding-left: 90px;
  675.                     padding-right: 120px;
  676.                 }
  678.                 .images-add2 img {
  679.                     width: 250px;
  680.                     height: 150px;
  681.                     border-radius: 13px;
  682.                 }
  683.                 .imprimer {
  684.                     background: #cbe7a3;
  685.                     color: #000;
  686.                     font-weight: 700;
  687.                     font-size: 14px;
  688.                     border-radius: 50px;
  689.                     border: 2px solid #8ec046;
  690.                     padding-top: 8px;
  691.                     padding-left: 20px;
  692.                     padding-bottom: 10px; 
  693.                     padding-right: 20px;
  694.                     height:40px;
  695.                 }
  698.                 .edit-head{
  699.                     background: #fff;
  700.                     padding-left: 10px; 
  701.                     padding-top: 10px;
  702.                     padding-right: 80px;
  703.                     display: flex;
  704.                     justify-content: space-between;
  705.                     border: 1px solid #8ec046;
  706.                     border-top-left-radius: 10px;
  707.                     border-top-right-radius: 10px;
  708.                 }
  709.                 .rectificatif {
  710.                     background: #FED9151A;
  711.                     width: 158px;
  712.                     height: 40px;
  713.                     color: #A87E3F;
  714.                     font-weight: 700;
  715.                     font-size: 14px;
  716.                     border-radius: 50px;
  717.                     border: 2px solid #A87E3F;
  718.                     padding-left: 20px;
  719.                     padding-top: 5px;
  720.                 }
  721.                 .copier {
  722.                     background: #FCDC12;
  723.                     width: 140px;
  724.                     height: 40px;
  725.                     color: #000;
  726.                     font-weight: 700;
  727.                     font-size: 14px;
  728.                     border-radius: 50px;
  729.                     border: none;
  730.                     text-align: center;
  731.                     padding-top: 10px;
  732.                     
  733.                 }
  734.                 .ajouter {
  735.                     background: #8ec046;
  736.                     width: 150px;
  737.                     height: 40px;
  738.                     color: #000;
  739.                     font-weight: 700;
  740.                     font-size: 14px;
  741.                     border-radius: 50px;
  742.                     border: none;
  743.                     padding-left: 40px;
  744.                     padding-right: 40px;
  745.                     padding-top: 10px;
  746.                 }
  747.                 .ajouter-inactif{
  748.                     background: rgba(0, 0,0,0.1);
  749.                     width: 140px;
  750.                     height: 40px;
  751.                     color: #fff;
  752.                     font-weight: 700;
  753.                     font-size: 14px;
  754.                     border-radius: 50px;
  755.                     border: none;
  756.                     padding-left: 40px;
  757.                     padding-right: 40px;
  758.                     padding-top: 10px;
  759.                     cursor: not-allowed;
  760.                 }
  761.                 .rectificatif-inactif{
  762.                     background-color: rgba(0, 0, 0, 0.1) ;
  763.                     width: 158px;
  764.                     height: 40px;
  765.                     color: rgba(0, 0, 0, 0.3);
  766.                     font-weight: 700;
  767.                     font-size: 14px;
  768.                     border-radius: 50px;
  769.                     padding-left: 20px;
  770.                     padding-top: 8px;
  771.                     cursor: not-allowed;
  772.                 }
  773.                 .ajouter1 {
  774.                     background: #8ec046;
  775.                     width: 150px;
  776.                     height: 46px;
  777.                     color: #000;
  778.                     font-weight: 700;
  779.                     font-size: 14px;
  780.                     border-radius: 50px;
  781.                     border: none;
  782.                     padding-left: 40px;
  783.                     padding-right: 40px;
  784.                 }
  786.                 .edit-head .paragraph{
  787.                     margin-left: -80px;
  788.                 }
  789.                 .four{
  790.                     padding-right: 110px;
  791.                 }
  792.             }
  794.             @media((max-width: 2100px) and (min-width:1601px)) {
  795.                 .annexe{
  796.                     padding-left:85px;
  797.                 }
  798.                 .plan{
  799.                     padding-left: 9rem;
  800.                 }
  801.                 .images-add img {
  802.                     border-radius: 13px;
  803.                 }
  804.                 .images-add1 {
  805.                     display: flex;
  806.                     justify-content: space-between;
  807.                     margin-top: 20px;
  808.                     margin-bottom: 50px;
  809.                 }
  811.                 .images-add1 img {
  812.                     width: 300px;
  813.                     height: 200px;
  814.                     border-radius: 13px;
  815.                 }
  817.                 .btn-custom {
  818.                     background: #d3d3d3;
  819.                     border-radius: 10px;
  820.                     width: 178px;
  821.                     text-align: center;
  822.                     padding-top: 30px;
  823.                 }
  824.                 .double-button {
  825.                     padding-right: 50px;
  826.                 }
  827.                 .table-head {
  828.                     padding-right: 15rem;
  829.                     padding-left: 10rem;
  830.                 }
  831.                 .table-head1 {
  832.                     padding-right: 100px;
  833.                     padding-left: 30px;
  834.                     border-top-left-radius: 10px;
  835.                     border-top-right-radius: 10px;
  836.                 }
  837.                 .custom-table {
  838.                     margin-left: 140px;
  839.                     width: 1400px;
  840.                 }
  841.                 .head {
  842.                     padding-right: 80px;
  843.                 }
  844.                 .custom-add {
  845.                     padding-right: 70px;
  846.                 }
  847.                 .link {
  848.                     color: #000;
  849.                     font-weight: 700;
  850.                     font-size: 14px;
  851.                 }
  852.                 .link-first {
  853.                     color: #000;
  854.                     font-weight: 700;
  855.                     font-size: 14px;
  856.                     position: relative;
  857.                 }
  858.                 .link-first::after {
  859.                     content: "";
  860.                     background: #000;
  861.                     width: 2px;
  862.                     height: 30px;
  863.                     left: 140px;
  864.                     top: 6px;
  865.                     position: absolute;
  866.                 }
  867.                 .images-add2 {
  868.                     display: flex;
  869.                     justify-content: space-between;
  870.                     margin-top: 20px;
  871.                     margin-bottom: 50px;
  872.                     padding-left: 90px;
  873.                     padding-right: 100px;
  874.                 }
  876.                 .images-add2 img {
  877.                     width: 220px;
  878.                     height: 100px;
  879.                     border-radius: 13px;
  880.                 }
  881.                 .copier {
  882.                     background: #FCDC12;
  883.                     width: 140px;
  884.                     height: 40px;
  885.                     color: #000;
  886.                     font-weight: 700;
  887.                     font-size: 14px;
  888.                     border-radius: 50px;
  889.                     border: none;
  890.                     text-align: center;
  891.                     padding-top: 10px;
  892.                     
  893.                 }
  896.                 .ajouter {
  897.                     background: #8ec046;
  898.                     width: 150px;
  899.                     height: 40px;
  900.                     color: #000;
  901.                     font-weight: 700;
  902.                     font-size: 14px;
  903.                     border-radius: 50px;
  904.                     border: none;
  905.                     text-align: center;
  906.                     padding-top: 10px;
  907.                 }
  908.                 .rectificatif {
  909.                     background: #FED9151A;
  910.                     width: 158px;
  911.                     height: 40px;
  912.                     color: #A87E3F;
  913.                     font-weight: 700;
  914.                     font-size: 14px;
  915.                     border-radius: 50px;
  916.                     border: 2px solid #A87E3F;
  917.                     padding-left: 20px;
  918.                     padding-top: 8px;
  919.                 }
  920.                 .imprimer {
  921.                     background: #cbe7a3;
  922.                     color: #000;
  923.                     font-weight: 700;
  924.                     font-size: 14px;
  925.                     border-radius: 50px;
  926.                     border: 2px solid #8ec046;
  927.                     padding-top: 8px;
  928.                     padding-left: 20px;
  929.                     padding-bottom: 10px; 
  930.                     padding-right: 20px;
  931.                     height:40px;
  932.                 }
  933.                 .btnes {
  934.                     display: flex;
  935.                 }
  936.                 .btn-imprimer {
  937.                     display: flex;
  938.                 }
  939.                 .edit-head{
  940.                     background: #fff;
  941.                     padding-left: 30px; 
  942.                     padding-top: 10px;
  943.                     padding-right: 100px;
  944.                     display: flex;
  945.                     justify-content: space-between;
  946.                     border: 1px solid #8ec046;
  947.                     border-top-left-radius: 10px;
  948.                     border-top-right-radius: 10px;
  949.                 }
  950.                 .ajouter1 {
  951.                     background: #8ec046;
  952.                     width: 150px;
  953.                     height: 46px;
  954.                     color: #000;
  955.                     font-weight: 700;
  956.                     font-size: 14px;
  957.                     border-radius: 50px;
  958.                     border: none;
  959.                     padding-left: 40px;
  960.                     padding-right: 40px;
  961.                 }
  962.                 .rectificatif-inactif{
  963.                     background-color: rgba(0, 0, 0, 0.1) ;
  964.                     width: 158px;
  965.                     height: 40px;
  966.                     color: rgba(0, 0, 0, 0.3);
  967.                     font-weight: 700;
  968.                     font-size: 14px;
  969.                     border-radius: 50px;
  970.                     padding-left: 20px;
  971.                     padding-top: 8px;
  972.                     cursor: not-allowed;
  973.                 }
  974.                 .ajouter-inactif{
  975.                     background: rgba(0, 0,0,0.1);
  976.                     width: 140px;
  977.                     height: 40px;
  978.                     color: #fff;
  979.                     font-weight: 700;
  980.                     font-size: 14px;
  981.                     border-radius: 50px;
  982.                     border: none;
  983.                     padding-left: 40px;
  984.                     padding-right: 40px;
  985.                     padding-top: 10px;
  986.                     cursor: not-allowed;
  987.                 }
  988.                 .image-add-col{
  989.                     margin-left: 30px !important;
  990.                 }
  992.                 .edit-head .paragraph{
  993.                     margin-left: -80px;
  994.                 }
  995.             }
  996.             @media((max-width: 1600px) and (min-width: 1367px)){
  997.                 .annexe{
  998.                     margin-left: 2%;
  999.                 }
  1000.                 .images-add img {
  1001.                     border-radius: 13px;
  1002.                 }
  1003.                 .plan{
  1004.                     padding-left: 9rem;
  1005.                 }
  1006.                 .images-add1 {
  1007.                     display: flex;
  1008.                     justify-content: space-between;
  1009.                     margin-top: 20px;
  1010.                     margin-bottom: 50px;
  1011.                 }
  1013.                 .images-add1 img {
  1014.                     width: 300px;
  1015.                     height: 200px;
  1016.                     border-radius: 13px;
  1017.                 }
  1019.                 .btn-custom {
  1020.                     background: #d3d3d3;
  1021.                     border-radius: 10px;
  1022.                     width: 178px;
  1023.                     text-align: center;
  1024.                     padding-top: 30px;
  1025.                 }
  1026.                 .double-button {
  1027.                     padding-right: 50px;
  1028.                 }
  1029.                 .table-head {
  1030.                     padding-right: 15rem;
  1031.                     padding-left: 10rem;
  1032.                 }
  1033.                 .table-head1 {
  1034.                     padding-right: 30px;
  1035.                     padding-left: 30px;
  1036.                     border-top-left-radius: 10px;
  1037.                     border-top-right-radius: 10px;
  1038.                 }
  1039.                 .custom-table {
  1040.                     margin-left: 130px;
  1041.                     width: 1200px;
  1042.                 }
  1043.                 .head {
  1044.                     padding-right: 80px;
  1045.                 }
  1046.                 .custom-add {
  1047.                     padding-right: 70px;
  1048.                 }
  1049.                 .link {
  1050.                     color: #000;
  1051.                     font-weight: 700;
  1052.                     font-size: 14px;
  1053.                 }
  1054.                 .link-first {
  1055.                     color: #000;
  1056.                     font-weight: 700;
  1057.                     font-size: 14px;
  1058.                     position: relative;
  1059.                 }
  1060.                 .link-first::after {
  1061.                     content: "";
  1062.                     background: #000;
  1063.                     width: 2px;
  1064.                     height: 30px;
  1065.                     left: 140px;
  1066.                     top: 6px;
  1067.                     position: absolute;
  1068.                 }
  1069.                 .images-add2 {
  1070.                     display: flex;
  1071.                     justify-content: space-between;
  1072.                     margin-top: 20px;
  1073.                     margin-bottom: 50px;
  1074.                     padding-left: 90px;
  1075.                     padding-right: 100px;
  1076.                 }
  1078.                 .images-add2 img {
  1079.                     width: 220px;
  1080.                     height: 100px;
  1081.                     border-radius: 13px;
  1082.                 }
  1083.                 .copier {
  1084.                     background: #FCDC12;
  1085.                     width: 140px;
  1086.                     height: 40px;
  1087.                     color: #000;
  1088.                     font-weight: 700;
  1089.                     font-size: 14px;
  1090.                     border-radius: 50px;
  1091.                     border: none;
  1092.                     text-align: center;
  1093.                     padding-top: 10px;
  1094.                     
  1095.                 }
  1098.                 .ajouter {
  1099.                     background: #8ec046;
  1100.                     width: 150px;
  1101.                     height: 40px;
  1102.                     color: #000;
  1103.                     font-weight: 700;
  1104.                     font-size: 14px;
  1105.                     border-radius: 50px;
  1106.                     border: none;
  1107.                     text-align: center;
  1108.                     padding-top: 10px;
  1109.                 }
  1110.                 .rectificatif {
  1111.                     background: #FED9151A;
  1112.                     width: 158px;
  1113.                     height: 40px;
  1114.                     color: #A87E3F;
  1115.                     font-weight: 700;
  1116.                     font-size: 14px;
  1117.                     border-radius: 50px;
  1118.                     border: 2px solid #A87E3F;
  1119.                     padding-left: 20px;
  1120.                     padding-top: 8px;
  1121.                 }
  1122.                 .imprimer {
  1123.                     background: #cbe7a3;
  1124.                     color: #000;
  1125.                     font-weight: 700;
  1126.                     font-size: 14px;
  1127.                     border-radius: 50px;
  1128.                     border: 2px solid #8ec046;
  1129.                     padding-top: 8px;
  1130.                     padding-left: 20px;
  1131.                     padding-bottom: 10px; 
  1132.                     padding-right: 20px;
  1133.                     height:40px;
  1134.                 }
  1135.                 .btnes {
  1136.                     display: flex;
  1137.                 }
  1138.                 .btn-imprimer {
  1139.                     display: flex;
  1140.                 }
  1141.                 .edit-head{
  1142.                     background: #fff;
  1143.                     padding-left: 30px; 
  1144.                     padding-top: 10px;
  1145.                     padding-right: 30px;
  1146.                     display: flex;
  1147.                     justify-content: space-between;
  1148.                     border: 1px solid #8ec046;
  1149.                     border-top-left-radius: 10px;
  1150.                     border-top-right-radius: 10px;
  1151.                 }
  1152.                 .ajouter1 {
  1153.                     background: #8ec046;
  1154.                     width: 150px;
  1155.                     height: 46px;
  1156.                     color: #000;
  1157.                     font-weight: 700;
  1158.                     font-size: 14px;
  1159.                     border-radius: 50px;
  1160.                     border: none;
  1161.                     padding-left: 40px;
  1162.                     padding-right: 40px;
  1163.                 }
  1164.                 .rectificatif-inactif{
  1165.                     background-color: rgba(0, 0, 0, 0.1) ;
  1166.                     width: 158px;
  1167.                     height: 40px;
  1168.                     color: rgba(0, 0, 0, 0.3);
  1169.                     font-weight: 700;
  1170.                     font-size: 14px;
  1171.                     border-radius: 50px;
  1172.                     padding-left: 20px;
  1173.                     padding-top: 8px;
  1174.                     cursor: not-allowed;
  1175.                 }
  1176.                 .ajouter-inactif{
  1177.                     background: rgba(0, 0,0,0.1);
  1178.                     width: 140px;
  1179.                     height: 40px;
  1180.                     color: #fff;
  1181.                     font-weight: 700;
  1182.                     font-size: 14px;
  1183.                     border-radius: 50px;
  1184.                     border: none;
  1185.                     padding-left: 40px;
  1186.                     padding-right: 40px;
  1187.                     padding-top: 10px;
  1188.                     cursor: not-allowed;
  1189.                 }
  1190.                 
  1192.                 .edit-head .paragraph{
  1193.                     margin-left: -80px;
  1194.                 }
  1195.                 .image-col{
  1196.                     margin-left: 40px!important;
  1197.                 }
  1198.             }
  1199.             @media(max-width:1366px) {
  1200.                 .annexe{
  1201.                     padding-left: 5rem;
  1202.                 }
  1203.                 .image-col{
  1204.                     margin-left: 30px!important;
  1205.                 }
  1206.                 .edit-head{
  1207.                     background: #fff;
  1208.                     padding-left: 30px; 
  1209.                     padding-top: 10px;
  1210.                     display: flex;
  1211.                     justify-content: space-between;
  1212.                     border: 1px solid #8ec046;
  1213.                     border-top-left-radius: 10px;
  1214.                     border-top-right-radius: 10px;
  1215.                     padding-right: 50px;
  1216.                 }
  1217.                 .images-add1 {
  1218.                     display: flex;
  1219.                     justify-content: space-between;
  1220.                     margin-top: 20px;
  1221.                     margin-bottom: 50px;
  1222.                 }
  1224.                 .images-add1 img {
  1225.                     width: 174px;
  1226.                     height: 122px;
  1227.                     border-radius: 13px;
  1228.                 }
  1230.                 .images-add2 {
  1231.                     display: flex;
  1232.                     justify-content: space-between;
  1233.                     margin-top: 20px;
  1234.                     margin-bottom: 50px;
  1235.                     padding-left: 30px;
  1236.                     padding-right: 40px;
  1237.                 }
  1239.                 .images-add2 img {
  1240.                     width: 150px;
  1241.                     height: 100px;
  1242.                     border-radius: 13px;
  1243.                 }
  1245.                 .images-add img {
  1246.                     border-radius: 13px;
  1247.                 }
  1249.                 .btn-custom {
  1250.                     background: #d3d3d3;
  1251.                     border-radius: 10px;
  1252.                     width: 100px;
  1253.                     text-align: center;
  1254.                     padding-top: 30px;
  1255.                 }
  1256.                 .btn-imprimer {
  1257.                     display: block;
  1258.                 }
  1259.                 .table-head {
  1260.                     padding-right: 50px;
  1261.                     padding-left: 30px;
  1262.                 }
  1263.                 .table-head1 {
  1264.                     padding-right: 50px;
  1265.                     padding-left: 30px;
  1266.                     border-top-left-radius: 10px;
  1267.                     border-top-right-radius: 10px;
  1268.                 }
  1269.                 .custom-table {
  1270.                     margin-left: 100px;
  1271.                     width: 1050px;
  1272.                 }
  1273.                 .head {
  1274.                     padding-right: 35px;
  1275.                 }
  1276.                 .btnes {
  1277.                     display: flex;
  1278.                 }
  1279.                 .custom-add {
  1280.                     padding-right: 25px;
  1281.                 }
  1282.                 .link {
  1283.                     color: #000;
  1284.                     font-weight: 700;
  1285.                     font-size: 14px;
  1286.                 }
  1287.                 .link-first {
  1288.                     color: #000;
  1289.                     font-weight: 700;
  1290.                     font-size: 14px;
  1291.                     position: relative;
  1292.                 }
  1293.                 .link-first::after {
  1294.                     content: "";
  1295.                     background: #000;
  1296.                     width: 2px;
  1297.                     height: 30px;
  1298.                     left: 140px;
  1299.                     top: 4px;
  1300.                     position: absolute;
  1302.                 }
  1304.                 .ajouter {
  1305.                     background: #8ec046;
  1306.                     width: 140px;
  1307.                     height: 40px;
  1308.                     color: #000;
  1309.                     font-weight: 700;
  1310.                     font-size: 14px;
  1311.                     border-radius: 50px;
  1312.                     border: none;
  1313.                     padding-left: 40px;
  1314.                     padding-right: 40px;
  1315.                     padding-top: 10px;
  1316.                     
  1317.                 }
  1318.                 .copier {
  1319.                     background: #FCDC12;
  1320.                     width: 140px;
  1321.                     height: 40px;
  1322.                     color: #000;
  1323.                     font-weight: 700;
  1324.                     font-size: 14px;
  1325.                     border-radius: 50px;
  1326.                     border: none;
  1327.                     text-align: center;
  1328.                     padding-top: 10px;
  1329.                     
  1330.                 }
  1331.                 .ajouter-inactif{
  1332.                     background: rgba(0, 0,0,0.1);
  1333.                     width: 140px;
  1334.                     height: 40px;
  1335.                     color: #fff;
  1336.                     font-weight: 700;
  1337.                     font-size: 14px;
  1338.                     border-radius: 50px;
  1339.                     border: none;
  1340.                     padding-left: 40px;
  1341.                     padding-right: 40px;
  1342.                     padding-top: 10px;
  1343.                     cursor: not-allowed;
  1344.                 }
  1345.                 .ajouter1 {
  1346.                     background: #8ec046;
  1347.                     width: 150px;
  1348.                     height: 46px;
  1349.                     color: #000;
  1350.                     font-weight: 700;
  1351.                     font-size: 14px;
  1352.                     border-radius: 50px;
  1353.                     border: none;
  1354.                     padding-left: 40px;
  1355.                     padding-right: 40px;
  1356.                     margin-top: 10px;
  1357.                 }
  1358.                 .rectificatif {
  1359.                     background: #FED9151A;
  1360.                     width: 158px;
  1361.                     height: 40px;
  1362.                     color: #A87E3F;
  1363.                     font-weight: 700;
  1364.                     font-size: 14px;
  1365.                     border-radius: 50px;
  1366.                     border: 2px solid #A87E3F;
  1367.                     padding-left: 20px;
  1368.                     padding-top: 5px;
  1369.                 }
  1370.                 .rectificatif-inactif{
  1371.                     background-color: rgba(0, 0, 0, 0.1) ;
  1372.                     width: 158px;
  1373.                     height: 40px;
  1374.                     color: rgba(0, 0, 0, 0.3);
  1375.                     font-weight: 700;
  1376.                     font-size: 14px;
  1377.                     border-radius: 50px;
  1378.                     padding-left: 20px;
  1379.                     padding-top: 8px;
  1380.                     cursor: not-allowed;
  1381.                 }
  1382.                 .imprimer {
  1383.                     background: #cbe7a3;
  1384.                     color: #000;
  1385.                     font-weight: 700;
  1386.                     font-size: 14px;
  1387.                     border-radius: 50px;
  1388.                     border: 2px solid #8ec046;
  1389.                     padding-top: 8px;
  1390.                     padding-left: 20px;
  1391.                     padding-bottom: 10px; 
  1392.                     padding-right: 20px;
  1393.                     height:40px;
  1394.                 }
  1395.                 .plan{
  1396.                     padding-left: 6rem;
  1397.                 }
  1399.                 
  1401.                 
  1402.             }
  1403.             .showe,
  1404.             .showe1,
  1405.             .showe2{
  1406.                 display: none;
  1407.                 
  1408.             }
  1409.             .show-plan,
  1410.             .show-photos,
  1411.             .show-admin{
  1412.                 display: none;
  1413.             }
  1414.             .btn-chart{
  1415.                 border: 1px solid #A63BFA;
  1416.                 
  1417.             }
  1418.             .btn-file{
  1419.                 border: 1px solid #A87E3F;
  1420.                 color: #A87E3F;
  1421.             }
  1422.             .table-btn-loop{
  1423.                 border: 1px solid #A63BFA;
  1424.             }
  1425.             .show-input,
  1426.             .show-input1{
  1427.                 display: none;
  1428.             }
  1429.         </style>
  1431.         <!--    A SUPPRIMER-->
  1432.         <style>
  1433.             .breadcrumb .btn-group .violet {
  1434.                 display: none;
  1435.             }
  1437.             .x_title .table-filter .container .dropup {
  1438.                 display: none;
  1439.             }
  1440.         </style>
  1442.         <!--    SELECT PICKER-->
  1443.         <style>
  1445.             .bootstrap-select > .dropdown-toggle {
  1446.                 border: 1px solid #ced4da;
  1447.                 background-color: transparent;
  1448.             }
  1449.         </style>
  1451.         <!--    DROP-ITEM STYLE-->
  1452.         <style>
  1453.             .dropdown-item.active,
  1454.             .dropdown-item:active {
  1455.                 color: black;
  1456.                 text-decoration: none;
  1457.                 background-color: inherit;
  1458.                 border-left: 3px solid #1ABB9C !important;
  1459.             }
  1460.         </style>
  1462.         <style>
  1463.             .btn--opacity {
  1464.                 opacity: 0.5;
  1465.                 cursor: not-allowed;
  1466.             }
  1467.         </style>
  1469.         <style>
  1470.             .text-bl {
  1471.                 color: #001F3E !important;
  1472.             }
  1473.         </style>
  1475.         <style>
  1476.             .nav.side-menu > li.current-page,
  1477.             .nav.side-menu > li.active {
  1478.                 border-right: 5px solid #8ec046;
  1479.             }
  1480.         </style>
  1482.         {# <link href=" {{ asset('assets/../build/css/style-select.css ') }}" rel="stylesheet"> #}
  1483.         {% block asset_css %}{% endblock %}
  1484.     </head>
  1486.     <!-- Header -->
  1488.     {% block main_body %}
  1489.         <body class="nav-md">
  1490.             <div class="container body">
  1491.                 <div class="main_container">
  1492.                     {% block header %}
  1493.                         {% include('layout/header.html.twig') %}
  1494.                     {% endblock %}
  1496.                     {% block sidebar %}
  1497.                         {% include('layout/sidebar.html.twig') %}
  1499.                     {% endblock %}
  1501.                     <div class="right_col" role="main">
  1502.                         {% block body %}{% endblock %}
  1503.                         <div style="height: 500px"></div>
  1504.                     </div>
  1506.                     {% block footer %}
  1507.                         {% include('layout/footer.html.twig') %}
  1508.                     {% endblock %}
  1510.                 </div>
  1511.             </div>
  1512.             <!-- Bootstrap Colorpicker -->
  1513.             {# <script src=" {{ asset('assets/../vendors/mjolnic-bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js') }} "></script> #}
  1514.             <!-- jQuery --><script src=" {{ asset('assets/vendors/jquery/dist/jquery.min.js') }} "> </script>
  1515.             <!-- Bootstrap -->
  1516.             <script src=" {{ asset('assets/vendors/bootstrap/dist/js/bootstrap.bundle.min.js') }} "></script>
  1517.             <!-- FastClick -->
  1518.             <script src=" {{ asset('assets/vendors/fastclick/lib/fastclick.js') }} "></script>
  1519.             <!-- NProgress -->
  1520.             <script src=" {{ asset('assets/vendors/nprogress/nprogress.js') }} "></script>
  1521.             <!-- Chart.js -->
  1522.             <script src=" {{ asset('assets/vendors/Chart.js/dist/Chart.min.js') }} "></script>
  1523.             <!-- ECharts -->
  1524.             <script src=" {{ asset('assets/vendors/echarts/dist/echarts.js') }} "></script>
  1525.             <script src=" {{ asset('assets/vendors/echarts/map/js/world.js') }} "></script>
  1526.             <!-- jQuery Sparklines -->
  1527.             <script src=" {{ asset('assets/vendors/jquery-sparkline/dist/jquery.sparkline.min.js') }} "></script>
  1528.             <!-- Flot -->
  1529.             <script src=" {{ asset('assets/vendors/Flot/jquery.flot.js') }} "></script>
  1530.             <script src=" {{ asset('assets/vendors/Flot/jquery.flot.pie.js') }} "></script>
  1531.             <script src=" {{ asset('assets/vendors/Flot/jquery.flot.time.js') }} "></script>
  1532.             <script src=" {{ asset('assets/vendors/Flot/jquery.flot.stack.js') }} "></script>
  1533.             <script src=" {{ asset('assets/vendors/Flot/jquery.flot.resize.js') }} "></script>
  1534.             <!-- Flot plugins -->
  1535.             <script src=" {{ asset('assets/vendors/flot.orderbars/js/jquery.flot.orderBars.js') }} "></script>
  1536.             <script src=" {{ asset('assets/vendors/flot-spline/js/jquery.flot.spline.min.js') }} "></script>
  1537.             <script src=" {{ asset('assets/vendors/flot.curvedlines/curvedLines.js') }} "></script>
  1538.             <!-- DateJS -->
  1539.             <script src=" {{ asset('assets/vendors/DateJS/build/date.js') }} "></script>
  1540.             <!-- bootstrap-daterangepicker -->
  1541.             <script src=" {{ asset('assets/vendors/moment/min/moment.min.js') }} "></script>
  1542.             <script src=" {{ asset('assets/vendors/bootstrap-daterangepicker/daterangepicker.js') }} "></script>
  1543.             <!-- Full screen -->
  1544.             <script src=" {{ asset('assets/build/js/full-screen-helper.min.js') }} "></script>
  1545.             <!-- iCheck -->
  1546.             <script src=" {{ asset('assets/vendors/iCheck/icheck.min.js') }} "></script>
  1547.             <!--  bootstrap-toggle -->
  1548.             <script src=" {{ asset('assets/build/js/bootstrap4-toggle.min.js') }} "></script>
  1549.             <!-- Switchery -->
  1550.             <script src=" {{ asset('assets/vendors/switchery/dist/switchery.min.js') }} "></script>
  1552.             <!-- Datatables -->
  1553.             <script src="{{ asset('assets/plugins/datatable/jquery.dataTables.min.js') }}"></script>
  1554.             <script src="{{ asset('assets/plugins/datatable/dataTables.bootstrap4.min.js') }}"></script>
  1556.             <script src="https://cdn.datatables.net/buttons/2.3.4/js/dataTables.buttons.min.js"></script>
  1557.             <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
  1558.             <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
  1559.             <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
  1560.             <script src="https://cdn.datatables.net/buttons/2.3.4/js/buttons.html5.min.js"></script>
  1562.             <script src="{{ asset('assets/plugins/datatable/dataTables.colVis.js') }}"></script>
  1563.             <script src="https://cdn.datatables.net/buttons/2.3.5/js/buttons.colVis.min.js"></script>
  1564.             <script src="{{ asset('assets/plugins/datatable/datatable.plugin.saveColvis.js') }}"></script>
  1566.             <!-- bootstrap-datetimepicker -->
  1567.             {#  <script src=" {{ asset('assets/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js') }} "></script> #}
  1569.             <!-- jquery.inputmask -->
  1570.             {# <script src=" {{ asset('assets/vendors/jquery.inputmask/dist/min/jquery.inputmask.bundle.min.js') }} "></script> #}
  1571.             <!-- jQuery Knob -->
  1572.             {# <script src=" {{ asset('assets/vendors/jquery-knob/dist/jquery.knob.min.js') }} "></script> #}
  1573.             <!-- Cropper -->
  1574.             {# <script src=" {{ asset('assets/vendors/cropper/dist/cropper.min.js') }} "></script> #}
  1575.             <!-- bootstrap-datetimepicker --><script src=" {{ asset('assets/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js') }} "> </script>
  1576.             <!-- Ion.RangeSlider -->
  1577.             {#   <script src=" {{ asset('assets/vendors/ion.rangeSlider/js/ion.rangeSlider.min.js') }} "></script> #}
  1578.             <!-- Dropzone.js -->
  1579.             <!-- Dropzone.js --><script src=" {{ asset('assets/vendors/dropzone/dist/min/dropzone.min.js') }} "> </script>
  1580.             <!--  apex -->
  1581.             <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
  1582.             {# <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> #}
  1583.             <script src="https://cdn.jsdelivr.net/npm/vue-apexcharts"></script>
  1584.             <!-- Custom Theme Scripts -->
  1585.             <script src=" {{ asset('assets/build/js/custom.js') }} "></script>
  1586.             <script src=" {{ asset('assets/build/js/bootstrap-multiselect.js') }} "></script>
  1587.             <script src=" {{ asset('assets/build/js/assist.js') }} "></script>
  1588.             <script src=" {{ asset('assets/build/js/main.js') }} "></script>
  1590.             <!-- INPUT contraints -->
  1591.             <script src="{{ asset('assets/plugins/input_contraints/input_contraints.js') }}"></script>
  1593.             <!-- INPUT contraints -->
  1594.             <script src="{{ asset('assets/plugins/bootstrap-select-1.13.14/dist/js/bootstrap-select.min.js') }}"></script>
  1595.             <script src="{{ asset('assets/plugins/bootstrap-select-1.13.14/js/i18n/defaults-fr_FR.js') }}"></script>
  1597.             <script>
  1598.                 // HIDE TABLE
  1599. // $('.liste-absence .table-responsive').hide();
  1600. $('.liste-absence .loading').show();
  1603. {
  1604. # Mettre un scrollbar horizontal à toutes les datatables #
  1605. }
  1606. $.extend(true, $.fn.dataTable.defaults, {
  1607. "scrollX": true,
  1608. "initComplete": function (settings, json) { // Afficher la table
  1609. $('.liste-absence .table-responsive').show();
  1610. $('.liste-absence .loading').hide();
  1611. }
  1613. });
  1614.             </script>
  1616.             <script>
  1618.                 /*A  SUPPRIMER*/
  1619. $(document).ready(function () {
  1620. var dataTable = $('#datatable_anc').DataTable({
  1621. language: {
  1622. "search": "",
  1623. "searchPlaceholder": "Recherche...",
  1624. "emptyTable": "Aucune donnée disponible dans le tableau",
  1625. "lengthMenu": "Afficher _MENU_ lignes",
  1626. "info": "_TOTAL_ lignes",
  1627. "infoEmpty": "0 ligne",
  1628. "infoFiltered": "(filtrées depuis un total de _MAX_ entrées)"
  1629. },
  1630. searching: true, // Cacher la barre de recherche
  1631. lengthChange: true, // Cacher le menu de sélection du nombre d'éléments à afficher par page
  1632. info: true, // Cacher les informations de pagination // Cacher les informations de pagination
  1633. dom: '<"search-box">    <"colvis-box"C>lfrtip',
  1634. "colVis": {
  1635. "buttonText": "  <i class='fa fa-eye-slash'></i>"
  1636. }
  1637. });
  1639. // save colvis
  1640. saveColvisCheck(dataTable, 'table_bt');
  1641. });
  1642.             </script>
  1644.             <!-- Toastr JS -->
  1645.             <script src="{{ asset('assets/plugins/toastr/toastr.min.js') }}"></script>
  1646.             <script>
  1647.                 toastr.options = {
  1648. "closeButton": false,
  1649. "debug": false,
  1650. "newestOnTop": false,
  1651. "progressBar": false,
  1652. "positionClass": "toast-top-right",
  1653. "preventDuplicates": true,
  1654. "onclick": null,
  1655. "showDuration": "300",
  1656. "hideDuration": "1000",
  1657. "timeOut": "5000",
  1658. "extendedTimeOut": "1000",
  1659. "showEasing": "swing",
  1660. "hideEasing": "linear",
  1661. "showMethod": "fadeIn",
  1662. "hideMethod": "fadeOut"
  1663. }
  1664.             </script>
  1665.             <script>
  1666.                 function btnSearch() {
  1667. $("#form-search").submit();
  1668. }
  1669.             </script>
  1670.             {% for flash in app.flashes('success') %}
  1671.                 <script>
  1672.                     toastr.success('{{ flash }}')
  1673.                 </script>
  1674.             {% endfor %}
  1675.             {% for flash in app.flashes('error') %}
  1676.                 <script>
  1677.                     toastr.error('{{ flash }}')
  1678.                 </script>
  1679.             {% endfor %}
  1680.             {% for flash in app.flashes('info') %}
  1681.                 <script>
  1682.                     toastr.info('{{ flash }}');
  1683.                 </script>
  1684.             {% endfor %}
  1686.             {% block asset_js %}{% endblock %}
  1687.         </body>
  1688.     {% endblock %}
  1691. </html>