{% extends "users/base.html" %}
{% load counter_tag %}
{% block content %}
{% if request.user.profile.agency.module_recoverdir %}
<div class="content-section col-12">
  <h3>Notfallhilfe{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Legen Sie hier die wichtigsten Dokumente für sich und Ihre Agentur an." class="far fa-question-circle"></i></small>{% endif %}
  <!-- TASK: Video für Notfallhilfe <small><i onclick="javascript:$('#youtubevideoinformation').modal('toggle');" class="far fa-play-circle"></i></small>-->
  <a style="float: right" class="btn btn-secondary btn-sm mr-2 " href="{% url 'closerecoverdir' %}"><i class="fas fa-lock"></i></a>
</h3>  
  <hr>
  <div class="progress mb-2" style="height: 15px;">
  <div class="progress-bar" role="progressbar" aria-valuenow="{{rd_level}}" style="width: {{rd_level}}%;" aria-valuemin="0" aria-valuemax="100"><b style="color: #ffffff; padding-left: 5px">Hinterlegter Datenbestand {{rd_level}}/100</b></div>
</div>
  <hr>
  <div class="row">
    <div class="col-12">
    <ul class="nav nav-tabs" id="rd_tabs" role="tablist" >
      <li class="nav-item " >
          <a class="nav-link" id="rd" style="" data-toggle="tab" href="#t_rd" role="tab" aria-controls="t_rd" aria-selected="false"> Notfallhilfe</a>
      </li>
      <li class="nav-item " >
          <a class="nav-link " id="infos" style="" data-toggle="tab" href="#t_infos" role="tab" aria-controls="t_infos" aria-selected="false">Wichtige Informationen</a>
      </li>
      <li class="nav-item " >
          <a class="nav-link " id="updates" style="" data-toggle="tab" href="#t_updates" role="tab" aria-controls="t_updates" aria-selected="false"> Aktualisierungen</a>
      </li>
      <li class="nav-item " >
          <a class="nav-link " id="pers" style="" data-toggle="tab" href="#t_pers" role="tab" aria-controls="t_pers" aria-selected="false"> Persönliches Schreiben</a>
      </li>
      <li class="nav-item ml-auto" >
          <a class="nav-link" id="settings" data-toggle="tab" href="#t_settings" role="tab" aria-controls="t_settings" aria-selected="false">Sicherheit</a>
      </li>
      <li class="nav-item " >
          <a class="nav-link" id="help" data-toggle="tab" href="#t_help" role="tab" aria-controls="t_help" aria-selected="false">Hilfe & Kontakt</a>
      </li>
  </div>

  <div class="col">
    <div class="tab-content" id="rd_content">
      <div class="tab-pane" id="t_rd" role="tabpanel" aria-labelledby="rd">
        <h5 class="mt-3">Notfallhilfe{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Hinterlegen Sie hier alle Dokumente und Informationen im Notfallhilfe." class="far fa-question-circle"></i></small>{% endif %}</h5>
        <hr>
        {% block rd_content %}
           {% include "recoverdir/rd_rd.html" %}
        {% endblock %}
      </div>
    
      <div class="tab-pane fade" id="t_infos" role="tabpanel" aria-labelledby="infos">
        <h5 class="mt-3">Wichtige Informationen{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Bitte beachten Sie folgende Informationen bei Betriebsaufgabe." class="far fa-question-circle"></i></small>{% endif %}</h5>
        <hr>
        {% block infos_content %}
           {% include "recoverdir/rd_infos.html" %}
        {% endblock %}
      </div>

      <div class="tab-pane fade" id="t_updates" role="tabpanel" aria-labelledby="updates">
        <h5 class="mt-3">Aktualisierungen{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Hier sehen Sie alle Aktualisierungen, welche im Laufe der Zeit vorgenommen wurden." class="far fa-question-circle"></i></small>{% endif %}</h5>
        <hr>
        {% block notifications_content %}
           {% include "recoverdir/rd_updates.html" %}
        {% endblock %}
      </div>

      <div class="tab-pane fade" id="t_pers" role="tabpanel" aria-labelledby="pers">
        {% block pers_content %}
           {% include "recoverdir/rd_pers.html" %}
        {% endblock %}
      </div>

      <div class="tab-pane fade" id="t_settings" role="tabpanel" aria-labelledby="settings">
        <h5 class="mt-3">Sicherheit{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Sehen Sie hier die Zugangsdaten für den externen Zugang ein." class="far fa-question-circle"></i></small>{% endif %}</h5>
        {% block settings_content %}
           {% include "recoverdir/rd_viewsettings.html" %}
        {% endblock %}
      </div>

      <div class="tab-pane fade" id="t_help" role="tabpanel" aria-labelledby="help">
        <h5 class="mt-3">Hilfe & Kontakt{% if request.user.profile.showtooltips %}&nbsp;<small><i data-toggle="tooltip" data-placement="top" title="Hier erhalten Sie weitere Hilfe." class="far fa-question-circle"></i></small>{% endif %}</h5>
        <hr>
        <div class="card">  
        <div class="card-body">
            <p class="card-text">
            Melden Sie sich bei der VVE-Geschäftsstelle, um weitere Unterstützung und Hilfe zu erhalten.
            <br />
            <b>Geschäftstelle des VVE e.V.</b><br />
            Verband der selbständigen Verischerungskaufleute er ERGO Gesellschaften e.V.<br />
            Frankenthaler Str. 2<br />
            68519 Viernheim<br /><br />
            Telefon: 06204/964060<br />
            E-Mail: geschaeftsstelle@myvve.de<br />
            </p>
          </div>
        </div>
        <hr>
        <div class="card">  
        <div class="card-body">
            <p class="card-text">
            Bei rechtlichen Fragen melden Sie sich bitte bei dem BVK.
            <br />
            <b>Bundesverband Deutscher Versicherungskaufleute e.V.</b><br />
            Kikuléstraße 12<br />
            53115 Bonn<br /><br />
            Telefon: 0228/228050<br />
            E-Mail: bvk@bvk.de<br />
            </p>
          </div>
        </div>
        <hr>
        <div class="card">  
        <div class="card-body">
            <p class="card-text">
            Bei technischen Fragen nutzen Sie bitte das <a href="{% url 'supportda' %}">Supportformular</a>.
          </div>
        </div>
        <hr>
      </div>
    </div>
  </div>



</div>
<script type="text/javascript">

var defaultsettingsview = "rd";
/* COOKIE FOR SAVING OPEN TAB */
    $(document).ready(function(){

      
      //Check prev Side
       var activeTab = localStorage.getItem('rd_tabs');
       console.log(activeTab);
      if(activeTab){

       if($('#' + activeTab).find().prevObject.length != 0){
          $('#' + activeTab).tab('show');
          $(".nav-link").removeClass("active");

          $("#t_" + activeTab).addClass("active");
          $("#t_" + activeTab).addClass("show");

          $("#" + activeTab).addClass("active");

        }
        else{

           $("#" + activeTab).addClass("active");
           $("#t_" + activeTab).addClass("active");
          
         }
      }
      else{

        $("#t_rd").addClass("active");
          $('#rd').tab('show');
      }

    });


    $('#rd_tabs a').on('click', function (e) {
      e.preventDefault();
      $(this).tab('show');
      //lastview_name = $(this)[0]['hash'].substring(1);
      lastview_name = $(this)[0]['hash'].split("_")[1];
      localStorage.setItem('rd_tabs', lastview_name);
    });




  </script>


{% else %}
Sie haben keinen Zugriff auf das Modul Notfallhilfe. Bitte wenden Sie sich an den Support!
{% endif %}
{% endblock content %}