{% if editmode %}
   {% do pimcore_head_link().appendStylesheet(asset('static/css/editmode.css')) %}
   {{ pimcore_head_link() }}
{% endif %}

{% set libertyConnect = pimcore_input('libertyConnect', {width:400} ) %}
{% set link1 = pimcore_link('lealta-right-icon-link1', {width:400}) %}
{% set accountOpening =  pimcore_input('accountOpening',{width:400}) %} 
{% set link2 = pimcore_link('lealta-right-icon-link2', {width:400}) %}
{% set bookAnAppointment = pimcore_input('bookAnAppointment', {width:400} ) %}
{% set link3 = pimcore_link('lealta-right-icon-link3', {width:400}) %} 

   {% if editmode %}

         <div class="mb-2"> 
            Show : {{ pimcore_checkbox('check1') }}
            Liberty Connect Text : {{ libertyConnect | raw }} <br><br>
            Link1 :  {{ link1 | raw }} <br><br>
         </div>

         <div>
            Show : {{ pimcore_checkbox('check2') }}
            Account Opening Text :{{ accountOpening | raw}} <br>
            Link2 : {{ link2 | raw }} <br><br>
         </div>

         <div>
            Show : {{ pimcore_checkbox('check3') }}
            Book An Appointment Online Text : {{ bookAnAppointment | raw }} <br><br>
            Link3 : {{ link3 | raw }} <br><br>
         </div>
      </div>

   {% endif %}
   {% set libertyConnect = pimcore_input('libertyConnect').getData() %}
   {% set accountOpening = pimcore_input('accountOpening').getData() %}
   {% set bookAnAppointment = pimcore_input('bookAnAppointment').getData() %}

   {% set project = document.getProperty('project') %}

   {% if project == "lealta" %}
      {% set bgColor = 'style= background-color:#4f5579;' %}
   {% elseif project == "freizuegigkeitskonto" %}
      {% set bgColor = 'style= background-color:#ff6d00;' %}
   {% elseif project == "pensionclub" %}
      {% set bgColor = 'style= background-color:#2E4C5D;' %}
   {% else %}
      {% set bgColor = 'style= background-color:#4f5579;' %}
   {% endif %}

<div class="icon-bar">
   <ul id="MiniRightNav">
       {% if pimcore_checkbox('check1').isChecked() %}
      <li>
         <a class="navtext" href="{{ link1.getHref() }}" {{bgColor}}> 
         <i class="flaticon-user"></i>
         <span {{bgColor}}> {{libertyConnect}} </span></a>
      </li>
      {% endif %}

      {% if pimcore_checkbox('check2').isChecked() %}
      <li>
         <a class="navtext" href="{{link2.getHref()}}" {{bgColor}}> 
         <i class="flaticon-budget"></i>
         <span {{bgColor}}> {{accountOpening}} </span></a>
      </li>
      {% endif %}
      
      {% if pimcore_checkbox('check3').isChecked() %}  
      <li>
         <a class="navtext" href="{{ link3.getHref() }}" {{bgColor}}> 
         <i class="flaticon-appointment"></i> 
         <span {{bgColor}}> {{bookAnAppointment}} </span></a>
      </li>
      {% endif %}
   </ul>
</div>