{% extends "base.html" %}
{% load static %}
{% load i18n %}

{% block head %}

    <link rel="stylesheet" href="{% static 'controls/controls_detail.css' %}">
    <style>
        body {
            padding-top: 0px; 
        }
        .badge.rounded-pill {
            min-width: 0px;
        }
        #remark-form-container {
            position: absolute;
        }
        #upload-plan-form-container {
            position: absolute;
        }
        /* Masquer le badge de synchronisation offline sur desktop */
        #sync-status {
            display: none !important;
        }
    </style>

{% endblock head %}



{% block content %}

    <h2 class="text-center my-4">{% translate "Contrôle" %} {{ control.control_code }}</h2>

    {% include "controls/controls_detail_content.html" %}

{% endblock content %}


{% block script %}

{{ plans_data|json_script:"plans-data" }}
{{ remarks_data|json_script:"remarks-data" }}

<script>
    const plansData = JSON.parse(document.getElementById('plans-data').textContent);
    var remarksData = JSON.parse(document.getElementById('remarks-data').textContent);
    const autocomplete_contract_posts_url = "{% url 'contracts:autocomplete-posts' %}";
</script>
<script src="{% url 'javascript-catalog' %}"></script>
<script src="{% static 'controls/controls_detail.js' %}"></script>

{% endblock script %}