@throttle_classes([TenCallsPerMinute])
def specialization_details(request, specialization_id):
    module_dir = os.path.dirname(__file__)
    specializations = Certification.objects.all().order_by('-release_date', '-id')
    name_query = request.GET.get("name")
    if name_query:
        specializations = specializations.filter(name__icontains=name_query)
    specialization = get_object_or_404(Certification, id=specialization_id)
    courses = Course.objects.filter(certification_id=specialization_id)
    with open(os.path.join(module_dir, 'templates/specialization.html')) as file:
        content2 = file.read()

    template = content2
    # "Show Code" muestra esta misma vista. Antes era content[118:139] de views.py:
    # cualquier línea añadida más arriba desplazaba el corte y la página acababa
    # mostrando homeportfolio. inspect da los límites reales de la función.
    views = public_source(specialization_details)
    context = {
        'specialization': specialization,
        'courses': courses,
        'specializations': specializations,
        'views': views,
        'template': template
    }
    return render(request, 'specialization.html', context)

{% extends 'base.html' %}
{% load i18n %}
{% block title %}{{ specialization.name }} | Marco A. Parra F.{% endblock %}
{% block meta_description %}{% blocktrans with name=specialization.name %}Courses and certificate of the {{ name }} specialization completed by Marco A. Parra F.{% endblocktrans %}{% endblock %}
{% block content %}
{% load static %}
{% load fontawesome_5 %}
{% load cached_pygments %}
<br><br>
<section class="container-section mb-4">
    <div class="container-fluid">
        <div class="row g-0">
            <div class="portfolio-box-caption">
                <div class="row">
                    <div class="col">
                        <h2 class="portfolio-box-headers" style="text-align:center">
                           Specialization Details</h2>
                    </div>
                </div>
            </div>
            <hr>

            <div class="container">
                <div class="row" >
                    <div class="container-fluid specialization-detail" style="background: white">
                        <div class="row">
                                <h3 class="mt-9" style="margin:10px">{{ specialization.name }}</h3>
                                <p  class="d-none d-sm-block show-read-more" style="margin:10px">{{ specialization.description|linebreaksbr }}</p>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-12 col-md-6 ">
                                <embed class="d-flex align-cls-center" style="height: 300px; width:100%" src="{% static 'shared/' %}{{specialization.filePath }}" alt="Display certificate"/>
                            </div>
                            <div class="col">
                                <h5>Date successfully completed this Specialization: <q>{{specialization.release_date}}</q></h5>
                                <p><strong>Rating: </strong>{{ specialization.rating }}</p>
                                <h6>{{specialization.offered.category}} offered by: <strong> {{specialization.offered.name}}</strong></h6>
                                {% if specialization.web_site %}<a href="{{ specialization.web_site }}"> {{specialization.web_site }}</a>{% endif %}
                            </div>

                        </div>
                        <div class="row">
                            <h4 class="text-white p-3">More about this specialization, courses details</h4>
                            {% for course in courses %}
                                <div class="card">
                                    <div class="card-header">
                                        {{ course.name }}
                                    </div>
                                    <div class="card-body">
                                        <p class="card-text show-read-more">{{ course.description|linebreaksbr }}</p>
                                        {% if course.website %}
                                            <a href="{{ course.website }}" class="btn btn-warning">Go to website of this course</a>
                                        {% endif %}
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="container-section mb-4">
    <div class="container-fluid">
        <div class="row g-0">
            <div class="portfolio-box-caption">
                <div class="row">
                    <div class="col">
                        <h3 class="portfolio-box-headers" style="text-align:center">
                            Specializations & Professional Certifications</h3>
                    </div>
                </div>
            </div>
            <hr>
            <div class="container">
                <h3 class="mb-3 mt-4 p-4" style="background-color: #212529; color: #fff;"><i class="fas fa-list"> Specializations</i></h3>
                <div class="row">
                    <div class="col table-responsive">
                      <form>
                        <table class="table table-hover align-middle">
                            <thead class="table-dark">
                              <tr class="table-light">
                                  <th scope="col">
                                    <input type="text" name="name" value="" placeholder="Filter By Name Certification">
                                  </th>
                                  <th scope="col">
                                    <button type="submit" name="button" class="btn btn-warning"><a href="#specialization">Filter</a></button>
                                  </th>
                              </tr>
                              <tr>
                                    <th scope="col">Name</th>
                                    <th scope="col">Institution/Company</th>
                                    <th scope="col">Release date</th>
                                    <th scope="col">View Details</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for item in specializations %}
                                    <tr>
                                        <th scope="row">{{ item.name }}</th>
                                        <td>{{ item.offered.name }}</td>
                                        <td>{{ item.release_date }}</td>
                                        <td>
                                            <a href="{% url 'detail_specialization' item.id %}" >
                                                <button class="btn btn-success btn-sm rounded-0" type="button" data-toggle="tooltip" data-placement="top" title="ViewMore"><i class="fa fa-edit"></i></button>
                                            </a>
                                        </td>
                                    </tr>
                                    {% empty %}
                                    <tr>
                                      <td colspan="7">No se encontraron datos</td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                      </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="container-section mb-4">
    <div class="container-fluid">
        <div class="row g-0">
            <div class="portfolio-box-caption">
                <div class="row">
                    <div class="col-12 col-sm-10">
                        <h3 class="portfolio-box-headers" style="text-align:center">
                            {% trans "Show Code" %}</h3>
                    </div>
                    <div class="col">
                        <button type="button" class="btn btn-light" onclick="$('#section-w').toggle();">
                            Show/Hide
                        </button>
                    </div>
                </div>
            </div>
            <hr>
            <div class="container" style="display:none;" id="section-w">
                <div class="row mb-4">
                    <div class="col-12 col-sm-6">
                        <h4>views.py Code</h4>
                        <div class="sourcecode">
                            {{ views|pygmentize:"python3" }}
                        </div>
                    </div>
                    <div class="col-12 col-sm-6">
                        <h4>Template</h4>
                        <div class="sourcecode">
                            {{ template|pygmentize:"html" }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{% endblock %}