{% extends 'h_tmp_usr/z_tmp.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='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 body %}

<style>






</style>

<div class="pst-cont" data-aos="fade-left" data-aos-delay="300" data-aos-duration="800">
  <h1>{{data[2]}}</h1> 
  <!-- {# volver, contenedor datos autor, creación publicación, fecha actualización, tiempo lectura, vistas, btn_share_all_rrss #} -->

  <div class="meta-bar">
    <div>
      <a type="button" class="btn btn-secondary" href="{{ url_for('my_posts') }}">
        <i class="bi bi-arrow-left"> Regresar</i>
      </a>
      <a type="button" class="btn btn-secondary" href="{{ url_for('edit_post', id_post= post_id ) }}">
        <i class="bi bi-vector-pen"> Editar</i>
      </a>
    </div>
    <div class="meta-info">
       <i class="bi bi-calendar-week"></i> {{data[0]}} |
      {% if data[1] is not none %}<i class="bi bi-arrow-repeat"></i> {{data[1]}} | {% endif %}
      <i class="bi bi-clock-fill"></i> {{time_read}}
    </div>
  
  </div>

  <div class="bd_post">
    {{data[3] | safe}}
  </div>
</div>




{% endblock body %}

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


<!-- {# aos script #} -->
{% include 'z_comps/aos_script.html' %}

{% include "z_comps/read_progress.html" %}

{% endblock js %}