{% extends 'base.html' %}

{% load static %}
{% load cms_tags %}
{% block meta_tags %}
<meta property="og:title" content="{{page.seo_title}}" />
<!-- <meta property="og:type" content="website" /> -->
<meta property="og:url" content="{{page.get_full_url}}" />
<meta property="og:image"
    content="{% if page.catImage %}{{page.catImage.file.url}}{% else %}{{page.prImage.file.url}}{% endif %}" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta property="og:description" content="{{page.search_description}}" />
{% endblock meta_tags %}

{% block style %}

{% endblock style %}

{% block breadcrumb %}


{% endblock breadcrumb %}

{% block content %}


<section class="flex w-full gap-4">
    <div class="grid">
        {% for prod in prodObj %}
        <div class="grid gap-4 pb-4 border-b-2">
            <div class="flex justify-between border-r font-bold px-4">
                <div class="border-r">

                    {{forloop.counter}} &nbsp;
                    {{prod}}
                </div>
                <div>
                    {{prod.prDatasheet.file}}
                </div>
            </div>
            <div class="flex w-full gap-4 ">

                <div class="w-[50%]">
                    {{prod.prDesc}}
                </div>
                <div class="w-[50%]">
                    {% if prod.prDesc %}
                    {{prod.prDesc|add_formating}}
                    {% endif %}
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</section>


{% endblock content %}



{% block script %}

{% endblock script %}