{% extends 'template.html' %}

{% block css %}
<link rel="stylesheet" href="{{ url_for( 'static', filename='h_tmp_user/d_read_post/read_post.css' ) }}">
<link rel="stylesheet" href="{{ url_for( 'static', filename='e_blog/b_share_btn.css' ) }}">
{% endblock css %}

{% block navbar %}
{% include 'z_comps/navbar.html' %}
{% endblock navbar %}

{% block body %}



<div class="pst-cont">
  <h1>{{data[5]}}</h1> 
  
  <spam>
    <a type="button" class="btn btn-secondary" href="{{ url_for( 'blog' ) }}"><i class="bi bi-arrow-left" ></i> Publicaciones</a> <br>
    <i class="bi bi-person-circle"></i> {{data[0]}} {{data[1]}} |
    <i class="bi bi-pencil-square"></i> {{data[2]}} |
    {% if data[3] is not none %}
    <i class="bi bi-arrow-repeat"></i> {{data[3]}} |
    {% endif %}
    <i class="bi bi-clock-history"></i> {{ data[4] }} Minutos |
    <i class="bi bi-eye"></i> {{ data[7] }}
  </spam>

  <div class="share">
    <div class="share__wrapper">
      <div class="share__toggle"><i class="bi bi-share-fill"></i></div>
      <button href="#" class="share__button fb"><i class="bi bi-facebook"></i></button>
      <button href="#" class="share__button tw"><i class="bi bi-twitter-x"></i></button>
      <button class="share__button in"><i class="bi bi-linkedin"></i></button>
      <button class="share__button copy"><i class="bi bi-link-45deg"></i></button>
      <button class="share__button wa"><i class="bi bi-whatsapp"></i></button>
    </div>
  </div>
  
  <div class="bd_post">
    
    {{data[6] | safe}}  
  </div>

</div>

<script>
  document.querySelectorAll('.share__toggle').forEach(btn => {
    btn.addEventListener('click', () => {
      btn.closest('.share').classList.toggle('open');
    });
  });
</script>







{% endblock body %}
{% block js %}
{% include "z_comps/read_progress.html" %}

<script type="module" src="{{ url_for('static', filename='e_blog/copy_url.js') }}"></script>

<!-- {# flecha ir hasta arriba #} -->
{% include 'z_comps/arrow_to_up.html' %}
{% endblock js %}