templates/visao/avaliado/base.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block javascripts %}
  4.     {{ parent() }}    
  5.     {% if app.session.has('periodo') != false and app.session.has("avaliado") != false %}
  6.     <script src="{{ asset('js/componentes/avaliado/evsQualidadeCusto.js') }}"></script>
  7.     <script src="{{ asset('js/componentes/avaliado/graficoEvolucaoEvs.js') }}"></script>
  8.     <script src="{{ asset('js/confetti.browser.min.js') }}"></script>
  9.     <script>
  10.         $(document).ready(function(){
  11.             $(".grafico-gauge").each(function() {
  12.                 var valor = Number($(this).data("valor"));
  13.                 var resposta = $(this).data("resposta") ?? false;
  14.                 var evs = 1;
  15.                 var total = 2;
  16.                 var labels = $(this).attr("data-labels") ? $(this).attr("data-labels").split(",") : null;
  17.                 var bandas = $(this).data('bandas');
  18.                 var min = $(this).data('min');
  19.                 var max = $(this).data('max');
  21.                 $(this).highcharts({
  22.                     chart: {
  23.                         type: "gauge"
  24.                     },
  25.                     pane: {
  26.                         center: ['50%', '100%'],
  27.                         size: '180%',
  28.                         startAngle: -90,
  29.                         endAngle: 90,
  30.                         background: null
  31.                     },
  32.                     tooltip: {
  33.                         enabled: false
  34.                     },
  36.                     // the value axis
  37.                     yAxis: {
  38.                         min: min,
  39.                         max: max,
  40.                         minorTickInterval: "auto",
  41.                         minorTickWidth: 1,
  42.                         minorTickLength: 3,
  43.                         minorTickPosition: "inside",
  44.                         minorTickColor: "#FFF",
  45.                         tickPixelInterval: 30,
  46.                         tickWidth: 2,
  47.                         tickPosition: "inside",
  48.                         tickLength: 6,
  49.                         tickColor: "#666",
  50.                         labels: {
  51.                             step: 2,
  52.                             y: -5,
  53.                             rotation: "FFF",
  54.                             formatter: function() {
  55.                                 if(labels){
  56.                                     return labels[this.value];
  57.                                 }else{
  58.                                     return this.value;
  59.                                 }
  60.                             }
  61.                         },
  62.                         plotBands: bandas
  63.                     },
  64.                     series: [{
  65.                         data: [valor],
  66.                         dataLabels: [{
  67.                             format: resposta,
  68.                             borderWidth: 0,
  69.                             y: -70,
  70.                             color: (
  71.                                 Highcharts.defaultOptions.title &&
  72.                                 Highcharts.defaultOptions.title.style &&
  73.                                 Highcharts.defaultOptions.title.style.color
  74.                             ) || '#333333',
  75.                             style: {
  76.                                 fontSize: '16px'
  77.                             }
  78.                         }],
  79.                         dial: {
  80.                             radius: '80%',
  81.                             backgroundColor: 'gray',
  82.                             baseWidth: 12,
  83.                             baseLength: '0%',
  84.                             rearLength: '0%'
  85.                         },
  86.                         pivot: {
  87.                             backgroundColor: 'gray',
  88.                             radius: 6
  89.                         }
  90.                     }]
  91.                 });
  92.             });
  93.         });
  94.         //callback do upload de arquivos
  95.         function updateButton($this){
  96.             $this.find(".button").removeClass("transparent pointer").addClass("green no-hover tooltip").attr("title", "Arquivo enviado com sucesso!").find(".progress").remove();
  97.             $this.find("input[type='file']").remove();
  98.             $this.find(".fa-upload").removeClass("fa-upload").addClass("fa-check");
  99.             let text = $this.find("span[data-placeholder]").attr("data-placeholder");
  100.             $this.find("span[data-placeholder]").html(text);
  101.             if($this.closest(".notification").find(".inputfile").length <= 0){
  102.                 $(".text-upload").addClass("d-none");
  103.                 $(".text-completed").removeClass("d-none");
  104.                 confetti({
  105.                     particleCount: 100,
  106.                     spread: 70,
  107.                     origin: { 
  108.                         y: 0.5, 
  109.                         x: 0.5
  110.                     }
  111.                 });
  112.             }
  113.         }
  114.     </script>
  115.     {% if app.session.get('modelagem') is defined and 
  116.         app.session.get('modelagem') is not null and 
  117.         app.session.get('modelagem').enviaMensagem and 
  118.         app.session.get('modelagem').aceiteMensagem and
  119.         app.user.roles[0] == 'ROLE_AVALIADO' and
  120.         aceite_avaliacao != false and
  121.         aceite_avaliacao.mensagem_aceita == false
  122.     %}
  123.     <script>
  124.         $(document).ready(function(){
  125.             abreModal("{{path('modal_mensagem_avaliacao')}}");
  126.         });
  127.     </script>
  128.     {% endif %}
  129.     {% endif %}
  130. {% endblock %}
  132. {% block body %}
  133.     {% set evs = false %}
  134.     {% if app.session.get('modelagem') is defined and app.session.get('modelagem') is not null %}
  135.         {% set evs = app.session.get('modelagem').programa.evs %}
  136.     {% endif %}
  138.     {% set showPBV = false %}
  139.     {% if evs and app.session.get('cliente_connection').dbname in ['analytics_unimed_saltoitu_fesp', 'analytics_unimed_taquari_prod','analytics_unimed_cwb','analytics_unimed_cwb_ajuste', 'analytics_evs_apresentacao_prestadores2', 'analytics_unimed_federacao_pr_ajuste']  %}
  140.         {% set showPBV = true %}
  141.     {% endif %}
  143.     {% if evs and app.session.get('cliente_connection').dbname in ['analytics_unimed_saltoitu_fesp'] and app.getUser().perfil.getIdPerfil() == 2 %}
  144.         {% set showPBV = false %}
  145.     {% endif %}
  147.     <div id="wrapper" class="right no-content {{ app.session.has('periodo') == false or app.session.has('avaliado') == false ? 'blur' : '' }}">
  148.         <div id="header">
  149.             <a href="{{ path('visoes') }}"><h3><img src="{{ asset('images/favicon.png') }}"/></h3></a>
  150.             <div id="menu" class="menu">
  151.                 <ul>
  152.                     <li class="active"><a class="tooltip" title="Dashboard" href="{{ path('visao_avaliado_dashboard') }}"><i class="fal fa-home"></i><span>Dashboard</span></a></li>
  153.                     <li><a class="tooltip" title="Dashboard Anual" href="{{ path('visao_avaliado_dashboard_anual') }}"><i class="fal fa-chart-line"></i><span>Dashboard Anual</span></a></li>
  154.                     {% if app.session.get('cliente_connection').dbname in ['analytics_unimed_taquari_prod']  %}<li><a class="tooltip" title="Dashboard Anual PBV" href="{{ path('visao_avaliado_dashboard_anual_pbv') }}"><i class="fal fa-file-invoice-dollar"></i><span>Dashboard PBV</span></a></li>{% endif %}
  155.                     {% if app.session.get('cliente_connection').dbname in ['analytics_hmc', 'analytics_hmc_teste']  %}<li><a class="tooltip" title="Privilégios" href="{{ path('visao_avaliado_dashboard_privilegios') }}"><i class="fal fa-tasks"></i><span>Privilégios</span></a></li>{% endif %}
  156.                     <li id="botao-comunicacao" data-url="{{ path('span_botao_contar_mensagens') }}">
  157.                         {% include 'modulos/comunicacao/botao-comunicacao-notificacao.html.twig' %}
  158.                     </li>
  159.                     {% if app.session.get('cliente').dbname == 'analytics_unimed_sjrp' %}
  160.                         <li><a class="tooltip" target="_blank" title="Manual" href="https://2im-temp.s3.sa-east-1.amazonaws.com/manual/analytics/Manual_Plataforma_UnimedSJRP.pdf"><i class="fal fa-book"></i><span>Manual</span></a></li>
  161.                     {% endif %}
  162.                 </ul>
  163.             </div>
  164.             {% include 'btn-sair-language.html.twig' %}
  165.         </div>
  166.         {% if app.session.has('periodo') != false %}
  167.             {{ render(controller('App\\Controller\\DefaultController::rightMenu')) }}
  168.         {% endif %}
  169.         <div id="content">
  170.             {% if app.session.has('periodo') == false or app.session.has("avaliado") == false %}
  171.                 <div class="hide">
  172.                     {% if (is_granted('ROLE_GESTOR') or is_granted('ROLE_2IM')) %}
  173.                         {{ render(controller('App\\Controller\\Componentes\\FiltroAvaliadoController::index')) }}
  174.                     {% endif %}
  176.                     {{ render(controller('App\\Controller\\Componentes\\ProgramaController::index')) }}
  178.                     {% if app.session.has("modelagem") != false %}
  179.                         {{ render(controller('App\\Controller\\Componentes\\PeriodoController::index',{
  180.                             'select_multiple' : false
  181.                             ,'request_referer': app.session.get('avaliado').http_referer is not defined ? 'avaliado' : 'gestor'
  182.                         })) }}
  183.                     {% endif %}
  184.                 </div>
  185.             {% endif %}
  186.             <div class="largura">
  187.             {% if app.session.has('periodo') != false and app.session.has("avaliado") != false %}
  188.                 <div class="padding-menu-right">
  189.                     <div class="row justify-content-between pb-5">
  190.                         <div class="col col-auto pb-3">
  191.                             {% if is_granted('ROLE_GESTOR') %}
  192.                                 <h2 class="text-40 medium">Avaliação</h2>
  193.                             {% else %}
  194.                                 <h2 class="text-40 medium">Minha Avaliação</h2>
  195.                             {% endif %}
  196.                         </div>
  197.                         <div class="col-12 col-lg-auto text-lg-right">
  198.                             <div class="row gx-2 pt-2">
  199.                                 {% if (is_granted('ROLE_GESTOR') or is_granted('ROLE_2IM')) and app.session.get('avaliado').http_referer is not defined %}
  200.                                     <div class="col col-auto pb-3">
  201.                                         {{ render(controller('App\\Controller\\Componentes\\FiltroAvaliadoController::index')) }}
  202.                                     </div>
  203.                                 {% endif %}
  204.                                 <div class="col col-auto pb-3">
  205.                                     {{ render(controller('App\\Controller\\Componentes\\PeriodoController::index',{
  206.                                         'select_multiple' : false
  207.                                         ,'request_referer': app.session.get('avaliado').http_referer is not defined ? 'avaliado' : 'gestor'
  208.                                     })) }}
  209.                                 </div>
  210.                             </div>
  211.                         </div>
  212.                     </div>
  213.                 </div>
  214.                 <div class="row">
  215.                     <div class="col-12 pb-3">
  216.                         {{ render(controller('App\\Controller\\Visao\\Avaliado\\Componentes\\EvsAvaliadoController::index', {}, {'relacionamento': true} )) }}
  217.                         {% if solicitacoes is not empty %}
  218.                         <div class="largura text-center">
  219.                             <div class="bg-dark notification alert border-x border-bottom border-radius-bottom p-3">
  220.                                 <div class="row">
  221.                                     <div class="col text-format text-14 text-left">
  222.                                         <div class="text-upload">
  223.                                             <p><b>{{ app.session.get('avaliado').nome_avaliado }}</b>, para melhorar seu EVS, você precisa fazer upload de alguns arquivos que comprovem alguns indicadores!<br/>
  224.                                                 Você pode fazer o upload por aqui, precisamos do{{solicitacoes|length != 1 ? 's' : ''}} documento{{solicitacoes|length != 1 ? 's' : ''}} abaixo:</p>
  225.                                             <div class="row g-2 pb-2">
  226.                                                 {% for documento in solicitacoes %}
  227.                                                 {% set extensoes = '' %}
  228.                                                 {% for ext in documento.extensao|json_decode|keys %}
  229.                                                     {% set extensoes = extensoes ~ "." ~ ext %}
  230.                                                     {% if ext != loop.last %}
  231.                                                         {% set extensoes = extensoes ~ ", "%}
  232.                                                     {% endif %}
  233.                                                 {% endfor %}
  234.                                                 <div class="col col-auto">
  235.                                                     <form action="{{ path('visao_admin_documentos_adicionar', {'id_solicitacao': documento.id_solicitacao }) }}" class="uploadfile" data-callback="updateButton($this)">
  236.                                                         <input type="file" name="arquivo[{{ documento.id_solicitacao }}]" id="arquivo[{{ documento.id_solicitacao }}]" class="inputfile" multiple accept="{{ extensoes }}" />
  237.                                                         <label for="arquivo[{{ documento.id_solicitacao }}]" class="button transparent pointer tooltip" title="Clique para selecionar o arquivo<br/>({{ extensoes }}).">
  238.                                                             <i class="fal fa-fw fa-upload"></i>
  239.                                                             <span>{{ documento.nome_documento|ucwords }}</span>
  240.                                                         </label>
  241.                                                     </form>
  242.                                                 </div>
  243.                                                 {% endfor %}
  244.                                             </div>
  245.                                         </div>
  246.                                         <div class="text-completed text-center d-none">
  247.                                             <p><i class="fal fa-check-circle text-40"></i></p>
  248.                                             <h3 class="text-24 medium mb-2">Muito bem!</h3>
  249.                                             <p>Você realizou o upload de todos os arquivos!</p>
  250.                                         </div>
  251.                                     </div>
  252.                                     <div class="col col-auto">
  253.                                         <a href="#" class="button sm transparent close-notification tooltip" title="Fechar">
  254.                                             <i class="fal fa-times"></i>
  255.                                         </a>
  256.                                     </div>
  257.                                 </div>
  258.                             </div>
  259.                         </div>
  260.                         {% endif %}
  261.                     </div>
  262.                 </div>
  263.                 <div class="row pt-lg-5">
  264.                     <div class="col-12 col-xxl-6 order-1 order-xxl-0">
  265.                         {{ render(controller('App\\Controller\\Visao\\Avaliado\\Componentes\\GraficoQualidadeCustoController::index', {}, {'relacionamento': true, 'showPBV' : showPBV} )) }}
  266.                     </div>
  267.                     <div class="col-12 col-xxl-6 order-0 order-xxl-1">
  268.                         <div class="row">
  269.                             <div class="col-12 col-lg-6 col-xxl-12 pb-5 order-0 order-lg-1 order-xxl-0">
  270.                                 {{ render(controller('App\\Controller\\Visao\\Avaliado\\Componentes\\EvsGrupoController::index', {}, {'relacionamento': true} )) }}
  271.                                 {% if showPBV == true %}
  272.                                 {% if app.session.get('cliente_connection').dbname == 'analytics_unimed_dracena_fesp' %}
  273.                                 <div class="box bg-yellow-light py-3 px-4 mt-4">
  274.                                     <div class="row align-items-center">
  275.                                         <div class="col-12 col-sm">
  276.                                             <div class="row">
  277.                                                 <div class="col col-auto pb-2">
  278.                                                     <div class="square bg-yellow-light">
  279.                                                         <i class="fal fa-fw fa-money-bill-alt text-yellow"></i>
  280.                                                     </div>
  281.                                                 </div>
  282.                                                 <div class="col">
  283.                                                     <h4 class="text-18 mb-1 text-darker">PBV</h4>
  284.                                                     <h3 class="text-19 bold mb-3 text-darker">Pagamento Baseado em Valor</h3>
  285.                                                     <div class="row align-items-center flex-nowrap">
  286.                                                         <p class="line-height">Este valor reajustado leva como base o EVS dos últimos 3 meses. <i class="fal fa-info-circle text-gray tooltip" title='Média: <b>{{avaliadoPBV.media | is_float}}</b><br/>{% for valor in avaliadoPBV.evs|json_decode %}{{ valor.periodo|anoMesDescritivo}}: {% if valor.evs is not null %} <b>{{ valor.evs | is_float }}</b> {% else %}  <i class="fa fa-minus-circle"></i>{% endif %}<br/>{% endfor %}'></i></p>
  287.                                                     </div>
  288.                                                 </div>
  289.                                             </div>
  290.                                         </div>
  291.                                         <div class="col-12 col-sm-auto pt-3 pt-sm-0 text-center">
  292.                                             <p class="o-5">Valor da Consulta</p>
  293.                                             <b class="text-35 d-block pb-3">
  294.                                                 R$ {{ avaliadoPBV.valor_final}}
  295.                                             </b>
  296.                                             <a href="#" class="abre-modal button sm white" data-modal="modal-resultado-pbv">Entenda o resultado</a>
  297.                                             <div id="modal-resultado-pbv" class="hide">
  298.                                                 <div class="modal-title">
  299.                                                     <div class="row">
  300.                                                         <div class="col">
  301.                                                             <div class="row">
  302.                                                                 <div class="col col-auto">
  303.                                                                     <div class="square bg-yellow-light">
  304.                                                                         <i class="fal fa-fw fa-money-bill-alt text-yellow"></i>
  305.                                                                     </div>
  306.                                                                 </div>
  307.                                                                 <div class="col">
  308.                                                                     <h3 class="text-30 text-darker medium">Pagamento Baseado em Valor</h3>
  309.                                                                 </div>
  310.                                                             </div>
  311.                                                         </div>
  312.                                                         <div class="col col-auto">
  313.                                                             <!-- <a href="#" class="button transparent sm mr-2 tooltip" title="Maximizar" rel="modal:fullscreen"><i class="fa fa-expand-wide"></i></a> -->
  314.                                                             <a href="#" class="button sm tooltip" title="Fechar" rel="modal:close"><i class="fa fa-times"></i></a>
  315.                                                         </div>
  316.                                                     </div>                                    
  317.                                                 </div>
  318.                                                 <div class="p-3">
  319.                                                     <div class="text-center">
  320.                                                         <p class="o-5">Valor da Consulta</p>
  321.                                                         <div class="pb-3 border-bottom mb-3">
  322.                                                             <b class="text-50 d-block pb-3">
  323.                                                                 R$ {{ avaliadoPBV.valor_final}}
  324.                                                             </b>
  325.                                                         </div>
  326.                                                         <p class="mb-2 line-height">A média do seu EVS nos últimos 3 meses foi: <b class="text-18">{{avaliadoPBV.media | is_float}}</b></p>
  327.                                                         <div class="row border-bottom mb-3 line-height">
  328.                                                             {% for valor in avaliadoPBV.evs|json_decode %}
  329.                                                                 <div class="col pb-3 ">
  330.                                                                     <p>
  331.                                                                         {{ valor.periodo|anoMesDescritivo}}: 
  332.                                                                         {% if valor.evs is not null %} 
  333.                                                                         <b>{{ valor.evs | is_float }}</b> 
  334.                                                                         {% else %}  
  335.                                                                         <i class="fa fa-minus-circle"></i>
  336.                                                                         {% endif %}
  337.                                                                     </p>
  338.                                                                 </div>
  339.                                                             {% endfor %}
  340.                                                         </div>
  341.                                                     </div>
  342.                                                     <div class="row border-bottom mb-3 text-20">
  343.                                                         <div class="pb-3 row text-20">
  344.                                                             <div class="col medium text-right">Base de cálculo:</div>
  345.                                                             <div class="col bold">R$ 115,00</div>
  346.                                                         </div>
  347.                                                         <div class="tooltip pb-3 row text-20" title="&cir; Entre 0 e 2,99 = 0% <br> &cir; Entre 3 e 3,99 = 6% <br> &cir; Entre 4 e 4,49 = 9% <br> &cir; Entre 4,5 e 5 = 12%">
  348.                                                             <div class="col medium text-right">Bonus:</div>
  349.                                                             <div class="col bold">
  350.                                                                 {{ avaliadoPBV.percentual }}%
  351.                                                                 <i class="fal fa-info-circle text-gray"></i>
  352.                                                             </div>
  353.                                                         </div>
  354.                                                         <div class="pb-3 row text-20">
  355.                                                             <div class="col medium text-right">Total:</div>
  356.                                                             <div class="col bold">
  357.                                                                 R$ {{ avaliadoPBV.valor_final}}
  358.                                                             </div>
  359.                                                         </div>
  360.                                                     </div>
  361.                                                     <p class="mb-3 line-height">A regra do percentual é aplicar o resultado da “Média do EVS” ao seguinte gráfico:</p>
  362.                                                     <div class="grafico-gauge" 
  363.                                                         data-min="0" 
  364.                                                         data-max="5" 
  365.                                                         data-valor="{{avaliadoPBV.media}}" 
  366.                                                         data-resposta="{{ avaliadoPBV.percentual }}%" 
  367.                                                         data-bandas='[{"from": 0,"to": 3,"color": "#e62b29"},{"from": 3,"to": 4,"color": "#e66f29"},{"from": 4,"to": 4.5,"color": "#e6aa29"},{"from": 4.5,"to": 5,"color": "#088b22"}]' 
  368.                                                         data-labels="0%,,,6%,9%,12%"
  369.                                                         style="width:100%;height: 150px; margin: 0 auto"></div>
  370.                                                 </div>
  371.                                             </div>
  372.                                         </div>
  373.                                     </div>
  374.                                 </div>
  375.                                 {% elseif app.session.get('cliente_connection').dbname == 'analytics_unimed_taquari_prod'and avaliadoPBV != null %}
  376.                                     <div class="box bg-yellow-light py-3 px-4 mt-4">
  377.                                         <div class="row align-items-center">
  378.                                             <div class="col-12 col-sm">
  379.                                                 <div class="row">
  380.                                                     <div class="col col-auto pb-2">
  381.                                                         <div class="square bg-yellow-light">
  382.                                                             <i class="fal fa-fw fa-money-bill-alt text-yellow"></i>
  383.                                                         </div>
  384.                                                     </div>
  385.                                                     <div class="col">
  386.                                                         <h4 class="text-18 mb-1 text-darker">PBV</h4>
  387.                                                         <h3 class="text-19 bold mb-3 text-darker">Pagamento Baseado em Valor</h3>
  388.                                                         <div class="row align-items-center flex-nowrap">
  389.                                                             <p class="line-height">Este valor reajustado leva como base o EVS dos últimos 3 meses.</p>
  390.                                                         </div>
  391.                                                     </div>
  392.                                                 </div>
  393.                                             </div>
  394.                                             <div class="col-12 col-sm-auto pt-3 pt-sm-0 text-center">
  395.                                                 <p class="o-5">Valor da Bonificação</p>
  396.                                                 <b class="text-35 d-block pb-3">
  397.                                                     R$ {{ avaliadoPBV.valor | is_float }}
  398.                                                 </b>
  399.                                                 <a href="#" class="abre-modal button sm white" data-modal="modal-resultado-pbv">Entenda o resultado</a>
  400.                                                 <div id="modal-resultado-pbv" class="hide">
  401.                                                     <div class="modal-title">
  402.                                                         <div class="row">
  403.                                                             <div class="col">
  404.                                                                 <div class="row">
  405.                                                                     <div class="col col-auto">
  406.                                                                         <div class="square bg-yellow-light">
  407.                                                                             <i class="fal fa-fw fa-money-bill-alt text-yellow"></i>
  408.                                                                         </div>
  409.                                                                     </div>
  410.                                                                     <div class="col">
  411.                                                                         <h3 class="text-30 text-darker medium">Pagamento Baseado em Valor</h3>
  412.                                                                     </div>
  413.                                                                 </div>
  414.                                                             </div>
  415.                                                             <div class="col col-auto">
  416.                                                                 <!-- <a href="#" class="button transparent sm mr-2 tooltip" title="Maximizar" rel="modal:fullscreen"><i class="fa fa-expand-wide"></i></a> -->
  417.                                                                 <a href="#" class="button sm tooltip" title="Fechar" rel="modal:close"><i class="fa fa-times"></i></a>
  418.                                                             </div>
  419.                                                         </div>                                    
  420.                                                     </div>
  421.                                                     <div class="p-3">
  422.                                                         <div class="text-center">
  423.                                                             <div class="pb-3 border-bottom mb-3">
  424.                                                                 <b class="text-50 d-block pb-3">
  425.                                                                     R$ {{ avaliadoPBV.valor | is_float }}
  426.                                                                 </b>
  427.                                                                 <b class="text-30 d-block pb-3">
  428.                                                                     de bonificação
  429.                                                                 </b>
  430.                                                             </div>
  431.                                                             <p class="mb-2 line-height">A média do seu EVS nos últimos 3 meses foi: <b class="text-18">{{avaliadoPBV.media | is_float}}</b></p>
  432.                                                             <div class="row border-bottom mb-3 line-height">
  433.                                                                 {% for valor in avaliadoPBV.evs|json_decode %}
  434.                                                                     <div class="col pb-3 ">
  435.                                                                         <p>
  436.                                                                             {{ valor.periodo|anoMesDescritivo}}: 
  437.                                                                             {% if valor.evs is not null %} 
  438.                                                                                 <b>{{ valor.evs | is_float }}</b> 
  439.                                                                             {% else %}  
  440.                                                                                 <i class="fa fa-minus-circle"></i>
  441.                                                                             {% endif %}
  442.                                                                         </p>
  443.                                                                     </div>
  444.                                                                 {% endfor %}
  445.                                                             </div>
  446.                                                             <div class="pb-3 border-bottom mb-3">
  447.                                                                 <b class="text-50 d-block pb-3">
  448.                                                                     {{ avaliadoPBV.percentual_acrescimo | is_float}} %
  449.                                                                 </b>
  450.                                                                 <b class="text-30 d-block pb-3">
  451.                                                                     de acréscimo nas consultas
  452.                                                                 </b>
  453.                                                             </div>
  454.                                                         </div>
  455.                                                     </div>
  456.                                                 </div>
  457.                                             </div>
  458.                                         </div>
  459.                                     </div>
  460.                                     {% elseif app.session.get('cliente_connection').dbname in ['analytics_unimed_saltoitu_fesp'] %}
  461.                                         <div class="box bg-yellow-light py-3 px-4 mt-4">
  462.                                             <div class="row">
  463.                                                 <div class="col-12 col-md-8">
  464.                                                     <div class="row mb-3">
  465.                                                         <div class="col col-auto pb-2">
  466.                                                             <div class="square bg-yellow-light">
  467.                                                                 <i class="fal fa-fw fa-money-bill-alt text-yellow"></i>
  468.                                                             </div>
  469.                                                         </div>
  470.                                                         <div class="col">
  471.                                                             <h3 class="text-19 bold mb-2 text-darker">Honorário mensal</h3>
  472.                                                             <div class="row align-items-center">
  473.                                                                 <div class="col col-auto">
  474.                                                                     <p class="line-height">
  475.                                                                         <span class="bold text-14">Honorário fixo mensal</span>
  476.                                                                         <br />
  477.                                                                         R$ {{avaliadoPBV.remuneracao_mensal|default(0)|is_float(2)}}
  478.                                                                     </p>
  479.                                                                 </div>
  480.                                                                 <div class="col col-auto">
  481.                                                                     <p class="line-height">
  482.                                                                         <span class="bold text-14">Pagamento Plantão</span>
  483.                                                                         <br />
  484.                                                                         R$ {{avaliadoPBV.valor_plantao_mes|default(0)|is_float(2)}}
  485.                                                                     </p>
  486.                                                                 </div>
  487.                                                             </div>
  488.                                                         </div>
  489.                                                     </div>
  490.                                                     <div class="row">
  491.                                                         <div class="col col-auto pb-2">
  492.                                                             <div class="square bg-yellow-light">
  493.                                                                 <i class="fal fa-fw fa-sack-dollar text-yellow"></i>
  494.                                                             </div>
  495.                                                         </div>
  496.                                                         <div class="col">
  497.                                                             <h3 class="text-19 bold mb-2 text-darker">BONIFICAÇÃO MEDCOOPERA+</h3>
  498.                                                             <p class="line-height">
  499.                                                                 {{rangeTrimestre}}
  500.                                                             </p>
  501.                                                         </div>
  502.                                                     </div>
  503.                                                 </div>
  504.                                                 <div class="col-12 col-md-4 pt-3 pt-sm-0 text-center align-self-center">
  505.                                                     <b class="text-35 d-block pb-3">
  506.                                                         {% if avaliadoPBV.percentual_producao|default(0) > 90 %}
  507.                                                             R$ {{ avaliadoPBV.valor_bonificao_observado|is_float(2) }}
  508.                                                         {% else %}
  509.                                                             R$ {{ '0'|is_float(2) }}
  510.                                                         {% endif %}
  511.                                                     </b>
  512.                                                     {% if avaliadoPBV.percentual_producao|default(0) > 90 %}
  513.                                                         {% set periodoTo = app.session.get('periodo')['to'] is defined ? app.session.get('periodo')['to'] : null %}
  514.                                                         {% set mesVigente = (periodoTo is not null ? (periodoTo['periodo']|default('00')) : '00') + 0 %}
  515.                                                         {% if mesVigente > 3 %}
  516.                                                             <a href="{{path('visao_avaliado_dashboard_anual_salto_itu_pbv')}}" class="button sm white">Entenda o resultado</a>
  517.                                                         {% endif %}
  518.                                                     {% else %}
  519.                                                         <b class="text-danger">Produtividade não atingida.</b><br/><br/>
  520.                                                     {% endif %}
  521.                                                 </div>
  522.                                             </div>
  523.                                             <div class="row align-items-end text-center">
  524.                                                 <div class="col-12 col-md-6">
  525.                                                     <p class="line-height">
  526.                                                         Meta Produção: <b>{{avaliadoPBV.meta_producao|default(0)}}</b>
  527.                                                     </p>
  528.                                                     <div class="progress-bar bg-50-59 mt-4" style="height: 30px;">
  529.                                                         {% set porcentagemBarra = avaliadoPBV.percentual_producao >= 110 ? 20 : (avaliadoPBV.percentual_producao >= 90 and avaliadoPBV.percentual_producao < 110 ? 50 : 80) %}
  530.                                                         <span class="indicator" style="right: calc({{porcentagemBarra}}%)">{{avaliadoPBV.producao|is_int|number_format(0, '', '.') }} consultas</span>
  531.                                                         <div class="progress bg-red" style="width: 45%; border-radius: 3px 0 0 3px;"></div>
  532.                                                         <div class="progress" style="width: 20%; left: 35%; border-radius: 0;"></div>
  533.                                                         <div class="progress bg-success" style="width: 45%; left: 55%; border-radius: 0 3px 3px 0;"></div>
  534.                                                     </div>
  535.                                                 </div>
  536.                                                 <div class="col-12 col-md-6">
  537.                                                     <p class="line-height">
  538.                                                         Meta de Orçamento: <b>R$ {{avaliadoPBV.orcamento|is_float() }}</b>
  539.                                                         <br />
  540.                                                         Custo Assistencial: <b>R$ {{avaliadoPBV.custo_producao|is_float() }}</b>
  541.                                                     </p>
  542.                                                     <div class="progress-bar bg-50-59 mt-4" style="height: 30px;">
  543.                                                         {% set porcentagemMediana = (avaliadoPBV.mediana_grupo < avaliadoPBV.media_custo_producao ? 25 : (avaliadoPBV.mediana_grupo == avaliadoPBV.media_custo_producao ? 50 : 75)) |is_float(2) %}
  544.                                                         <span class="indicator" style="right: calc({{porcentagemMediana|is_float(2)}}%)">R$ {{avaliadoPBV.media_custo_producao|is_float(2) }} (mediana do grupo)</span>
  545.                                                         <div class="progress bg-success" style="width: 49%; border-radius: 3px 0 0 3px;"></div>
  546.                                                         <div class="progress" style="width: 1%; left: 49%; border-radius: 0;"></div>
  547.                                                         <div class="progress bg-danger" style="width: 50%; left: 50%; border-radius: 0 3px 3px 0;"></div>
  548.                                                     </div>
  549.                                                 </div>
  550.                                             </div>
  551.                                         </div>
  552.                                 {% elseif app.session.get('cliente_connection').dbname not in ['analytics_unimed_sjrp_hml', 'analytics_unimed_taquari_prod', 'analytics_unimed_sjrp', 'analytics_unimed_petropolis'] %}
  553.                                     <div class="box bg-yellow-light py-3 px-4 mt-4">
  554.                                         <div class="row align-items-center">
  555.                                             <div class="col-12 col-sm">
  556.                                                 <div class="row">
  557.                                                     <div class="col col-auto pb-2">
  558.                                                         <div class="square bg-yellow-light">
  559.                                                             <i class="fal fa-fw fa-money-bill-alt text-yellow"></i>
  560.                                                         </div>
  561.                                                     </div>
  562.                                                     <div class="col">
  563.                                                         <h4 class="text-18 mb-1 text-darker">PBV</h4>
  564.                                                         <h3 class="text-19 bold mb-3 text-darker">Pagamento Baseado em Valor</h3>
  565.                                                         <div class="row align-items-center flex-nowrap">
  566.                                                             <p class="line-height">Este valor reajustado leva como base o EVS dos últimos 3 meses. <i class="fal fa-info-circle text-gray tooltip" title='Média: <b>{{avaliadoPBV.media | is_float}}</b><br/>{% for valor in avaliadoPBV.evs|json_decode %}{{ valor.periodo|anoMesDescritivo}}: {% if valor.evs is not null %} <b>{{ valor.evs | is_float }}</b> {% else %}  <i class="fa fa-minus-circle"></i>{% endif %}<br/>{% endfor %}'></i></p>
  567.                                                         </div>
  568.                                                     </div>
  569.                                                 </div>
  570.                                             </div>
  571.                                             <div class="col-12 col-sm-auto pt-3 pt-sm-0 text-center">
  572.                                                 <p class="o-5">Valor da Consulta</p>
  573.                                                 <b class="text-35 d-block pb-3">
  574.                                                     R$ {{ avaliadoPBV.valor_final}}
  575.                                                 </b>
  576.                                                 <a href="#" class="abre-modal button sm white" data-modal="modal-resultado-pbv">Entenda o resultado</a>
  577.                                                 <div id="modal-resultado-pbv" class="hide">
  578.                                                     <div class="modal-title">
  579.                                                         <div class="row">
  580.                                                             <div class="col">
  581.                                                                 <div class="row">
  582.                                                                     <div class="col col-auto">
  583.                                                                         <div class="square bg-yellow-light">
  584.                                                                             <i class="fal fa-fw fa-money-bill-alt text-yellow"></i>
  585.                                                                         </div>
  586.                                                                     </div>
  587.                                                                     <div class="col">
  588.                                                                         <h3 class="text-30 text-darker medium">Pagamento Baseado em Valor</h3>
  589.                                                                     </div>
  590.                                                                 </div>
  591.                                                             </div>
  592.                                                             <div class="col col-auto">
  593.                                                                 <!-- <a href="#" class="button transparent sm mr-2 tooltip" title="Maximizar" rel="modal:fullscreen"><i class="fa fa-expand-wide"></i></a> -->
  594.                                                                 <a href="#" class="button sm tooltip" title="Fechar" rel="modal:close"><i class="fa fa-times"></i></a>
  595.                                                             </div>
  596.                                                         </div>                                    
  597.                                                     </div>
  598.                                                     <div class="p-3">
  599.                                                         <div class="text-center">
  600.                                                             <p class="o-5">Valor da Consulta</p>
  601.                                                             <div class="pb-3 border-bottom mb-3">
  602.                                                                 <b class="text-50 d-block pb-3">
  603.                                                                     R$ {{ avaliadoPBV.valor_final}}
  604.                                                                 </b>
  605.                                                             </div>
  606.                                                             <p class="mb-2 line-height">A média do seu EVS nos últimos 3 meses foi: <b class="text-18">{{avaliadoPBV.media | is_float}}</b></p>
  607.                                                             <div class="row border-bottom mb-3 line-height">
  608.                                                                 {% for valor in avaliadoPBV.evs|json_decode %}
  609.                                                                     <div class="col pb-3 ">
  610.                                                                         <p>
  611.                                                                             {{ valor.periodo|anoMesDescritivo}}: 
  612.                                                                             {% if valor.evs is not null %} 
  613.                                                                             <b>{{ valor.evs | is_float }}</b> 
  614.                                                                             {% else %}  
  615.                                                                             <i class="fa fa-minus-circle"></i>
  616.                                                                             {% endif %}
  617.                                                                         </p>
  618.                                                                     </div>
  619.                                                                 {% endfor %}
  620.                                                             </div>
  621.                                                         </div>
  622.                                                         <div class="row border-bottom mb-3 text-20">
  623.                                                             <div class="pb-3 row text-20">
  624.                                                                 <div class="col medium text-right">Base de cálculo:</div>
  625.                                                                 {% if app.session.get('cliente_connection').dbname in ['analytics_unimed_campo_grande_ops'] %}
  626.                                                                     <div class="col bold">R$ 113,00</div>
  627.                                                                 {% else %}
  628.                                                                     <div class="col bold">R$ 74,00</div>
  629.                                                                 {% endif %}
  630.                                                             </div>
  631.                                                             <div class="tooltip pb-3 row text-20" title="&cir; Entre 0 e 2,99 = 0% <br> &cir; Entre 3 e 3,99 = 6% <br> &cir; Entre 4 e 4,49 = 9% <br> &cir; Entre 4,5 e 5 = 12%">
  632.                                                                 <div class="col medium text-right">Bonus:</div>
  633.                                                                 <div class="col bold">
  634.                                                                     {{ avaliadoPBV.percentual }}%
  635.                                                                     <i class="fal fa-info-circle text-gray"></i>
  636.                                                                 </div>
  637.                                                             </div>
  638.                                                             <div class="pb-3 row text-20">
  639.                                                                 <div class="col medium text-right">Total:</div>
  640.                                                                 <div class="col bold">
  641.                                                                     R$ {{ avaliadoPBV.valor_final}}
  642.                                                                 </div>
  643.                                                             </div>
  644.                                                         </div>
  645.                                                         <p class="mb-3 line-height">A regra do percentual é aplicar o resultado da “Média do EVS” ao seguinte gráfico:</p>
  646.                                                         <div class="grafico-gauge" 
  647.                                                             data-min="0" 
  648.                                                             data-max="5" 
  649.                                                             data-valor="{{avaliadoPBV.media}}" 
  650.                                                             data-resposta="{{ avaliadoPBV.percentual }}%" 
  651.                                                             data-bandas='[{"from": 0,"to": 3,"color": "#e62b29"},{"from": 3,"to": 4,"color": "#e66f29"},{"from": 4,"to": 4.5,"color": "#e6aa29"},{"from": 4.5,"to": 5,"color": "#088b22"}]' 
  652.                                                             data-labels="0%,,,6%,9%,12%"
  653.                                                             style="width:100%;height: 150px; margin: 0 auto"></div>
  654.                                                     </div>
  655.                                                 </div>
  656.                                             </div>
  657.                                         </div>
  658.                                     </div>
  659.                                 {% endif %}
  660.                                 {% endif %}
  661.                             </div>
  662.                             <div class="col-12 col-lg-6 col-xxl-12 pb-5 order-1 order-lg-0 order-xxl-1 d-flex flex-column">
  663.                                 <div class="row align-items-center mb-1">
  664.                                     <div class="col">
  665.                                         <h3 class="text-24 text-darker medium">Evolução EVS</h3>
  666.                                         <span class="text-14 text-gray">EVS Anual: {{ evs_anual |is_float }}</span>
  667.                                     </div>
  668.                                     <div class="col col-auto">
  669.                                         <div class="button-group" data-id="grafico-evolucao"> <!-- MESMO ID DO GRÁFICO -->
  670.                                             <a href="#" class="button transparent sm dropdown"><i class="fa fa-bars icon"></i> <i class="fa fa-caret-down"></i></a>
  671.                                             <div class="dropdown-list">
  672.                                                 <ul>
  673.                                                     <li><a href="#" class="js-chart-table"><i class="fal fa-fw fa-table mr-2"></i>ver tabela</a></li>
  674.                                                     <li><a href="#" class="js-chart-export" data-format="pdf"><i class="fal fa-fw fa-file-pdf mr-2"></i>Exportar PDF </a></li>
  675.                                                     <li><a href="#" class="js-chart-export" data-format="jpg"><i class="fal fa-fw fa-file-image mr-2"></i>Exportar JPG </a></li>
  676.                                                     <li><a href="#" class="js-chart-export" data-format="xls"><i class="fal fa-fw fa-file-excel mr-2"></i>Exportar xls </a></li>
  677.                                                     <li><a href="#" class="js-chart-print"><i class="fal fa-fw fa-print mr-2"></i>Imprimir </a></li>
  678.                                                 </ul>
  679.                                             </div>
  680.                                         </div>
  681.                                     </div>
  682.                                 </div>
  683.                                 <div class="box pt-4 pb-2 flex-grow-1 d-flex flex-column">
  684.                                     <div id="grafico-evolucao" class="h-100" style="min-height: 200px;"
  685.                                         data-dadosevs="{{ grafico_evolucao_evs.evs }}"
  686.                                         data-dadoscusto="{{ grafico_evolucao_evs.performance_custo }}"
  687.                                         data-dadosqualidade="{{ grafico_evolucao_evs.performance_qualidade }}"
  688.                                         data-categorias="{{ grafico_evolucao_evs.mes_ano_txt }}"
  689.                                     ></div>
  690.                                 </div>
  691.                             </div>
  692.                         </div>
  693.                     </div>
  694.                 </div>
  695.                 <div class="row">
  696.                     {{ render(controller('App\\Controller\\Visao\\Avaliado\\Componentes\\DesempenhoIndicadoresController::index', {}, {
  697.                         'relacionamento': true
  698.                     } )) }}
  699.                 </div>
  700.             {% endif %}            
  701.             </div>
  702.         </div>
  703.     </div> 
  704. {% endblock %}