<div class="block-wrapper loss-bar-chart">
  <a id="quanto_perderam_pessoas"></a>
  <div class="bg-element right-bg">
      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 125 300" style="enable-background:new 0 0 125 300;" xml:space="preserve" preserveAspectRatio="none">
        <g>
          <polyline opacity="0.80" fill="#0193B9" class="st0" points="125,300.3 -0.4,300.3 125,-0.3   "></polyline>
        </g>
      </svg>
    </div>
  <div class="block-container">
    <div class="graphs-wrapper">
      <div class="info-wrapper js-share-element" data-share-element="escolaridade" data-anchor="#quanto_perderam_pessoas">
        <div class="icon icon-bar-chart"></div>
        @if(!empty($templateData['titulo_grafico_escolaridade']))
          <h3><?=$templateData['titulo_grafico_escolaridade']?></h3>
        @endif
        @include('frontend.partials.reusables.social')
        <div class="input-wrapper select-container">
          @if(!empty($templateData['input_grafico_escolaridade']))
            <p><?=$templateData['input_grafico_escolaridade']?></p>
          @endif
          <div class="select-wrapper">
            <select class="js-select2 js-select-age" style="width: 100%">
              <option></option>
              <option value="0">2º ciclo ou inferior</option>
              <option value="1">3º ciclo</option>
              <option value="2">Ensino Secundário</option>
              <option value="3">Ensino Superior</option>
            </select>
          </div>
        </div>
        <div id="school-level-chart" class="graph"></div>
        <div class="js-reset-select-highlight reset-chart">
          <div class="parent">
            <div class="icon icon-reload"></div>
            <p>Limpar resultados</p>
          </div>
        </div>
      </div>
      <div class="info-wrapper js-share-element" data-share-element="idade" data-anchor="#quanto_perderam_pessoas">
        <div class="icon icon-bar-chart"></div>
        @if(!empty($templateData['titulo_grafico_idade']))
          <h3><?=$templateData['titulo_grafico_idade']?></h3>
        @endif
        @include('frontend.partials.reusables.social')
        <div class="input-wrapper input-text-container">
          @if(!empty($templateData['input_grafico_idade']))
            <p><?=$templateData['input_grafico_idade']?></p>
          @endif
          <input class="js-age-input" data-mask="00" type="text" name="idade">
          <button>
            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 12.5 21.9" enable-background="new 0 0 12.5 21.9" xml:space="preserve">
              <polyline id="XMLID_937_" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" points="0.7,0.7 11.1,10.9 0.7,21.2 "/>
            </svg>
          </button>
        </div>
        <div id="age-loss-chart" class="graph"></div>
        <div class="js-reset-age reset-chart">
          <div class="parent">
            <div class="icon icon-reload"></div>
            <p>Limpar resultados</p>
          </div>
        </div>
      </div>
    </div>
    <div class="source-info">
      <p><strong>Fonte:</strong> Rodrigues,	C.F., Figueiras,R. e Junqueira,V.(2016). Desigualdade do	Rendimento	e Pobreza	em	Portugal: As Consequências	Sociais	do	Programa	de	Ajustamento,	FFMS.</p>
      <p><strong>Nota:</strong> Informação baseada nos microdados do EU-SILC 2010 e 2015. Os valores deste gráfico são uma aproximação à perda do rendimento equivalente entre 2009 e 2014 dos vários grupos. Os valores estimados não têm em conta o efeito dos outros rendimentos do próprio ou da respectiva família.</p>
    </div>
  </div>
</div>
