<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Péremptions</title>
   <link rel="stylesheet" href="{% static 'vehicles/style.css' %}">
</head>
<body>
<div class="main_container">
{% for vhc in list_vhc %}
    {% with 'vehicles/images/ocvs_rtw_'|add:vhc.nType|add:'_'|add:vhc.nStatus|add:'.png' as image_static %}
    <div class="child">
        <div style="height: 25%;display: flex;padding-top: 10px;" >
            <a href="/admin/vehicles/vehicles/{{vhc.id}}/change/" target="{{target}}"  style="font-weight: bold;">{{vhc.sName}}</a><br>

            <img height="100px" src="{% static image_static %}" ><br>
            {% if vhc.bLucas %}
            <span style="align-self: flex-end; padding: 20px;color:orange">Lucas</span>
            {% endif %}

        </div>
        <div class="child_box" style="height: 70%;">

            <div style="width: 350px;height: var(--main-child-container-height); ">
                <b>Péremptions</b>
                <div class="child_box">

                    <div style="width: 350px;margin-top: 15px">
                        {% for info in vhc.get_all_infos_perempt_perma %}
                        <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="{{target}}" >{{info.sDesc}}</a><br>
                        {% endfor %}
                    </div>

                    <div style="width: 350px;margin-top: 15px">
                        {% for info in vhc.get_all_infos_perempt %}
                        <a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="{{target}}" >{{info.sDesc}}</a> <br>
                        {% endfor %}
                    </div>

                </div>

            </div>
        </div>




    </div>
    {% endwith %}
{% endfor %}
</div>


</body>
</html>
